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

Công nghệ thông tin 

Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế – Mã giảm giá 40%

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

Bạn có thể xem chi tiết khóa học và giá gốc bằng cách click vào ô bên dưới. Còn mã coupon giảm 40% mình có để ở cuối bài viết. Chúc bạn học tốt và thu lượm được nhiều kiến thức hay!

 XEM CHI TIẾT

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

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 1 Cài đặt 2 phần mềm cần thiết
Bài 2 Giới thiệu khóa học

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
Bài 4 Giới thiệu các thẻ HTML cần thiết cho cắt web – TẬP 2
Bài 5 Các thuộc tính css

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 14
Bài 7 Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 – Tập 1
Bài 8 Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 – Tập 2
Bài 9 Giới thiệu về class và ID trong CSS
Bài 10Luyện tập về class và ID tập 1
Bài 11 Luyện tập về class và ID tập 2
Bài 12 Luyện tập về class và ID tập 3
Bài 13 Luyện tập về class và ID tập 4
Bài 14 Cách load và sử dung font mới
Bài 15 Sử dụng font icon và cách làm hiệu ứng hover
Bài 16 Chữa bài Megafun.vn – tập 1
Bài 17 Chữa bài Megafun.vn – tập 2
Bài 18 Chữa bài ione.vnexpress.net
Bài 19 Chữa bài docbao.vn – Tập 1
Bài 20 Chữa bài docbao.vn – Tập 2
Bài 21 Chữa bài docbao.vn – Tập 3
Bài 22 Chữa bài vietnamnet.vn – Tập1
Bài 23 Chữa bài vietnamnet.vn – Tập 2
Bài 24 Chữa bài marry.vn – Tập 1
Bài 25 Chữa bài marry.vn – Tập 2
Bài 26 Chữa bài marry.vn – Tập 3
Bài 27 Chữa bài marry.vn – Tập 4
Bài 28 Chữa bài giadinh.net
Bài 29 Chữa bài saga.vn – Tập 1
Bài 30 Chữa bài saga.vn – Tập 2

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

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

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

Bài 62 Giới thiệu về bootstrap 4
Bài 63 Cài đặt bootstrap – tập 1
Bài 64 Cài đặt bootstrap – tập 2
Bài 65 Thành phần grid trong bootstrap – Tập 1
Bài 66 Thành phần grid trong bootstrap – Tập 2
Bài 67 Giới thiệu về responsive

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

Bài 68 Giới thiệu về alert
Bài 69 Giới thiệu về breadcrumb
Bài 70 Giới thiệu về button
Bài 71 Phương pháp học bootstrap
Bài 72 Giới thiệu về checkbox và radio button
Bài 73 Giới thiệu về dropdown menu
Bài 74 Giới thiệu về thành phần mới so với BS3: Card layout
Bài 75 Giới thiệu về thành phần card deck
Bài 76 Giới thiệu về thành phần card group
Bài 77 Giới thiệu về thành phần card column
Bài 78 Giới thiệu về thành phần carousel
Bài 79 Giới thiệu về thành phần collapse
Bài 80 Giới thiệu về thành phần form
Bài 81 Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap

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

Bài 82Thành Phần menu trong bootstrap
Bài 83 Thành phần spacing trong bootstrap
Bài 84 Thành phần căn chỉnh trong bootstrap
Bài 85 Sử dụng card layout để tạo thông tin
Bài 86 Tóm tắt kiến thức
Bài 87 Giới thiệu bài tập tạo website với bootstrap
Bài 88 Sử dụng navbar collapse
Bài 89 Sử dụng jumbotron
Bài 90 Thực hành Bootstrap 4 với card deck layout
Bài 91 Viết hiệu ứng scroll bằng jquery
Bài 92 Tổng kết kiến thức
Bài 93 Giới thiệu website
Bài 94 Tạo menu responsive thế nào
Bài 95 Tạo hiệu ứng slide theo website
Bài 96 Hoàn thiện website
Bài 97 Tổng kết website và kiến thức học được
Bài 98 Tóm tắt kiến thức – tập 1
Bài 99 Tóm tắt kiến thức – tập 2
Bài 100 Tạo menu và carosel bằng phím tắt
Bài 101 Tinh chỉnh và hoàn thiện menu
Bài 102 Xử lý phần khoảng cách cho menu bằng css
Bài 103 Xử lý phần nội dung cho carousel caption
Bài 104 Phương pháp xử lý responsive trong BS4
Bài 105 Xử lý căn chỉnh nội dung bằng row trong row
Bài 106 Tinh chỉnh phần nội dung chính xác bằng css
Bài 107 Xử lý khối thông tin website chứa facebook button
Bài 108 Hoàn thiện khối thông tin website với css
Bài 109 Hoàn thiện footer

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

