HỌC HTML5/CSS3, BOOTSTRAP 4 VÀ HỌC CẮT WEB TỪ FILE THIẾT KẾ

HỌC HTML5/CSS3, BOOTSTRAP 4 VÀ HỌC CẮT WEB TỪ FILE THIẾT KẾ
Thành thạo các kỹ năng, phương pháp, hiệu ứng,... cắt web và xử lý nội dung website chuyên nghiệp chỉ với 5 ngày

Giảng viên: Nguyễn Đức Việt - Giảng viên Thiết kế      Khóa học Công nghệ thông tin

Giá cũ:        700,000   VNĐ

Ưu đãi             14%

Giá bán:       599,000   VNĐ       MUA NGAY

Giới thiệu khóa học

Bạn bắt đầu làm quen và biết đến cắt web, thiết kế website?

Bạn yêu thích những công việc đầy sáng tạo, ý tưởng mới lạ cắt, thiết kế web?

Công việc của bạn đòi hỏi bạn cần biết bắt web, xử lý thông tin, trình bày các nội dung trên web?

Bạn cần học thêm những kiến thức cơ bản nhất về cắt, thiết kế  web để phục vụ cho công việc của mình, cũng như có thêm cơ hội thăng tiến, kiếm thêm thu nhập cho bản thân?

Bạn mới chỉ biết về cắt, thiết kế web chứ không thành thạo và biết các công cụ xử dụng trong cắt web?

Tất cả những khó khăn đó của bạn sẽ được giải quyết nhanh chóng, ngay lập tức khi bạn tham gia khóa. Khóa học sẽ giúp bạn cải thiện và nâng cao ngay lập tức trình độ cắt web, sử dụng công cụ tác nghiệp trên website. Đặc biệt, đây là khóa học dành cho những người mới bắt đầu, cơ bản từ con số 0 về thiết kế website.

Giảng  viên Nguyễn Đức Việt sẽ cùng với Học viên Online Unica.vn mang đến cho các bạn một khóa học “Học HTML5/CSS3, BOOTSTRAP 4và học cắt Web từ file thiết kế” với 13 phần giúp các học viên biến những kĩ năng cắt web trở lên đơn giản vô cùng. Khóa học cung cấp cho học viên đầy đủ những kỹ năng cắt web từ cơ bản đển nâng cao. Trong quá trình học, học viên cũng được thực hành cắt web cụ thể trên các trang báo như: vnexpress, dantri, kenh14, baomoi, vietnamnet.vn,...

Các bạn sẽ được rèn luyện thành thục tất cả các kỹ năng cắt web được sử dụng nhiều nhất hiện nay, sử dụng bootstrap 4 - công cụ lập trình HTML front end mới nhất đang được nhiều đơn vị web lựa chọn.  Cùng rất nhiều những tính năng cắt web tối ưu, đảm bảo sản phẩm đẹp các sử dụng font icon và làm các hiệu ứng hover trực tiếp trên web,...

Trình độ cắt web của bạn sẽ được “nâng cấp” khiến bạn không hỏi bất ngờ. Bạn không chỉ thỏa mãn được đam mê của mình, thỏa sức sáng tạo với các hiệu ứng và kĩ năng cắt web, mà còn mở thêm nhiều cơ hội để thăng tiến trong công việc và  thể hiện trình độ chuyên môn của mình.

Lợi ích khóa học

1.     Nắm chắc kiến thức cơ bản về và 2 phần mềm cần thiết cho cắt web là css và html

2.     Thực hành  cắt web với 2 phần mềm chuyên dụng css và html trên các địa chỉ website lớn như: kenh14.vn, vietnamnet.vn, docbao.vn, marry.vn, giadinh.net,...

3.     Hiểu rõ về các thuộc tính trong css: thuộc tính absolute và relative,thuộc tính fle,..  và thực hành trên các web cụ thể, để thành thục công cụ.

4.     Hiểu rõ về bootstrap 4, các thành phần của bootstrap, cài đặt cũng như thực hành cắt web với bootstrap.

5.     Học cắt web từ file thiết kế photoshop với các giao diện ILLUSTRATE, pix

6.     Kỹ năng cắt web với sản phẩm bán chạy trên themeforest : thefox

7.     Thành thạo các kỹ năng, hiệu ứng, phương pháp cắt web chuyên nghiệp như các website lớn.

Đối tượng đào tạo

Dành cho tất cả mọi người

Những người chưa biết gì về thiết kế website

