HTML5/CSS3, BOOTSTRAP 4 và học cắt Web

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.

  • Tên khóa học:HTML5/CSS3, BOOTSTRAP 4 và học cắt Web
  • Số bài học: 127
  • Thời lượng: 27 giờ 08 phút
  • Đơn giá: 700.000 VNĐ
  • Trình độ: Mọi cấp độ
  • Bản quyền phân phối: unica.vn (Nghĩa là sau khi ghi danh thì bạn sẽ học trực tuyến tại unica.vn)




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 4 và 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

  • 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

  • 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,...

  • 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ụ.

  • 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.

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

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

  • 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

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

  • Bài 1 Cài đặt 2 phần mềm cần thiết 13:47
  • Bài 2 Giới thiệu khóa học 12:11

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

  • Bài 3 Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 1 15:44 
  • Bài 4 Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 2 09:20
  • Bài 5 Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 3 06:45
  • Bài 6 Các thuộc tính css 09:50

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

  • Bài 7 Áp dụng thuộc tính đã học chữa bài 1 Kênh 14 21:04
  • Bài 8 Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1 10:06 
  • Bài 9 Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2 08:39
  • Bài 10 Giới thiệu về class và ID trong CSS 14:32
  • Bài 11 Luyện tập về class và ID tập 1 18:06
  • Bài 12 Luyện tập về class và ID tập 2 08:18
  • Bài 13 Luyện tập về class và ID tập 3 08:40
  • Bài 14 Luyện tập về class và ID tập 4 11:04
  • Bài 15 Cách load và sử dung font mới 09:42
  • Bài 16 Sử dụng font icon và cách làm hiệu ứng hover 16:49
  • Bài 17 Chữa bài Megafun.vn - tập 1 10:08
  • Bài 18 Chữa bài Megafun.vn - tập 2 15:55
  • Bài 19 Chữa bài ione.vnexpress.net 07:45
  • Bài 20 Chữa bài docbao.vn - Tập 1 10:05
  • Bài 21 Chữa bài docbao.vn - Tập 2 09:48
  • Bài 22 Chữa bài docbao.vn - Tập 3 10:29
  • Bài 23 Chữa bài vietnamnet.vn - Tập 1 08:39
  • Bài 24 Chữa bài vietnamnet.vn - Tập 2 09:17
  • Bài 25 Chữa bài marry.vn - Tập 1 09:46
  • Bài 26 Chữa bài marry.vn - Tập 2 07:35
  • Bài 27 Chữa bài marry.vn - Tập 3 26:29
  • Bài 28 Chữa bài marry.vn - Tập 4 11:03
  • Bài 29 Chữa bài giadinh.net 02:12
  • Bài 30 Chữa bài saga.vn - Tập 1 21:16
  • Bài 31 Chữa bài saga.vn - Tập 2 07:39

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

  • Bài 32 Giới thiệu về thuộc tính absolute và relative 12:09
  • Bài 33 Giới thiệu về thuộc tính flex - Tập 1 09:54
  • Bài 34 Giới thiệu về thuộc tính flex - Tập 2 16:34
  • Bài 35 Luyện tập về thuộc tính flex - Tập 1 09:00
  • Bài 36 Luyện tập về thuộc tính flex - Tập 2 31:29
  • Bài 37 Luyện tập absolute với website guu-vn - Tập 1 08:44
  • Bài 38 Luyện tập absolute với website guu-vn - Tập 2 10:05
  • Bài 39 Luyện tập absolute với website guu-vn - Tập 3 08:42
  • Bài 40 Luyện tập absolute với website guu-vn - Tập 4 09:28
  • Bài 41 Luyện tập absolute với website guu-vn - Tập 5 11:22
  • Bài 42 Chữa bài 1 absolute Usatoday - Tập 1 09:50
  • Bài 43 Chữa bài 1 absolute Usatoday - Tập 2 05:59
  • Bài 44 Thực hành absolute với website tiin-.vn - Tập 1 05:17
  • Bài 45 Thực hành absolute với website tiin-.vn - Tập 2 07:24
  • Bài 46 Luyện tập về thuộc tính chia layer với udemy.com 30:04
  • Bài 47 Kết hợp absolute với transition 17:48
  • Bài 48 Thuộc tính background attachment 25:21
  • Bài 49 Thuộc tính animation - tập 1 09:00
  • Bài 50 Thuộc tính animation - tập 2 09:07
  • Bài 51 Áp dụng chia layer và hover transition để làm hiệu ứng 08:29 Học thử
  • Bài 52 Kết hợp thuộc tính absolute, transition và flex - Tập 1 08:28
  • Bài 53 Kết hợp thuộc tính absolute, transition và flex - Tập 2 09:05
  • Bài 54 Kết hợp thuộc tính absolute, transition và flex - Tập 3 06:21
  • Bài 55 Kết hợp thuộc tính absolute, transition và flex - Tập 4 09:11
  • Bài 56 Kết hợp absolute và hover transition - Tập 1 31:00
  • Bài 57 Kết hợp absolute và hover transition - Tập 2 10:42
  • Bài 58 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 1 09:32
  • Bài 59 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 2 06:32
  • Bài 60 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 3 04:41
  • Bài 61 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 4 04:41
  • Bài 62 Tổng kết phần html - css và giới thiệu kiến thức mới 07:04

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

  • Bài 63 Giới thiệu về bootstrap 4 10:56
  • Bài 64 Cài đặt bootstrap - tập 1 08:43
  • Bài 65 Cài đặt bootstrap - tập 2 06:37
  • Bài 66 Thành phần grid trong bootstrap - Tập 1 20:51
  • Bài 67 Thành phần grid trong bootstrap - Tập 2 11:30
  • Bài 68 Giới thiệu về responsive 12:41

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

  • Bài 69 Giới thiệu về alert 11:12
  • Bài 70 Giới thiệu về breadcrumb 05:38
  • Bài 71 Giới thiệu về button 09:32
  • Bài 72 Phương pháp học bootstrap 04:04
  • Bài 73 Giới thiệu về checkbox và radio button 08:29
  • Bài 74 Giới thiệu về dropdown menu 17:15
  • Bài 75 Giới thiệu về thành phần mới so với BS3: Card layout 12:02
  • Bài 76 Giới thiệu về thành phần card deck 05:25
  • Bài 77 Giới thiệu về thành phần card group 04:17
  • Bài 78 Giới thiệu về thành phần card column 07:29
  • Bài 79 Giới thiệu về thành phần carousel 06:29
  • Bài 80 Giới thiệu về thành phần collapse 06:29
  • Bài 81 Giới thiệu về thành phần form 10:46
  • Bài 82 Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap 10:33

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

  • Bài 83 Thành Phần menu trong bootstrap 14:23
  • Bài 84 Thành phần spacing trong bootstrap 11:36
  • Bài 85 Thành phần căn chỉnh trong bootstrap 05:49
  • Bài 86 Sử dụng card layout để tạo thông tin 04:40
  • Bài 87 Tóm tắt kiến thức 04:23
  • Bài 88 Giới thiệu bài tập tạo website với bootstrap 02:12
  • Bài 89 Sử dụng navbar collapse 08:26
  • Bài 90 Sử dụng jumbotron 07:12
  • Bài 91 Thực hành Bootstrap 4 với card deck layout 08:27
  • Bài 92 Viết hiệu ứng scroll bằng jquery 06:27
  • Bài 93 Tổng kết kiến thức 05:25
  • Bài 94 Giới thiệu website 02:58
  • Bài 95 Tạo menu responsive thế nào 04:23
  • Bài 96 Tạo hiệu ứng slide theo website 13:37
  • Bài 97 Hoàn thiện website 09:35
  • Bài 98 Tổng kết website và kiến thức học được 03:32
  • Bài 99 Tóm tắt kiến thức - tập 1 03:28
  • Bài 100 Tóm tắt kiến thức - tập 2 03:28
  • Bài 101 Tạo menu và carosel bằng phím tắt 07:29
  • Bài 102 Tinh chỉnh và hoàn thiện menu 12:58
  • Bài 103 Xử lý phần khoảng cách cho menu bằng css 07:09
  • Bài 104 Xử lý phần nội dung cho carousel caption 09:38
  • Bài 105 Phương pháp xử lý responsive trong BS4 14:54
  • Bài 106 Xử lý căn chỉnh nội dung bằng row trong row 08:18
  • Bài 107 Tinh chỉnh phần nội dung chính xác bằng css 12:37
  • Bài 108 Xử lý khối thông tin website chứa facebook button 06:29
  • Bài 109 Hoàn thiện khối thông tin website với css 06:14
  • Bài 110 Hoàn thiện footer 09:34

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

  • Bài 111 Creative theme - bước chuẩn bị 04:42
  • Bài 112 Creative theme - tạo khung html - tập 1 08:44
  • Bài 113 Creative theme - tạo khung html - tập 2 06:50
  • Bài 114 Creative theme - tạo css cho phần menu trên - tập 1 08:27
  • Bài 115 Creative theme - tạo css cho phần menu trên - tập 2 07:09
  • Bài 116 Creative theme - tạo css cho phần banner - tập 1 08:45
  • Bài 117 Creative theme - tạo css cho phần banner - tập 2 05:07
  • Bài 118 Velocity theme - xử lý responsive - tập 1 07:16
  • Bài 119 Velocity theme - xử lý responsive - tập 2 04:05
  • Bài 120 Creative theme - xử lý khối giới thiệu 08:50
  • Bài 121 Creative theme - xử lý phần chia cột - tập 1 05:05
  • Bài 122 Creative theme - xử lý phần chia cột - tập 2 05:55
  • Bài 123 Creative theme - xử lý khối sản phẩm - tập 1 09:50
  • Bài 124 Creative theme - xử lý khối sản phẩm - tập 2 08:02
  • Bài 125 Creative theme - xử lý hiệu ứng jquery 08:06

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

  • Bài 126 Velocity theme - bắt đầu với menu 08:29
  • Bài 127 Velocity theme - tạo banner 07:01
  • Bài 128 Velocity theme - tạo css cho phần logo - tập 1 06:34
  • Bài 129 Velocity theme - tạo css cho phần logo - tập 2 06:44
  • Bài 130 Velocity theme - tạo css cho menu responsive - tập 1 06:36
  • Bài 131 Velocity theme - tạo css cho menu responsive - tập 2 04:57
  • Bài 132 Velocity theme - tạo css cho menu responsive - tập 3 08:11
  • Bài 133 Velocity theme - tạo css cho phần banner responsive 08:11
  • Bài 134 Velocity theme - tạo phần dịch vụ - tập 1 07:20
  • Bài 135 Velocity theme - tạo phần dịch vụ - tập 2 09:12
  • Bài 136 Velocity theme - xử lý hiệu ứng slide - tập 1 07:12
  • Bài 137 Velocity theme - xử lý hiệu ứng slide - tập 2 05:47
  • Bài 138 Velocity theme - hiệu ứng jquery - tập 1 05:47
  • Bài 139 Velocity theme - hiệu ứng jquery - tập 2 08:02

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

  • Bài 140 Giới thiệu phần mềm photoshop 05:15
  • Bài 141 Bước chuẩn bị cho cắt web 09:13
  • Bài 142 Sử dụng bootstrap tạo khung menu 04:18
  • Bài 143 Tạo css cho menu trên màn hình desktop 08:57
  • Bài 144 Tạo css cho menu trên màn hình iphone 04:08
  • Bài 145 Tạo khung html cho slide banner 06:37
  • Bài 146 Tạo css cho slide banner - tập 1 11:42
  • Bài 147 Tạo css cho slide banner - tập 2 08:31
  • Bài 148 Tạo khung html cho khối dịch vụ 05:27
  • Bài 149 Tạo css cho khối dịch vụ 07:51
  • Bài 150 Hướng dẫn xử lý các phần khác của giao diện 01:45

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

  • Bài 151 Phần chuẩn bị 03:09
  • Bài 152 Xử lý css cho phần top header 06:15
  • Bài 153 Xử lý css cho phần menu trên 12:40
  • Bài 154 Tạo khung HTML cho phần banner 03:17
  • Bài 155 Xử lý css cho phần banner 11:26
  • Bài 156 Xử lý phần html cho khối thông tin 03:06
  • Bài 157 Xử lý css cho phần khối thông tin 04:42
  • Bài 158 Xử lý html cho khối sản phẩm 05:06
  • Bài 159 Xử lý css cho khối sản phẩm 12:15

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

  • Bài 160 Bước chuẩn bị 02:00
  • Bài 161 Xử lý phần html cho phần logo và menu 05:33
  • Bài 162 Xử lý phần html cho phần logo và menu 13:03
  • Bài 163 Xử lý html cho phần banner 07:09
  • Bài 164 Xử lý css cho phần banner 12:09
  • Bài 165 Xử lý html cho khối 3 dịch vụ 05:22
  • Bài 166 Xử lý css cho phần 3 dịch vụ 11:59
  • Bài 167 Tóm tắt các làm cho phần còn lại của giao diện 01:38

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

  • Bài 168 Cắt web thefox- bước chuẩn bị 06:17
  • Bài 169 Cắt web thefox - tạo khung html cho topheader 06:02
  • Bài 170 Cắt web thefox - tạo css cho phần topheader 16:20
  • Bài 171 Tạo html cho phần menu 07:34
  • Bài 172 Cắt web thefox - tạo css cho phần menu 11:41
  • Bài 173 Cắt web thefox - tạo css cho menu trên iphone 04:12
  • Bài 174 Cắt web thefox- tạo khung html cho banner 09:42
  • Bài 175 Cắt web thefox- tạo css cho phần banner 13:08
  • Bài 176 Cắt web thefox - tạo html cho phần giới thiệu 06:09
  • Bài 177 Cắt web thefox - tạo css cho phần giới thiệu 08:26
  • Bài 178 Cắt web thefox - hướng dẫn xử lý các phần còn lại 03:31
  • Bài 179 Tổng kết khóa học 01:38

 

Thông tin giảng viên

 

Nguyễn Đức Việ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ở.

 Bình luận (0)



Chưa có bình luận nào.

    Ghi Danh Ngay

    Họ tên:
    Email:
    SĐT:
    Địa chỉ:
    Lời nhắn:

      Các khóa học khác