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 Website từ file thiết kế. Thành thục các tuyệt kỹ, phương pháp, hiệu ứng,… cắt website và xử lý nội dung website chuyên nghiệp chỉ với 5 ngày.

Khóa Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Website từ file thiết kế

Bạn sẽ đạt được gì sau khóa học

✔️ Nắm chắc tri thức cơ bản về và 2 software thiết yếu cho cắt website là css và html
✔️ Hiểu rõ về bootstrap 4, các thành phần của bootstrap, thiết lập cũng như thực hành cắt website với bootstrap.
✔️ Học cắt website từ file thiết kế photoshop với các giao diện ILLUSTRATE, pix
✔️ Tuyệt kỹ cắt website với sản phẩm bán chạy trên themeforest : thefox
✔️ Thực hành cắt website với 2 software chuyên dụng css và html trên các địa chỉ website lớn như: kenh14, vietnamnet, docbao, marry, giadinh,…
✔️ Hiểu rõ về các tính chất trong css: tính chất absolute và relative,tính chất fle,..  và thực hành trên các website cụ thể, để thành thục công cụ.

– Giảm giá 40% Unica.

Bạn khởi đầu làm quen và nghe đến cắt website, 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ế website?
Công việc của bạn đòi hỏi bạn cần biết bắt website, xử lý thông tin, trình bày các nội dung trên website?
Bạn cần học thêm những tri thức cơ bản nhất về cắt, thiết kế  website để phục vụ cho công việc của mình, cũng như có thêm thời dịp 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ế website chứ không thành thục và biết các công cụ xử dụng trong cắt website?
Toàn bộ những khó khăn đó của bạn sẽ được khắc phục nhanh chóng, ngay mau lẹ khi bạn tham gia khóa. Khóa học sẽ giúp bạn cải tổ và nâng cao ngay mau lẹ trình độ cắt website, 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 khởi đầ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ĩ thuật cắt website trở lên đơn giản vô cùng. Khóa học phân phối cho học viên đầy đủ những tuyệt kỹ cắt website 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 website cụ thể trên các trang báo như: vnexpress, dantri, kenh14, baomoi, vietnamnet.vn,…

Các bạn sẽ được tập luyện thành thục toàn bộ các tuyệt kỹ cắt website được sử dụng nhiều nhất hiện tại, sử dụng bootstrap 4 – công cụ lập trình HTML front end tiên tiến nhất đang được nhiều nhà cung cấp website lựa chọn.  Cùng rất nhiều những tính năng cắt website 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 website,…

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

Giáo trình khóa Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Website từ file thiết kế

Phần 1: Giới thiệu và các software thiết yếu

Bài 1: Seting software thiết yếu
Bài 2: Giới thiệu khóa học

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

Bài 3: Giới thiệu các thẻ HTML thiết yếu cho cắt website
Bài 4: 3 Cách mang CSS vào trong file HTML
Bài 5: Các tính chất CSS

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

Bài 6: Vận dụng tính chất đã học chữa bài 1 Kênh 14
Bài 7: Vận dụng tính chất đã học chữa bài 2 Kênh 14 – Tập 1
Bài 8: Vận dụng tính chất đã 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 10: Luyệ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ập 1
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 tính chất chia layer trong CSS

Bài 31: Giới thiệu về tính chất absolute và relative
Bài 32: Giới thiệu về tính chất flex – Tập 1
Bài 33: Giới thiệu về tính chất flex – Tập 2
Bài 34: Luyện tập về tính chất flex – Tập 1
Bài 35: Luyện tập về tính chất 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ề tính chất chia layer với udemy.com
Bài 46: Phối hợp absolute với transition
Bài 47: Tính chất background attachment
Bài 48: Tính chất animation – tập 1
Bài 49: Tính chất animation – tập 2
Bài 50: Phối hợp tính chất absolute, transition và flex – Tập 1
Bài 51: Phối hợp tính chất absolute, transition và flex – Tập 2
Bài 52: Phối hợp tính chất absolute, transition và flex – Tập 3
Bài 53: Phối hợp tính chất absolute, transition và flex – Tập 4
Bài 54: Phối hợp absolute và hover transition – Tập 1
Bài 55: Phối hợp absolute và hover transition – Tập 2
Bài 56: Phối hợp absolute và hover transition chưa bài hiệu ứng – tập 1
Bài 57: Phối hợp absolute và hover transition chưa bài hiệu ứng – tập 2
Bài 58: Phối hợp absolute và hover transition chưa bài hiệu ứng – tập 3
Bài 59: Phối hợp absolute và hover transition chưa bài hiệu ứng – tập 4
Bài 60: Tổng kết phần HTML – CSS và giới thiệu tri thức mới