Người yêu thích về cắt web và biên tập website

Người làm về website

Nội dung khoá học

Phần 1 : Giới thiệu và các phần mềm cần thiết

Bài 1Cài đặt 2 phần mềm cần thiết13:47

Bài 2Giới thiệu khóa học12:11

Phần 2 : Các kiến thức cơ bản

Bài 3Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 115:44Học thử

Bài 4Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 209:20

Bài 5Các thuộc tính css09:50

Phần 3 : Học cách cắt web qua từng bài tập

Bài 6Áp dụng thuộc tính đã học chữa bài 1 Kênh 1421:04

Bài 7Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 110:06Học thử

Bài 8Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 208:39

Bài 9Giới thiệu về class và ID trong CSS14:32

Bài 10Luyện tập về class và ID tập 118:06

Bài 11Luyện tập về class và ID tập 208:18

Bài 12Luyện tập về class và ID tập 308:40

Bài 13Luyện tập về class và ID tập 411:04

Bài 14Cách load và sử dung font mới09:42

Bài 15Sử dụng font icon và cách làm hiệu ứng hover16:49

Bài 16Chữa bài Megafun.vn - tập 110:08

Bài 17Chữa bài Megafun.vn - tập 215:55

Bài 18Chữa bài ione.vnexpress.net07:45

Bài 19Chữa bài docbao.vn - Tập 110:05

Bài 20Chữa bài docbao.vn - Tập 209:48

Bài 21Chữa bài docbao.vn - Tập 310:29

Bài 22Chữa bài vietnamnet.vn - Tập 108:39

Bài 23Chữa bài vietnamnet.vn - Tập 209:17

Bài 24Chữa bài marry.vn - Tập 109:46

Bài 25Chữa bài marry.vn - Tập 207:35

Bài 26Chữa bài marry.vn - Tập 326:29

Bài 27Chữa bài marry.vn - Tập 411:03

Bài 28Chữa bài giadinh.net02:12

Bài 29Chữa bài saga.vn - Tập 121:16

Bài 30Chữa bài saga.vn - Tập 207:39

Phần 4 : Các thuộc tính chia layer trong css

Bài 31Giới thiệu về thuộc tính absolute và relative12:09

Bài 32Giới thiệu về thuộc tính flex - Tập 109:54

Bài 33Giới thiệu về thuộc tính flex - Tập 216:34

Bài 34Luyện tập về thuộc tính flex - Tập 109:00

Bài 35Luyện tập về thuộc tính flex - Tập 231:29

Bài 36Luyện tập absolute với website guu-vn - Tập 108:44

Bài 37Luyện tập absolute với website guu-vn - Tập 210:05

Bài 38Luyện tập absolute với website guu-vn - Tập 308:42

Bài 39Luyện tập absolute với website guu-vn - Tập 409:28

Bài 40Luyện tập absolute với website guu-vn - Tập 511:22

Bài 41Chữa bài 1 absolute Usatoday - Tập 109:50

Bài 42Chữa bài 1 absolute Usatoday - Tập 205:59

Bài 43Thực hành absolute với website tiin-.vn - Tập 105:17

Bài 44Thực hành absolute với website tiin-.vn - Tập 207:24

Bài 45Luyện tập về thuộc tính chia layer với udemy.com30:04

Bài 46Kết hợp absolute với transition17:48

Bài 47Thuộc tính background attachment25:21

Bài 48Thuộc tính animation - tập 109:00

Bài 49Thuộc tính animation - tập 209:07

Bài 50Áp dụng chia layer và hover transition để làm hiệu ứng08:29Học thử

Bài 51Kết hợp thuộc tính absolute, transition và flex - Tập 108:28

Bài 52Kết hợp thuộc tính absolute, transition và flex - Tập 209:05

Bài 53Kết hợp thuộc tính absolute, transition và flex - Tập 306:21

Bài 54Kết hợp thuộc tính absolute, transition và flex - Tập 409:11

Bài 55Kết hợp absolute và hover transition - Tập 131:00

Bài 56Kết hợp absolute và hover transition - Tập 210:42

Bài 57Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 109:32

Bài 58Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 206:32

Bài 59Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 304:41

Bài 60Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 404:41

Bài 61Tổng kết phần html - css và giới thiệu kiến thức mới07:04

Phần 5 : Giới thiệu bootstrap 4 và cài đặt

Bài 62Giới thiệu về bootstrap 410:56

