Chia sẻ khóa học Html Css trong 21 Ngày - Thành thạo xây dựng giao diện web thực tế từ bản thiết kế Photoshop trên unitop
Mã sản phẩm:
4572181333991103536
Giới thiệu khóa học Xin chào các bạn, hôm nay Ngocvutheme xin giới thiêu khóa học Hướng dẫn thành thạo xây dựng giao diện web thực tế ...
Thông tin chi tiết
Giới thiệu khóa học Xin chào các bạn, hôm nay Ngocvutheme xin giới thiêu khóa học Hướng dẫn thành thạo xây dựng giao diện web thực tế từ bản thiết kế Photoshop với html css chỉ trong 21 ngày.Đây là bộ khóa học lập trình online giúp các bạn thành thạo việc xây dựng web với các công cụ hỗ trợ cần thiết như html, css, photoshop,... trên unitop.vnKhóa học này dành cho :Bạn là sinh viên đang muốn học Xây dựng giao diện web để đi theo nghề lập trình sau khi ra trườngBạn là người tự học html css trên google, youtube mất định hướng muốn học tập trung để đi làm trong vài tháng tớiBạn là người đã đi làm Backend và muốn học Front end để đi theo hướng Full StackBạn là dân Marketing muốn có thêm kiến thức để tự làm nên các Langding page để phát triển bán hàngBạn là người đi làm trái ngành muốn bắt đầu học thêm web để kiếm thêm thu nhậpKhóa học này sẽ giúp bạn: Xây dựng giao diện website với HTML, CSS là kỹ năng mà bất kỳ ai muốn đi theo nghề lập trình web đều cần phải có. Một điều khó khăn mà hầu hết người mới học lập trình web gặp phải là có quá nhiều thứ cần học không biết học cái gì trước, cái gì sau để có thể đi làm, dẫn đến mất nhiều thời gian, ra trường nhiều người thất nghiệp. Trước vấn đề đó chương trình HTML CSS 21 này được tạo ra giúp bạn có thể hoàn thiện kỹ năng xây dựng giao diện website thực tế chỉ sau 21 ngày nếu bạn thực sự nỗ lực và làm theo hướng dẫn. 21 ngày là con số không quá dài nhưng nếu bạn kiên trì sẽ hoàn thành mục tiêu. Khi bạn tham gia chương trình, bạn có quyền lợi được truy cập vào chương trình học bất kỳ lúc nào bạn có thời gian. Bạn có thể học bất kỳ đâu ví dụ như ở nhà trọ, thư viện, quán cafe... bất kỳ nơi nào có máy tính và mạng internet. Tất cả các bài tập, bài thực hành bạn được reviews tỉ mĩ để giúp bạn nhận ra những lỗi sai "chết người" khi xây dựng giao diện website từ bản thiết kế Photoshop. Bạn nhận được từ khóa học: Nắm được lý thuyết gốc Html, Css trong xây dựng giao diện webBài học từng bước từ cơ bản đến nâng cao xen kẽ Lý thuyết và thực hành thực tếBạn được chia sẻ những kinh nghiệm code html, css nhanh và chuyên nghiệpBạn được kèm cặp qua nhóm chat hỏi đáp thắc mắc trong quá trình học và nhóm kín reviews bài tập/đồ ánBạn được reviews bài tập, bài đồ án để nhận ra những điểm yếu của mình và tối ưuBài học bạn có thể xem đi xem lại nhiều lần, xem đến khi nào hiểu thì thôiCuối khóa bạn có đồ án chất lượng để tham gia tuyển dụngCòn rất nhiều chia sẻ cách học tập, kinh nghiệp kiếm việc làm...YÊU CẦU KHI THAM GIA: Bạn không cần có kiến thức nền tảng, chỉ cần có máy tính nối mạngBạn có thời gian ít nhất 2h mỗi ngày để tập trung học tập và rèn luyệnBạn có quyết tâm mục tiêu rõ ràng Bạn cam kết học theo hướng dẫn để đạt hiệu quả tối đa
Giới thiệu khóa học
Xin chào các bạn, hôm nay Ngocvutheme xin giới thiêu khóa học Hướng dẫn thành thạo xây dựng giao diện web thực tế từ bản thiết kế Photoshop với html css chỉ trong 21 ngày.
Đây là bộ khóa học lập trình online giúp các bạn thành thạo việc xây dựng web với các công cụ hỗ trợ cần thiết như html, css, photoshop,... trên unitop.vn
Khóa học này dành cho :
Bạn là sinh viên đang muốn học Xây dựng giao diện web để đi theo nghề lập trình sau khi ra trường
Bạn là người tự học html css trên google, youtube mất định hướng muốn học tập trung để đi làm trong vài tháng tới
Bạn là người đã đi làm Backend và muốn học Front end để đi theo hướng Full Stack
Bạn là dân Marketing muốn có thêm kiến thức để tự làm nên các Langding page để phát triển bán hàng
Bạn là người đi làm trái ngành muốn bắt đầu học thêm web để kiếm thêm thu nhập
Khóa học này sẽ giúp bạn:
Xây dựng giao diện website với HTML, CSS là kỹ năng mà bất kỳ ai muốn đi theo nghề lập trình web đều cần phải có. Một điều khó khăn mà hầu hết người mới học lập trình web gặp phải là có quá nhiều thứ cần học không biết học cái gì trước, cái gì sau để có thể đi làm, dẫn đến mất nhiều thời gian, ra trường nhiều người thất nghiệp.
Trước vấn đề đó chương trình HTML CSS 21 này được tạo ra giúp bạn có thể hoàn thiện kỹ năng xây dựng giao diện website thực tế chỉ sau 21 ngày nếu bạn thực sự nỗ lực và làm theo hướng dẫn. 21 ngày là con số không quá dài nhưng nếu bạn kiên trì sẽ hoàn thành mục tiêu.
Khi bạn tham gia chương trình, bạn có quyền lợi được truy cập vào chương trình học bất kỳ lúc nào bạn có thời gian. Bạn có thể học bất kỳ đâu ví dụ như ở nhà trọ, thư viện, quán cafe... bất kỳ nơi nào có máy tính và mạng internet.
Tất cả các bài tập, bài thực hành bạn được reviews tỉ mĩ để giúp bạn nhận ra những lỗi sai "chết người" khi xây dựng giao diện website từ bản thiết kế Photoshop.
Bạn nhận được từ khóa học:
Nắm được lý thuyết gốc Html, Css trong xây dựng giao diện web
Bài học từng bước từ cơ bản đến nâng cao xen kẽ Lý thuyết và thực hành thực tế
Bạn được chia sẻ những kinh nghiệm code html, css nhanh và chuyên nghiệp
Bạn được kèm cặp qua nhóm chat hỏi đáp thắc mắc trong quá trình học và nhóm kín reviews bài tập/đồ án
Bạn được reviews bài tập, bài đồ án để nhận ra những điểm yếu của mình và tối ưu
Bài học bạn có thể xem đi xem lại nhiều lần, xem đến khi nào hiểu thì thôi
Cuối khóa bạn có đồ án chất lượng để tham gia tuyển dụng
Còn rất nhiều chia sẻ cách học tập, kinh nghiệp kiếm việc làm...
YÊU CẦU KHI THAM GIA:
Bạn không cần có kiến thức nền tảng, chỉ cần có máy tính nối mạng
Bạn có thời gian ít nhất 2h mỗi ngày để tập trung học tập và rèn luyện
Bạn có quyết tâm mục tiêu rõ ràng
Bạn cam kết học theo hướng dẫn để đạt hiệu quả tối đa
Nội dung khóa học
Nội dung khóa học
- Phần 1: Khởi động10 bài
- Bài 1.1: Giới thiệu Phan Văn Cương và tổng quan chương trình10:02
- Bài 1.2: Cách tham gia 2 nhóm kín hỗ trợ 24/73:40
- Bài 1.3: 5 bước học online hiệu quả trên unitop4:47
- Bài 1.4: Những thiết bị/vật dụng cần chuyển bị3:16
- Bài 1.5: Cách thiết lập mục tiêu - Xác định ngày hoàn thành khóa học6:02
- Bài 1.6: Lên bản kế hoạch học tập của bản thân05:18
- Bài 1.7: Cài đặt và sử dụng server ảo phục vụ code web06:16
- Bài 1.8: Cặt đặt trình soạn thảo code chuyên nghiệp02:53
- Bài 1.9: Chạy test dự án lên server localhost06:38
- Bài 1.10: Cấu trúc file, thư mục khóa học4:43
- Phần 2: Bộ thẻ Html cốt lõi xây dựng khung website37 bài
- Bài 2.1: Cấu trúc html của website14:58
- Bài 2.2: Cách chú thích dòng, đoạn code trong html10:04
- Bài 2.3: Thẻ định nghĩa tiêu đề trong website6:42
- Bài 2.4: Thẻ định nghĩa đoạn văn bản trong website3:58
- Bài 2.5: Tạo văn bản demo tiện lợi lorem ipsum4:03
- Bài 2.6: Thẻ xuống dòng trong website3:33
- Bài 2.7: Thẻ thêm hình ảnh vào website08:49
- Bài 2.8: Các loại đường dẫn trong website15:28
- Bài 2.9: Tạo liên kết các trang trong website(link)12:03
- Bài 2.10: Tạo mục lục bài viết trong html10:31
- Bài 2.11: Thẻ In nghiêng, in đậm, in gạch chân text03:57
- Bài 2.12: Xây dựng file html làm trang chủ tự động quy cập06:16
- Bài 2.12.2: (Update) Lỗi khi sử dụng link trong bài viết, sản phẩm04:49
- Bài 2.13: Bài tập 1: Thực hành xây dựng website tin tức cơ bản05:02
- Bài 2.14: Thẻ định nghĩa danh sách không có thứ tự6:59
- Bài 2.15: Thẻ định nghĩa danh sách có thứ tự06:42
- Bài 2.16: Thẻ hiển thị thông tin phụ(số lượng, mô tả phụ)05:46
- Bài 2.17: Thẻ định dạng gạch ngang text (giá cũ)02:53
- Bài 2.18: Hiển thị thông tin dạng bảng trong website12:15
- Bài 2.19: Form nhập dữ liệu text, password07:57
- Bài 2.20: Tạo tiêu đề phần tử form - auto focus05:33
- Bài 2.21: [HTML5] Tạo phần tử form nhập dữ liệu email, số lượng05:55
- Bài 2.22: [HTML5]Tạo phần tử form nhập dữ liệu ngày tháng03:30
- Bài 2.23: Tạo phần tử form select box04:30
- Bài 2.24: Tạo phần tử form radio box04:30
- Bài 2.25: Form nhập dữ liệu checkbox04:58
- Bài 2.26: Phần tử form nhập liệu đoạn văn bản04:28
- Bài 2.27: Phần tử form ẩn - input hidden04:59
- Bài 2.28: Phần tử form submit dữ liệu lên server07:45
- Bài 2.29: Thẻ Div phân chay layout05:26
- Bài 2.30: [HTML 5] Thẻ định nghĩa header, footer03:38
- Bài 2.31: [HTML 5] Thẻ định nghĩa thanh điều hướng - nav02:56
- Bài 2.32: [HTML 5] Thẻ định nghĩa bài viết - article03:16
- Bài 2.33: [HTML 5] Thẻ định nghĩa một nhóm cấu trúc liên quan - Section05:14
- Bài 2.34: [HTML 5] Thẻ định nghĩa thông tin phụ, liên quan - Aside02:28
- Bài 2.35: [HTML 5] Layout website cơ bản bằng html 507:26
- Bài 2.36: Bài tập 2: Xây dựng website html nâng cao05:32
- Phần 3: Nhập môn Css23 bài
- Bài 3.1: Giới thiệu css và một số thuộc tính cơ bản12:59
- Bài 3.2: Cú pháp viết code css07:57
- Bài 3.3: 3 Cách kết nối css vào html09:20
- Bài 3.4: Cách comment code Css06:05
- Bài 3.5: Selector toàn cục universal07:12
- Bài 3.6: Selector Element Html06:16
- Bài 3.7: Selector Class09:43
- Bài 3.8: Selector theo id09:10
- Bài 3.9: Selector con cháu, hậu duệ08:57
- Bài 3.10: Selector cha con06:35
- Bài 3.11: Selector theo nhóm04:12
- Bài 3.12: Selector theo thuộc tính10:03
- Bài 3.13: Selector hover chuột08:59
- Bài 3.14: Selector before, after10:01
- Bài 3.15: Selector kết hợp - khoanh vùng06:25
- Bài 3.16: Selector định vị trí phần tử con (:fist-child, :last-child, :nth-child)10:26
- Bài 3.17: Selector loại trừ (:not)08:33
- Bài 3.18: Selector phần tử anh chị em liền kề (+)04:52
- Bài 3.19: Selector phần tử đằng sau cùng cấp (~)03:18
- Bài 3.20: Form - Selector :focus04:13
- Bài 3.21: Form - Selector :checked02:51
- Bài 3.22: Thứ tự ưu tiên và cách thăng hạng style css08:38
- Bài 3.23: Bài tập 3: Bài tập luyện css selector03:22
- Phần 4: Bộ thuộc tính Css định dạng text12 bài
- Bài 4.1: Thuộc tính hiết lập font chữ text09:38
- Bài 4.2: Thuộc tính thiết lập font size13:35
- Bài 4.3: Thiết lập line height cho text09:21
- Bài 4.4: Thuộc tính căn chỉnh text(trái, phải, giữa, đều)07:42
- Bài 4.5: Thuộc tính quyết định chữ hoa - thường08:20
- Bài 4.6: Thuộc tính thiết lập đậm - nhạt text07:52
- Bài 4.7: Thuộc tính thiết lập in nghiêng text02:57
- Bài 4.8: Thuộc tính thiết lập đường gạch ngang text10:17
- Bài 4.9: Hủy bỏ đường gạch chân cho text02:59
- Bài 4.10: Thuộc tính thiết lập màu sắc cho text06:14
- Bài 4.11: Một số mã màu thường dùng03:13
- Bài 4.12: Bài tập 4: Bài tập tổng hợp luyện css cho text03:59
- Phần 5: Bộ thuộc tính Css định dạng khối40 bài
- Bài 5.1: Thuộc tính thiết lập kích thước rộng cao cho khối07:24
- Bài 5.2: Thuộc tính thiết lập màu nền khối08:19
- Bài 5.3: Thuộc tính thiết lập ảnh nền khối06:22
- Bài 5.4: Thuộc tính thiết lập kích thước hình nền khối07:23
- Bài 5.5: Thuộc tính thiết lập chế độ lặp hình nền khối07:35
- Bài 5.6: Thuộc tính thiết lập vị trí hình nền khối08:25
- Bài 5.7: Thuộc tính thiết lập cố định hình nền khi cuộn trang08:25
- Bài 5.8: Thuộc tính background rút gọn04:18
- Bài 5.9: Thuộc tính tạo vùng đệm cho khối14:53
- Bài 5.10: Thuộc tính tạo đường viền cho khối11:15
- Bài 5.11: 2 cách xác định kích thước khối08:14
- Bài 5.12: Thuộc tính tạo lề, tạo khoảng cách 2 khối06:37
- Bài 5.13: Thuộc tính float điều khiển nhiều phần tử trên một hàng11:30
- Bài 5.14: Cách hiển thị danh sách bài viết với float07:31
- Bài 5.15: Thuộc tính clear khắc chế ảnh hưởng float06:00
- Bài 5.16: Thuộc tính ẩn một phần tử html trong website06:46
- Bài 5.17: Thuộc tính hiển thị inline, inline-block09:05
- Bài 5.18: Thuộc tính hiển thị block10:15
- Bài 5.18.2: (Update) Tạo cấu trúc html của layout 2 cột07:17
- Bài 5.18.3: (Update) Sai lầm khi sử dụng height trong website09:29
- Bài 5.19: Bài tập 5: Dựng layout web hai cột với float css04:07
- Bài 5.20: Thuộc tính display flex, hướng hiển thị flex-direction row/column08:50
- Bài 5.21: Thuộc tính quy định xuống dòng flex wrap06:10
- Bài 5.22: Thuộc tính căn chỉnh item theo chiều ngang justify content07:02
- Bài 5.23: Thuộc tính thay đổi vị trí hiển thị order09:38
- Bài 5.24: Thuộc tính quy định kích thước flex basis06:16
- Bài 5.25: Thuộc tính quy định tỉ lệ nở flex grow04:26
- Bài 5.26: Thuộc tính quy định tỉ lệ co flex shrink05:03
- Bài 5.27: Cách viết rút gọn flex-basis, flex-grow, flex-shrink04:28
- Bài 5.28: Thuộc tính căn chỉnh flex item theo phương thẳng đứng04:08
- Bài 5.29: Thay đổi thuộc tính display trên đối tượng04:31
- Bài 5.30: Bài tập 6: Xây dựng layout web 2 cột với flex02:35
- Bài 5.31: Thuộc tính tịnh tiến khối so với vị trí ban đầu06:03
- Bài 5.32: Điều chỉnh vị trí khối con trôi nổi trên một khối cha08:45
- Bài 5.33: Thuộc tính giúp cố định một khối trong layout07:27
- Bài 5.34: Thuộc tính xác định vị trí hiển thị khi xếp chồng layer07:12
- Bài 5.35: Thuộc tính xử lý nội dung tràn khối06:21
- Bài 5.35.2: (Update) Lỗi thường gặp khi sử dụng ul li05:49
- Bài 5.35.3: (Update) Cấu trúc hiển thị thông tin sản phẩm, bài viết theo hàng ngang19:44
- Bài 3.36: Bài tập 7: Hiển thị danh sách sản phẩm08:15
- Phần 6: Các hiệu ứng CSS3 quan trọng6 bài
- Bài 6.1: [CSS3] Thuộc tính làm trong suốt khối - opacity05:19
- Bài 6.2: [CSS3] Hiệu ứng làm mềm quá trình thay đổi css - transition08:01
- Bài 6.3: [CSS3] Thuộc tính xoay đối tượng theo một góc cho trước - ratio05:34
- Bài 6.4: [CSS3] Tăng giảm kích thước đối tượng theo tỉ lệ - scale06:57
- Bài 6.5: [CSS3] Hiệu ứng đổ bóng khối - box-shadow05:37
- Bài 6.6: Bài tập 8: Ứng dụng hiệu ứng03:04
- Phần 7: Một số quy tắc quan trọng7 bài
- Bài 7.1: Quy tắc đặt tên chuyên nghiệp(file, folder, class, id...)08:33
- Bài 7.2: Cấu trúc thư mục tạo theme04:02
- Bài 7.3: Quy tắc chống sập độ cao khi sử dụng float10:15
- Bài 7.4: Tư duy tạo hệ thống file css dùng chung07:57
- Bài 7.5: Quy tắc chống ảnh tràn khung08:14
- Bài 7.6: Xây dựng định dạng hiển thị chung - reset css08:32
- Bài 7.7: Bài tập 9: Xây dựng hệ thống file thư mục cho dự án01:18
- Phần 8: Một số công cụ, plugins quan trọng7 bài
- Bài 8.1: Thêm google font vào website12:06
- Bài 8.2: Thêm icon fontawesome vào website19:16
- Bài 8.3: Thêm slider show vào website13:40
- Bài 8.4: Nhúng fanpage facecbook vào website07:02
- Bài 8.5: Cách nhúng comment facebook vào website04:00
- Bài 8.6: Thay đổi kích thước Comment facebook tương thích đa thiết bị01:59
- Bài 8.7: Nhúng nút like, share facebook vào webiste03:12
- Phần 9: Kỹ năng đọc bản thiết kế Photoshop15 bài
- Bài 9.1: Vai trò của Photoshop trong xây dựng giao diện web04:48
- Bài 9.2: Hướng dẫn cài đặt phần mềm Photoshop04:01
- Bài 9.3: Thao tác với file trong Photoshop07:23
- Bài 9.4: Tùy chọn hiển thị các cửa sổ quan trọng(window)02:52
- Bài 9.5: Các tùy chỉnh hiển thị trong Photoshop(view)02:14
- Bài 9.6: Hiển thị thước, lưới căn dòng trong Photoshop01:53
- Bài 9.7: Thay đổi đơn vị trong file thiết kế (Ctrl - K)02:13
- Bài 9.8: Làm việc với Layer và Group02:46
- Bài 9.9: Lấy thông tin của text trên bản thiết kế03:41
- Bài 9.10: Lấy thông tin của khối trên bản thiết kế03:42
- Bài 9.11: Xử lý thiếu fonts trong photoshop04:09
- Bài 9.12: Cách xuất hình ảnh trong bản thiết kế03:51
- Bài 9.13: Xuất hình ảnh trong Photoshop CS6
- Bài 9.14: Xuất nhiều ảnh một lúc trong bản thiết kế03:34
- Bài 9.15: Xuất icon trong bản thiết kế02:36
- Phần 10: 7 loại layout phổ biến trong website16 bài
- Bài 10.1: Yêu cầu thực hành layout 106:41
- Bài 10.2: Tạo cấu trúc file, thư mục05:04
- Bài 10.3: Hướng dẫn xây dựng layout 111:45
- Bài 10.4: Yêu cầu thực hành layout 202:02
- Bài 10.5: Hướng dẫn xây dựng layout 209:46
- Bài 10.6: Bài tập xây dựng layout 301:31
- Bài 10.7: Hướng dẫn xây dựng layout 310:06
- Bài 10.8: Bài tập xây dựng layout 401:07
- Bài 10.9: Hướng dẫn xây dựng layout 403:47
- Bài 10.10: Bài tập xây dựng layout 501:04
- Bài 10.11: Hướng dẫn xây dựng layout 503:44
- Bài 10.12: Bài tập xây dựng layout 600:49
- Bài 10.13: Hướng dẫn xây dựng layout 604:26
- Bài 10.14: Bài tập xây dựng layout 701:35
- Bài 10.15: Hướng dẫn xây dựng layout 705:51
- Bài 10.16: Tổng kết tối ưu05:33
- Phần 11: Xây dựng dự án UNITOP NEWSPAPER21 bài
- Bài 11.1: #01. Tổng quan Project Unitop Newspaper06:49
- Bài 11.2: #02. Lên cấu trúc thư mục dự án04:46
- Bài 11.3: #03. Tách logo - ảnh - icon07:57
- Bài 11.4: #04. Lên ý tưởng layout07:40
- Bài 11.5: #05. Code html - thêm icon fonts, google fonts04:19
- Bài 11.6: #06. Code html - header, menu07:12
- Bài 11.7: #07. Code html - bài viết nổi bật06:56
- Bài 11.8: #08. Code html - content - bài viết mới09:40
- Bài 11.9: #09. Code html - sidebar - quảng cáo, chủ đề nổi bật07:23
- Bài 11.10: #10. Code html - footer, copyright11:02
- Bài 11.11: #11. Code css - tổng quan body + container10:26
- Bài 11.12: #12. Code css - tổng quan header, form search14:37
- Bài 11.13: #13. Code css - main menu13:36
- Bài 11.14: #14. Code css - tiêu đề khối bài viết nổi bật06:42
- Bài 11.15: #15. Code css - danh sách bài viết nổi bật13:09
- Bài 11.16: #16. Code css - khối bài viết mới23:08
- Bài 11.17: #17. Code css - quảng cáo sidebar03:21
- Bài 11.18: #18. Code css - khối chủ đề nổi bật10:12
- Bài 11.19: #19. Code css - khối footer19:54
- Bài 11.20: #20. Code css - khối copyright12:02
- Bài 11.21: #21. Check chuẩn code W3C và tối ưu04:43
- Phần 1: Khởi động10 bài
- Bài 1.1: Giới thiệu Phan Văn Cương và tổng quan chương trình10:02
- Bài 1.2: Cách tham gia 2 nhóm kín hỗ trợ 24/73:40
- Bài 1.3: 5 bước học online hiệu quả trên unitop4:47
- Bài 1.4: Những thiết bị/vật dụng cần chuyển bị3:16
- Bài 1.5: Cách thiết lập mục tiêu - Xác định ngày hoàn thành khóa học6:02
- Bài 1.6: Lên bản kế hoạch học tập của bản thân05:18
- Bài 1.7: Cài đặt và sử dụng server ảo phục vụ code web06:16
- Bài 1.8: Cặt đặt trình soạn thảo code chuyên nghiệp02:53
- Bài 1.9: Chạy test dự án lên server localhost06:38
- Bài 1.10: Cấu trúc file, thư mục khóa học4:43
- Phần 2: Bộ thẻ Html cốt lõi xây dựng khung website37 bài
- Bài 2.1: Cấu trúc html của website14:58
- Bài 2.2: Cách chú thích dòng, đoạn code trong html10:04
- Bài 2.3: Thẻ định nghĩa tiêu đề trong website6:42
- Bài 2.4: Thẻ định nghĩa đoạn văn bản trong website3:58
- Bài 2.5: Tạo văn bản demo tiện lợi lorem ipsum4:03
- Bài 2.6: Thẻ xuống dòng trong website3:33
- Bài 2.7: Thẻ thêm hình ảnh vào website08:49
- Bài 2.8: Các loại đường dẫn trong website15:28
- Bài 2.9: Tạo liên kết các trang trong website(link)12:03
- Bài 2.10: Tạo mục lục bài viết trong html10:31
- Bài 2.11: Thẻ In nghiêng, in đậm, in gạch chân text03:57
- Bài 2.12: Xây dựng file html làm trang chủ tự động quy cập06:16
- Bài 2.12.2: (Update) Lỗi khi sử dụng link trong bài viết, sản phẩm04:49
- Bài 2.13: Bài tập 1: Thực hành xây dựng website tin tức cơ bản05:02
- Bài 2.14: Thẻ định nghĩa danh sách không có thứ tự6:59
- Bài 2.15: Thẻ định nghĩa danh sách có thứ tự06:42
- Bài 2.16: Thẻ hiển thị thông tin phụ(số lượng, mô tả phụ)05:46
- Bài 2.17: Thẻ định dạng gạch ngang text (giá cũ)02:53
- Bài 2.18: Hiển thị thông tin dạng bảng trong website12:15
- Bài 2.19: Form nhập dữ liệu text, password07:57
- Bài 2.20: Tạo tiêu đề phần tử form - auto focus05:33
- Bài 2.21: [HTML5] Tạo phần tử form nhập dữ liệu email, số lượng05:55
- Bài 2.22: [HTML5]Tạo phần tử form nhập dữ liệu ngày tháng03:30
- Bài 2.23: Tạo phần tử form select box04:30
- Bài 2.24: Tạo phần tử form radio box04:30
- Bài 2.25: Form nhập dữ liệu checkbox04:58
- Bài 2.26: Phần tử form nhập liệu đoạn văn bản04:28
- Bài 2.27: Phần tử form ẩn - input hidden04:59
- Bài 2.28: Phần tử form submit dữ liệu lên server07:45
- Bài 2.29: Thẻ Div phân chay layout05:26
- Bài 2.30: [HTML 5] Thẻ định nghĩa header, footer03:38
- Bài 2.31: [HTML 5] Thẻ định nghĩa thanh điều hướng - nav02:56
- Bài 2.32: [HTML 5] Thẻ định nghĩa bài viết - article03:16
- Bài 2.33: [HTML 5] Thẻ định nghĩa một nhóm cấu trúc liên quan - Section05:14
- Bài 2.34: [HTML 5] Thẻ định nghĩa thông tin phụ, liên quan - Aside02:28
- Bài 2.35: [HTML 5] Layout website cơ bản bằng html 507:26
- Bài 2.36: Bài tập 2: Xây dựng website html nâng cao05:32
- Phần 3: Nhập môn Css23 bài
- Bài 3.1: Giới thiệu css và một số thuộc tính cơ bản12:59
- Bài 3.2: Cú pháp viết code css07:57
- Bài 3.3: 3 Cách kết nối css vào html09:20
- Bài 3.4: Cách comment code Css06:05
- Bài 3.5: Selector toàn cục universal07:12
- Bài 3.6: Selector Element Html06:16
- Bài 3.7: Selector Class09:43
- Bài 3.8: Selector theo id09:10
- Bài 3.9: Selector con cháu, hậu duệ08:57
- Bài 3.10: Selector cha con06:35
- Bài 3.11: Selector theo nhóm04:12
- Bài 3.12: Selector theo thuộc tính10:03
- Bài 3.13: Selector hover chuột08:59
- Bài 3.14: Selector before, after10:01
- Bài 3.15: Selector kết hợp - khoanh vùng06:25
- Bài 3.16: Selector định vị trí phần tử con (:fist-child, :last-child, :nth-child)10:26
- Bài 3.17: Selector loại trừ (:not)08:33
- Bài 3.18: Selector phần tử anh chị em liền kề (+)04:52
- Bài 3.19: Selector phần tử đằng sau cùng cấp (~)03:18
- Bài 3.20: Form - Selector :focus04:13
- Bài 3.21: Form - Selector :checked02:51
- Bài 3.22: Thứ tự ưu tiên và cách thăng hạng style css08:38
- Bài 3.23: Bài tập 3: Bài tập luyện css selector03:22
- Phần 4: Bộ thuộc tính Css định dạng text12 bài
- Bài 4.1: Thuộc tính hiết lập font chữ text09:38
- Bài 4.2: Thuộc tính thiết lập font size13:35
- Bài 4.3: Thiết lập line height cho text09:21
- Bài 4.4: Thuộc tính căn chỉnh text(trái, phải, giữa, đều)07:42
- Bài 4.5: Thuộc tính quyết định chữ hoa - thường08:20
- Bài 4.6: Thuộc tính thiết lập đậm - nhạt text07:52
- Bài 4.7: Thuộc tính thiết lập in nghiêng text02:57
- Bài 4.8: Thuộc tính thiết lập đường gạch ngang text10:17
- Bài 4.9: Hủy bỏ đường gạch chân cho text02:59
- Bài 4.10: Thuộc tính thiết lập màu sắc cho text06:14
- Bài 4.11: Một số mã màu thường dùng03:13
- Bài 4.12: Bài tập 4: Bài tập tổng hợp luyện css cho text03:59
- Phần 5: Bộ thuộc tính Css định dạng khối40 bài
- Bài 5.1: Thuộc tính thiết lập kích thước rộng cao cho khối07:24
- Bài 5.2: Thuộc tính thiết lập màu nền khối08:19
- Bài 5.3: Thuộc tính thiết lập ảnh nền khối06:22
- Bài 5.4: Thuộc tính thiết lập kích thước hình nền khối07:23
- Bài 5.5: Thuộc tính thiết lập chế độ lặp hình nền khối07:35
- Bài 5.6: Thuộc tính thiết lập vị trí hình nền khối08:25
- Bài 5.7: Thuộc tính thiết lập cố định hình nền khi cuộn trang08:25
- Bài 5.8: Thuộc tính background rút gọn04:18
- Bài 5.9: Thuộc tính tạo vùng đệm cho khối14:53
- Bài 5.10: Thuộc tính tạo đường viền cho khối11:15
- Bài 5.11: 2 cách xác định kích thước khối08:14
- Bài 5.12: Thuộc tính tạo lề, tạo khoảng cách 2 khối06:37
- Bài 5.13: Thuộc tính float điều khiển nhiều phần tử trên một hàng11:30
- Bài 5.14: Cách hiển thị danh sách bài viết với float07:31
- Bài 5.15: Thuộc tính clear khắc chế ảnh hưởng float06:00
- Bài 5.16: Thuộc tính ẩn một phần tử html trong website06:46
- Bài 5.17: Thuộc tính hiển thị inline, inline-block09:05
- Bài 5.18: Thuộc tính hiển thị block10:15
- Bài 5.18.2: (Update) Tạo cấu trúc html của layout 2 cột07:17
- Bài 5.18.3: (Update) Sai lầm khi sử dụng height trong website09:29
- Bài 5.19: Bài tập 5: Dựng layout web hai cột với float css04:07
- Bài 5.20: Thuộc tính display flex, hướng hiển thị flex-direction row/column08:50
- Bài 5.21: Thuộc tính quy định xuống dòng flex wrap06:10
- Bài 5.22: Thuộc tính căn chỉnh item theo chiều ngang justify content07:02
- Bài 5.23: Thuộc tính thay đổi vị trí hiển thị order09:38
- Bài 5.24: Thuộc tính quy định kích thước flex basis06:16
- Bài 5.25: Thuộc tính quy định tỉ lệ nở flex grow04:26
- Bài 5.26: Thuộc tính quy định tỉ lệ co flex shrink05:03
- Bài 5.27: Cách viết rút gọn flex-basis, flex-grow, flex-shrink04:28
- Bài 5.28: Thuộc tính căn chỉnh flex item theo phương thẳng đứng04:08
- Bài 5.29: Thay đổi thuộc tính display trên đối tượng04:31
- Bài 5.30: Bài tập 6: Xây dựng layout web 2 cột với flex02:35
- Bài 5.31: Thuộc tính tịnh tiến khối so với vị trí ban đầu06:03
- Bài 5.32: Điều chỉnh vị trí khối con trôi nổi trên một khối cha08:45
- Bài 5.33: Thuộc tính giúp cố định một khối trong layout07:27
- Bài 5.34: Thuộc tính xác định vị trí hiển thị khi xếp chồng layer07:12
- Bài 5.35: Thuộc tính xử lý nội dung tràn khối06:21
- Bài 5.35.2: (Update) Lỗi thường gặp khi sử dụng ul li05:49
- Bài 5.35.3: (Update) Cấu trúc hiển thị thông tin sản phẩm, bài viết theo hàng ngang19:44
- Bài 3.36: Bài tập 7: Hiển thị danh sách sản phẩm08:15
- Phần 6: Các hiệu ứng CSS3 quan trọng6 bài
- Bài 6.1: [CSS3] Thuộc tính làm trong suốt khối - opacity05:19
- Bài 6.2: [CSS3] Hiệu ứng làm mềm quá trình thay đổi css - transition08:01
- Bài 6.3: [CSS3] Thuộc tính xoay đối tượng theo một góc cho trước - ratio05:34
- Bài 6.4: [CSS3] Tăng giảm kích thước đối tượng theo tỉ lệ - scale06:57
- Bài 6.5: [CSS3] Hiệu ứng đổ bóng khối - box-shadow05:37
- Bài 6.6: Bài tập 8: Ứng dụng hiệu ứng03:04
- Phần 7: Một số quy tắc quan trọng7 bài
- Bài 7.1: Quy tắc đặt tên chuyên nghiệp(file, folder, class, id...)08:33
- Bài 7.2: Cấu trúc thư mục tạo theme04:02
- Bài 7.3: Quy tắc chống sập độ cao khi sử dụng float10:15
- Bài 7.4: Tư duy tạo hệ thống file css dùng chung07:57
- Bài 7.5: Quy tắc chống ảnh tràn khung08:14
- Bài 7.6: Xây dựng định dạng hiển thị chung - reset css08:32
- Bài 7.7: Bài tập 9: Xây dựng hệ thống file thư mục cho dự án01:18
- Phần 8: Một số công cụ, plugins quan trọng7 bài
- Bài 8.1: Thêm google font vào website12:06
- Bài 8.2: Thêm icon fontawesome vào website19:16
- Bài 8.3: Thêm slider show vào website13:40
- Bài 8.4: Nhúng fanpage facecbook vào website07:02
- Bài 8.5: Cách nhúng comment facebook vào website04:00
- Bài 8.6: Thay đổi kích thước Comment facebook tương thích đa thiết bị01:59
- Bài 8.7: Nhúng nút like, share facebook vào webiste03:12
- Phần 9: Kỹ năng đọc bản thiết kế Photoshop15 bài
- Bài 9.1: Vai trò của Photoshop trong xây dựng giao diện web04:48
- Bài 9.2: Hướng dẫn cài đặt phần mềm Photoshop04:01
- Bài 9.3: Thao tác với file trong Photoshop07:23
- Bài 9.4: Tùy chọn hiển thị các cửa sổ quan trọng(window)02:52
- Bài 9.5: Các tùy chỉnh hiển thị trong Photoshop(view)02:14
- Bài 9.6: Hiển thị thước, lưới căn dòng trong Photoshop01:53
- Bài 9.7: Thay đổi đơn vị trong file thiết kế (Ctrl - K)02:13
- Bài 9.8: Làm việc với Layer và Group02:46
- Bài 9.9: Lấy thông tin của text trên bản thiết kế03:41
- Bài 9.10: Lấy thông tin của khối trên bản thiết kế03:42
- Bài 9.11: Xử lý thiếu fonts trong photoshop04:09
- Bài 9.12: Cách xuất hình ảnh trong bản thiết kế03:51
- Bài 9.13: Xuất hình ảnh trong Photoshop CS6
- Bài 9.14: Xuất nhiều ảnh một lúc trong bản thiết kế03:34
- Bài 9.15: Xuất icon trong bản thiết kế02:36
- Phần 10: 7 loại layout phổ biến trong website16 bài
- Bài 10.1: Yêu cầu thực hành layout 106:41
- Bài 10.2: Tạo cấu trúc file, thư mục05:04
- Bài 10.3: Hướng dẫn xây dựng layout 111:45
- Bài 10.4: Yêu cầu thực hành layout 202:02
- Bài 10.5: Hướng dẫn xây dựng layout 209:46
- Bài 10.6: Bài tập xây dựng layout 301:31
- Bài 10.7: Hướng dẫn xây dựng layout 310:06
- Bài 10.8: Bài tập xây dựng layout 401:07
- Bài 10.9: Hướng dẫn xây dựng layout 403:47
- Bài 10.10: Bài tập xây dựng layout 501:04
- Bài 10.11: Hướng dẫn xây dựng layout 503:44
- Bài 10.12: Bài tập xây dựng layout 600:49
- Bài 10.13: Hướng dẫn xây dựng layout 604:26
- Bài 10.14: Bài tập xây dựng layout 701:35
- Bài 10.15: Hướng dẫn xây dựng layout 705:51
- Bài 10.16: Tổng kết tối ưu05:33
- Phần 11: Xây dựng dự án UNITOP NEWSPAPER21 bài
- Bài 11.1: #01. Tổng quan Project Unitop Newspaper06:49
- Bài 11.2: #02. Lên cấu trúc thư mục dự án04:46
- Bài 11.3: #03. Tách logo - ảnh - icon07:57
- Bài 11.4: #04. Lên ý tưởng layout07:40
- Bài 11.5: #05. Code html - thêm icon fonts, google fonts04:19
- Bài 11.6: #06. Code html - header, menu07:12
- Bài 11.7: #07. Code html - bài viết nổi bật06:56
- Bài 11.8: #08. Code html - content - bài viết mới09:40
- Bài 11.9: #09. Code html - sidebar - quảng cáo, chủ đề nổi bật07:23
- Bài 11.10: #10. Code html - footer, copyright11:02
- Bài 11.11: #11. Code css - tổng quan body + container10:26
- Bài 11.12: #12. Code css - tổng quan header, form search14:37
- Bài 11.13: #13. Code css - main menu13:36
- Bài 11.14: #14. Code css - tiêu đề khối bài viết nổi bật06:42
- Bài 11.15: #15. Code css - danh sách bài viết nổi bật13:09
- Bài 11.16: #16. Code css - khối bài viết mới23:08
- Bài 11.17: #17. Code css - quảng cáo sidebar03:21
- Bài 11.18: #18. Code css - khối chủ đề nổi bật10:12
- Bài 11.19: #19. Code css - khối footer19:54
- Bài 11.20: #20. Code css - khối copyright12:02
- Bài 11.21: #21. Check chuẩn code W3C và tối ưu04:43