Phần 5: Giới thiệu bootstrap 4 và thiết lập

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

Phần 6: Khởi đầu học bootstrap

Bài 67: Giới thiệu về alert
Bài 68: Giới thiệu về breadcrumb
Bài 69: Giới thiệu về button
Bài 70: Phương pháp học bootstrap
Bài 71: Giới thiệu về checkbox và radio button
Bài 72: Giới thiệu về dropdown thực đơn
Bài 73: Giới thiệu về thành phần mới so với BS3: Card layout
Bài 74: Giới thiệu về thành phần card deck
Bài 75: Giới thiệu về thành phần card group
Bài 76: Giới thiệu về thành phần card column
Bài 77: Giới thiệu về thành phần carousel
Bài 78: Giới thiệu về thành phần collapse
Bài 79: Giới thiệu về thành phần form
Bài 80: 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 81: Thành Phần thực đơn trong bootstrap
Bài 82: Thành phần spacing trong bootstrap
Bài 83: Thành phần chỉnh sửa trong bootstrap
Bài 84: Sử dụng card layout để tạo thông tin
Bài 85: Tóm tắt tri thức
Bài 86: Giới thiệu bài tập tạo website với bootstrap
Bài 87: Sử dụng navbar collapse
Bài 88: Sử dụng jumbotron
Bài 89: Thực hành Bootstrap 4 với card deck layout
Bài 90: Viết hiệu ứng scroll bằng jquery
Bài 91: Tổng kết tri thức
Bài 92: Giới thiệu website
Bài 93: Tạo thực đơn responsive thế nào
Bài 94: Tạo hiệu ứng slide theo website
Bài 95: Hoàn thiện website
Bài 96: Tổng kết website và tri thức học được
Bài 97: Tóm tắt tri thức – tập 1
Bài 98: Tóm tắt tri thức – tập 2
Bài 99: Tạo thực đơn và carosel bằng phím tắt
Bài 100: Tinh chỉnh và hoàn thiện thực đơn
Bài 101: Xử lý phần khoảng cách cho thực đơn bằng CSS
Bài 102: Xử lý phần nội dung cho carousel caption
Bài 103: Phương pháp xử lý responsive trong BS4
Bài 104: Xử lý chỉnh sửa nội dung bằng row trong row
Bài 105: Tinh chỉnh phần nội dung đúng đắn bằng CSS
Bài 106: Xử lý khối thông tin website chứa facebook button
Bài 107: Hoàn thiện khối thông tin website với CSS
Bài 108: Hoàn thiện footer

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