Bài 63Cài đặt bootstrap - tập 108:43

Bài 64Cài đặt bootstrap - tập 206:37

Bài 65Thành phần grid trong bootstrap - Tập 120:51

Bài 66Thành phần grid trong bootstrap - Tập 211:30

Bài 67Giới thiệu về responsive12:41

Phần 6 : Bắt đầu học bootstrap

Bài 68Giới thiệu về alert11:12

Bài 69Giới thiệu về breadcrumb05:38

Bài 70Giới thiệu về button09:32

Bài 71Phương pháp học bootstrap04:04

Bài 72Giới thiệu về checkbox và radio button08:29

Bài 73Giới thiệu về dropdown menu17:15

Bài 74Giới thiệu về thành phần mới so với BS3: Card layout12:02

Bài 75Giới thiệu về thành phần card deck05:25

Bài 76Giới thiệu về thành phần card group04:17

Bài 77Giới thiệu về thành phần card column07:29

Bài 78Giới thiệu về thành phần carousel06:29

Bài 79Giới thiệu về thành phần collapse06:29

Bài 80Giới thiệu về thành phần form10:46

Bài 81Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap10:33

Phần 7 : Học bootstrap qua từng bài tập

Bài 82Thành Phần menu trong bootstrap14:23

Bài 83Thành phần spacing trong bootstrap11:36

Bài 84Thành phần căn chỉnh trong bootstrap05:49

Bài 85Sử dụng card layout để tạo thông tin04:40

Bài 86Tóm tắt kiến thức04:23

Bài 87Giới thiệu bài tập tạo website với bootstrap02:12

Bài 88Sử dụng navbar collapse08:26

Bài 89Sử dụng jumbotron07:12

Bài 90Thực hành Bootstrap 4 với card deck layout08:27

Bài 91Viết hiệu ứng scroll bằng jquery06:27

Bài 92Tổng kết kiến thức05:25

Bài 93Giới thiệu website02:58

Bài 94Tạo menu responsive thế nào04:23

Bài 95Tạo hiệu ứng slide theo website13:37

Bài 96Hoàn thiện website09:35

Bài 97Tổng kết website và kiến thức học được03:32

Bài 98Tóm tắt kiến thức - tập 103:28

Bài 99Tóm tắt kiến thức - tập 203:28

Bài 100Tạo menu và carosel bằng phím tắt07:29

Bài 101Tinh chỉnh và hoàn thiện menu12:58

Bài 102Xử lý phần khoảng cách cho menu bằng css07:09

Bài 103Xử lý phần nội dung cho carousel caption09:38

Bài 104Phương pháp xử lý responsive trong BS413:45

Bài 105Xử lý căn chỉnh nội dung bằng row trong row08:18

Bài 106Tinh chỉnh phần nội dung chính xác bằng css12:37

Bài 107Xử lý khối thông tin website chứa facebook button06:29

Bài 108Hoàn thiện khối thông tin website với css06:14

Bài 109Hoàn thiện footer09:34

Phần 8 : Học bootstrap qua việc làm theme bootstrap: creative theme

Bài 110Creative theme - bước chuẩn bị04:42

Bài 111Creative theme - tạo khung html - tập 108:44

Bài 112Creative theme - tạo khung html - tập 206:50

Bài 113Creative theme - tạo css cho phần menu trên - tập 108:27

Bài 114Creative theme - tạo css cho phần menu trên - tập 207:09

Bài 115Creative theme - tạo css cho phần banner - tập 108:45

Bài 116Creative theme - tạo css cho phần banner - tập 205:07

Bài 117Velocity theme - xử lý responsive - tập 107:16

Bài 118Velocity theme - xử lý responsive - tập 204:05

Bài 119Creative theme - xử lý khối giới thiệu08:50

Bài 120Creative theme - xử lý phần chia cột - tập 105:05

Bài 121Creative theme - xử lý phần chia cột - tập 205:55

Bài 122Creative theme - xử lý khối sản phẩm - tập 109:50

Bài 123Creative theme - xử lý khối sản phẩm - tập 208:02

Bài 124Creative theme - xử lý hiệu ứng jquery08:06

Phần 9 : Học bootstrap qua việc làm theme bootstrap: VELOCITY THEME

Bài 125Velocity theme - bắt đầu với menu08:29

Bài 126Velocity theme - tạo banner07:01

Bài 127Velocity theme - tạo css cho phần logo - tập 106:34

Bài 128Velocity theme - tạo css cho phần logo - tập 206:44