Bài 110 Creative theme – bước chuẩn bị
Bài 111 Creative theme – tạo khung html – tập 1
Bài 112 Creative theme – tạo khung html – tập 2
Bài 113 Creative theme – tạo css cho phần menu trên – tập 1
Bài 114 Creative theme – tạo css cho phần menu trên – tập 2
Bài 115 Creative theme – tạo css cho phần banner – tập 1
Bài 116 Creative theme – tạo css cho phần banner – tập 2
Bài 117 Velocity theme – xử lý responsive – tập 1
Bài 118 Velocity theme – xử lý responsive – tập 2
Bài 119 Creative theme – xử lý khối giới thiệu
Bài 120 Creative theme – xử lý phần chia cột – tập 1
Bài 121 Creative theme – xử lý phần chia cột – tập 2
Bài 122 Creative theme – xử lý khối sản phẩm – tập 1
Bài 123 Creative theme – xử lý khối sản phẩm – tập 2
Bài 124 Creative theme – xử lý hiệu ứng jquery

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

Bài 125 Velocity theme – bắt đầu với menu
Bài 126 Velocity theme – tạo banner
Bài 127 Velocity theme – tạo css cho phần logo – tập 1
Bài 128 Velocity theme – tạo css cho phần logo – tập 2
Bài 129 Velocity theme – tạo css cho menu responsive – tập 1
Bài 130 Velocity theme – tạo css cho menu responsive – tập 2
Bài 131 Velocity theme – tạo css cho menu responsive – tập 3
Bài 132 Velocity theme – tạo css cho phần banner responsive
Bài 133 Velocity theme – tạo phần dịch vụ – tập 1
Bài 134 Velocity theme – tạo phần dịch vụ – tập 2
Bài 135 Velocity theme – xử lý hiệu ứng slide – tập 1
Bài 136 Velocity theme – xử lý hiệu ứng slide – tập 2
Bài 137 Velocity theme – hiệu ứng jquery – tập 1
Bài 138 Velocity theme – hiệu ứng jquery – tập 2

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

Bài 139 Giới thiệu phần mềm photoshop
Bài 140 Bước chuẩn bị cho cắt web
Bài 141 Sử dụng bootstrap tạo khung menu
Bài 142 Tạo css cho menu trên màn hình desktop
Bài 143 Tạo css cho menu trên màn hình iphone
Bài 144 Tạo khung html cho slide banner
Bài 145 Tạo css cho slide banner – tập 1
Bài 146 Tạo css cho slide banner – tập 2
Bài 147 Tạo khung html cho khối dịch vụ
Bài 148 Tạo css cho khối dịch vụ
Bài 149 Hướng dẫn xử lý các phần khác của giao diện

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

Bài 150 Phần chuẩn bị
Bài 151 Xử lý css cho phần top header
Bài 152 Xử lý css cho phần menu trên
Bài 153 Tạo khung HTML cho phần banner
Bài 154 Xử lý css cho phần banner
Bài 155 Xử lý phần html cho khối thông tin
Bài 156 Xử lý css cho phần khối thông tin
Bài 157 Xử lý html cho khối sản phẩm
Bài 158 Xử lý css cho khối sản phẩm

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

Bài 159 Bước chuẩn bị
Bài 160 Xử lý phần html cho phần logo và menu
Bài 161 Xử lý phần html cho phần logo và menu
Bài 162 Xử lý html cho phần banner
Bài 163 Xử lý css cho phần banner
Bài 164 Xử lý html cho khối 3 dịch vụ
Bài 165 Xử lý css cho phần 3 dịch vụ
Bài 166 Tóm tắt các làm cho phần còn lại của giao diện

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

Bài 167 Cắt web thefox- bước chuẩn bị
Bài 168 Cắt web thefox – tạo khung html cho topheader
Bài 169 Cắt web thefox – tạo css cho phần topheader
Bài 170 Tạo html cho phần menu
Bài 171 Cắt web thefox – tạo css cho phần menu
Bài 172 Cắt web thefox – tạo css cho menu trên iphone
Bài 173 Cắt web thefox- tạo khung html cho banner
Bài 174 Cắt web thefox- tạo css cho phần banner
Bài 175 Cắt web thefox – tạo html cho phần giới thiệu
Bài 176 Cắt web thefox – tạo css cho phần giới thiệu
Bài 177 Cắt web thefox – hướng dẫn xử lý các phần còn lại
Bài 178 Tổng kết khóa học

Quyền lợi học viên

 Cấp chứng nhận hoàn thành.
 Truy cập trên thiết bị di động.
 Thanh toán 1 lần được học trọn đời.
 Được học đi học lại, học mọi lúc mọi nơi.
 Thanh toán online dễ dàng hoặc giao khóa học tận nhà FREE.
 Được đặt câu hỏi cho giảng viên, trao đổi cùng các học viên khác trong phần “thảo luận” khóa.
 Được giảng viên hỗ trợ trực tiếp qua nhóm Facebook, giao lưu cùng những học viên khác trên nhóm.
 Giảng viên có thể tổ chức các buổi giao lưu trực tuyến hoặc trực tiếp.
 Được hoàn trả 100% học phí nếu nội dung khóa học không như mong đợi.

 Đã có hơn 45 học viên đang theo học
 Giá gốc: 700,000 VNĐ
 Ưu đãi còn: 420,000 VNĐ (giảm 40%)

Bạn có thể nhập mã giảm giá là couponHD hoặc click vào lấy mã để được giảm giá 40% khóa học này.

40%

GIẢM GIÁ