Bài 109: Creative theme – bước chuẩn bị
Bài 110: Creative theme – tạo khung html – tập 1
Bài 111: Creative theme – tạo khung html – tập 2
Bài 112: Creative theme – tạo CSS cho phần thực đơn trên – tập 1
Bài 113: Creative theme – tạo CSS cho phần thực đơn trên – tập 2
Bài 114: Creative theme – tạo CSS cho phần banner – tập 1
Bài 115: Creative theme – tạo CSS cho phần banner – tập 2
Bài 116: Velocity theme – xử lý responsive – tập 1
Bài 117: Velocity theme – xử lý responsive – tập 2
Bài 118: Creative theme – xử lý khối giới thiệu
Bài 119: Creative theme – xử lý phần chia cột – tập 1
Bài 120: Creative theme – xử lý phần chia cột – tập 2
Bài 121: Creative theme – xử lý khối sản phẩm – tập 1
Bài 122: Creative theme – xử lý khối sản phẩm – tập 2
Bài 123: 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 124: Velocity theme – khởi đầu với thực đơn
Bài 125: Velocity theme – tạo banner
Bài 126: Velocity theme – tạo CSS cho phần logo – tập 1
Bài 127: Velocity theme – tạo CSS cho phần logo – tập 2
Bài 128: Velocity theme – tạo CSS cho thực đơn responsive – tập 1
Bài 129: Velocity theme – tạo CSS cho thực đơn responsive – tập 2
Bài 130: Velocity theme – tạo CSS cho thực đơn responsive – tập 3
Bài 131: Velocity theme – tạo CSS cho phần banner responsive
Bài 132: Velocity theme – tạo phần dịch vụ – tập 1
Bài 133: Velocity theme – tạo phần dịch vụ – tập 2
Bài 134: Velocity theme – xử lý hiệu ứng slide – tập 1
Bài 135: Velocity theme – xử lý hiệu ứng slide – tập 2
Bài 136: Velocity theme – hiệu ứng jquery – tập 1
Bài 137: Velocity theme – hiệu ứng jquery – tập 2

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

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

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

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

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

Bài 158: Bước chuẩn bị
Bài 159: Xử lý phần html cho phần logo và thực đơn
Bài 160: Xử lý phần html cho phần logo và thực đơn
Bài 161: Xử lý HTML cho phần banner
Bài 162: Xử lý CSS cho phần banner
Bài 163: Xử lý html cho khối 3 dịch vụ
Bài 164: Xử lý CSS cho phần 3 dịch vụ
Bài 165: 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 website với sản phẩm bán chạy trên themeforest : thefox

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

Bạn được học miễn phí các bài giảng sau:

Bài 1: Seting software thiết yếu
Bài 2: Giới thiệu khóa học
Bài 5: Các tính chất css

 Bài 6: Vận dụng tính chất đã học chữa bài 1 Kênh 14

Nguyễn Đức Việt – Giáo viên thiết kế website

Giáo viên Thiết kế website tại FPT – Arena
Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ software.
Giáo viên Thiết kế website tại FPT – Arena. Nguyễn Đức Việt
Với 5 năm kinh nghiệm giảng dạy và làm việc trong ngành nghề thiết kế website, anh đã huấn luyện hàng nghìn học viên đã tốt nghiệp và làm việc trong ngành nghề thiết kế, nhất là thiết kế website chuyên nghiệp.
Tham gia rất nhiều dự án website cho FPT và các dự án về thiết kế website dựa trên ngôn ngữ lập trình mã nguồn mở.

Giảm giá khóa học HTML5/CSS3, BOOTSTRAP 4 và học cắt Website từ file thiết kế

Hiện tại mình đã chèn mã giảm giá vào các đường link bên trên rồi nên các bạn chỉ cần việc click vào đã được giảm giá 40% cho khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế”. Tuy nhiên, có nhiều trường hợp đường link bị lỗi thì bạn có thể nhập thủ công mã “GIFTCODE01” vào ô “Bạn có mã giảm giá”, sau đó nhấn nút “Áp dụng” bên cạnh nhé.

Giá gốc: 700.000đ, sau khoảng thời gian vận dụng mã giảm giá chỉ còn 420,000đ. Đặc biệt bạn còn được giảm thêm 10% nữa khi chọn hình thức thanh toán online.
Chỉ với 420,000đ là bạn đã sỡ hữu toàn bộ giáo trình Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Website từ file thiết kế của Gv. Nguyễn Đức Việt với 177 bài giảng rồi, bạn sẽ quản lý  tuyệt kỹ cắt Website từ file thiết kế của mình chỉ với “420,000đ và 27 giờ 24 phút”, điều này có xứng đáng với sự đầu tư của bạn không?
Ngoài ra bạn còn được học thử miễn phí 4 bài giảng bên trên mà không cần phải đăng ký, được hoàn tiền trong 7 ngày nếu không ưng ý về chất lượng khóa học. Vậy có nguyên nhân gì mà bạn còn không thử?
Chúc các bạn học tập vui vẻ.