Bài 129Velocity theme - tạo css cho menu responsive - tập 106:36

Bài 130Velocity theme - tạo css cho menu responsive - tập 204:57

Bài 131Velocity theme - tạo css cho menu responsive - tập 308:11

Bài 132Velocity theme - tạo css cho phần banner responsive08:11

Bài 133Velocity theme - tạo phần dịch vụ - tập 107:20

Bài 134Velocity theme - tạo phần dịch vụ - tập 209:12

Bài 135Velocity theme - xử lý hiệu ứng slide - tập 107:12

Bài 136Velocity theme - xử lý hiệu ứng slide - tập 205:47

Bài 137Velocity theme - hiệu ứng jquery - tập 105:47

Bài 138Velocity theme - hiệu ứng jquery - tập 208:02

Phần 10 : Học cắt web từ file thiết kế photoshop

Bài 139Giới thiệu phần mềm photoshop05:15

Bài 140Bước chuẩn bị cho cắt web09:13

Bài 141Sử dụng bootstrap tạo khung menu04:18

Bài 142Tạo css cho menu trên màn hình desktop08:57

Bài 143Tạo css cho menu trên màn hình iphone04:08

Bài 144Tạo khung html cho slide banner06:37

Bài 145Tạo css cho slide banner - tập 111:42

Bài 146Tạo css cho slide banner - tập 208:31

Bài 147Tạo khung html cho khối dịch vụ05:27

Bài 148Tạo css cho khối dịch vụ07:51

Bài 149Hướng dẫn xử lý các phần khác của giao diện01:45

Phần 11 : Cắt web từ file photoshop - Giao diện ILLUSTRATE

Bài 150Phần chuẩn bị03:09

Bài 151Xử lý css cho phần top header06:15

Bài 152Xử lý css cho phần menu trên12:40

Bài 153Tạo khung HTML cho phần banner03:17

Bài 154Xử lý css cho phần banner11:26

Bài 155Xử lý phần html cho khối thông tin03:06

Bài 156Xử lý css cho phần khối thông tin04:42

Bài 157Xử lý html cho khối sản phẩm05:06

Bài 158Xử lý css cho khối sản phẩm12:15

Phần 12 : Cắt web từ file thiết kế photoshop - giao diện pix

Bài 159Bước chuẩn bị02:00

Bài 160Xử lý phần html cho phần logo và menu05:33

Bài 161Xử lý phần html cho phần logo và menu13:03

Bài 162Xử lý html cho phần banner07:09

Bài 163Xử lý css cho phần banner12:09

Bài 164Xử lý html cho khối 3 dịch vụ05:22

Bài 165Xử lý css cho phần 3 dịch vụ11:59

Bài 166Tóm tắt các làm cho phần còn lại của giao diện01:38

Phần 13 : Cắt web với sản phẩm bán chạy trên themeforest : thefox

Bài 167Cắt web thefox- bước chuẩn bị06:17

Bài 168Cắt web thefox - tạo khung html cho topheader06:02

Bài 169Cắt web thefox - tạo css cho phần topheader16:20

Bài 170Tạo html cho phần menu07:34

Bài 171Cắt web thefox - tạo css cho phần menu11:41

Bài 172Cắt web thefox - tạo css cho menu trên iphone04:12

Bài 173Cắt web thefox- tạo khung html cho banner09:42

Bài 174Cắt web thefox- tạo css cho phần banner13:08

Bài 175Cắt web thefox - tạo html cho phần giới thiệu06:09

Bài 176Cắt web thefox - tạo css cho phần giới thiệu08:26

Bài 177Cắt web thefox - hướng dẫn xử lý các phần còn lại03:31

Bài 178Tổng kết khóa học01:38

 Thông tin giảng viên

Nguyễn ĐứcViệt - Giảng viên Thiết kế

Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm.

Giảng viên Thiết kế web tại FPT - Arena.

Với 5 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web, anh đã đào tạo hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

Tham gia rất nhiều dự án web cho FPT và các dự án về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

Khóa học do Nguyễn Đức Việt giảng dạy

Học jQuery từcơ bản đến nâng cao

HọcIllustrator, photoshop và animate cc 2017 thông qua bài tập thực tế

HọcHTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

Tất tần tậtvề Photoshop Lightroom

Học thiết kếux/ui cho ứng dụng và Website  bằng AdobePhotoshop, Muse và xd cc 2017

MUA NGAY