Giới thiệu tổng quan khoá học – Tự học lập trình web chỉ 5 phút mỗi ngày
2. Lập trình website – Static website & Dynamic website – Front End & Back End04:07
3. Setup Visual studio code – First webpage13:22
4. Install Extensions Visual studio code15:52
5. HTML là gì – Tìm hiểu về html, css ,js08:44
6. Cấu trúc tệp html – tìm hiểu DOCTYPE, thẻ html, thẻ head13:10
7. Tìm hiểu thẻ body- thẻ heading h1-h617:46
7.1 Giải bài tập html 01 – thẻ heading h1-h611:22
8.Tìm hiểu thẻ p Paragraph HTML – HTML Paragraph Elements – Lorem Ipsum HTML Generator07:22
9. Tìm hiểu thẻ hr, br – thẻ tự đóng html -self-closing tag html09:01
10. Tìm hiểu thẻ b, i, u HTML07:27
11. Thẻ list trong html -ul, ol – unordered list HTML and ordered list17:10
11.2 Thẻ ul, ol lồng nhau – unordered list HTML and ordered list14:21
12. Thẻ a HTML – giải thích chi tiết thẻ a – anchor HTML09:26
12.2 Thẻ a HTML phần 2 – tip học tập hiệu quả, và cách tự tìm câu trả lời khi gặp vấn đề cần giúp đỡ13:27
13. Hướng dẫn thẻ img trong HTML17:11
14. HTML Path Tất cả những gì bạn cần biết về đường dẫn thư mục HTML- đường dẫn tương đối, tuyệt đối13:31
14.2 Giải bài tập HTML 02 – HTML Path đường dẫn tương đối, tuyệt đối HTML10:29
15. multi page website – Xây dựng trang web từ đầu- ôn tập đường dẫn tương đối ,tuyệt đối HTML13:39
16.1 Git và GitHub cho người mới Hướng dẫn từ A đến Z -git, github là gì05:42
16.2 Cài đặt Git và hướng dẫn Deploy Website step by step – chia sẻ trang web của bạn với mọi người12:02
16.3 Deploy website using VScode13:27
16.4 Thành thạo Git với VScode – Học và áp dụng các lệnh cơ bản cho quản lý phiên bản hiệu quả18:43
16.5 Git Pull and Resolve Conflicts Step-by-Step Tutorial14:40
16.6 Git Branches Explained Tạo, chuyển đổi và quản lý các nhánh trong dự án18:17
16.7 Hướng dẫn sử dụng Git log Tìm hiểu về lịch sử và quản lý thay đổi trong dự án của bạn07:52
17. HTML Entities_ Tạo ký tự đặc biệt và biểu tượng trong mã HTML07:27
18. Thẻ pre trong HTML – Tạo ra văn bản bảo toàn định dạng ban đầu03:41
19. HTML code tag – Tìm hiểu và sử dụng thẻ code để định dạng mã nguồn trong trang web07:29
20. PrismJS Code Highlighting Hướng dẫn sử dụng thư viện mạnh mẽ để làm nổi bật code06:57
21.1 HTML Table Tutorial | Exploring the tr, td, th Elements and More |11:14
21.2 Tối ưu hóa bố cục bảng | Sử dụng Colspan và Rowspan trong HTML09:01
21.3 Giải bài tập HTML 03 Sử dụng Colspan và Rowspan11:23
22.1 CSS cơ bản- Inline, internal, and external CSS tutorial for web development06:31
22.2 CSS cơ bản- Inline, internal, and external part 2 CSS tutorial for web development14:30
22.3 Độ ưu tiên- Inline, internal, and external CSS tutorial for web development05:29
23. CSS cho người mới Điểm qua các thuộc tính cơ bản dễ dùng và hiệu quả08:49
24. CSS cho người mới – Opacity, Display và Visibility17:47
24.2 Hiểu đúng cách Opacity, Display và Visibility trong CSS09:06
25. Favicon là gì Hướng dẫn tạo và tối ưu cho đa thiết bị trong lập trình web06:51
26. CSS Prefix – Tăng cường tương thích đa trình duyệt cho website _caniuse.com08:31
27. CSS Selector cơ bản_ Hiểu về Tên thẻ, ID, và Class16:29
28. Combinator selectors p1 – * Selector element.class11:10
29. Combinator selectors p2 – element,element CLASS1.class206:33
30. Combinator selectors p3 – Space element_element – Tối ưu hóa CSS với Combinator selectors10:31
31. Combinator selectors p4 – element+element element~element10:37
32.1 Attribute Selectors part 108:06
32.2 Attribute Selectors part 212:03
33. Thông thạo CSS Pseudo-classes hover active09:26
34. Sử dụng pseudo-classes link và a:visited để làm nổi bật liên kết06:43
35. CSS Pseudo-classes empty và target12:10
36. CSS: Pseudo classes và Child selectors – Tạo kiểu cho các phần tử con trong HTML13:27
37. Pseudo-classes Type selectors trong CSS_ Cách tạo kiểu cho các phần tử cụ thể10:58
38. Pseudo-classes not(selector) và quy tắc thứ tự ưu tiên Tăng cường kiểm soát CSS của bạn16:13
39. Học CSS selector qua trò chơi Đơn giản nhưng không nhàm chán14:17
40. CSS Box model Hướng dẫn chi tiết về thuộc tính padding – CSS padding cho người mới13:35
41. CSS Border – Các thuộc tính quan trọng cần biết – CSS Box model p213:04
42. CSS Margin từ A đến Z Hướng dẫn từ căn bản đến thành thạo15:54
43. Học căn giữa trang bằng CSS margin trong 10 phút10:18
44. Hướng dẫn CSS_ Sử dụng Margin âm để tạo hiệu ứng độc đáo10:23
45. Giải thích CSS Margin Collapse và cách khắc phục căn bản17:06
46. CSS outline_ Những lưu ý quan trọng bạn cần biết06:14
47. CSS Box-Sizing_ Content-Box và Border-Box10:29
48. CSS Mặc định – Default CSS Values Các giá trị cơ bản06:04
49. CSS Inheritance là gì Hiểu cơ bản về CSS Inheritance06:45
50. Reset CSS là gì và tại sao bạn nên sử dụng nó trong dự án của mình06:39
51. Block, Inline, and Inline-Block explained Hiểu rõ về Block, Inline và Inline-Block11:29
51.2 Ví dụ vận dụng Inline-Block trong CSS Hiểu rõ về Block, Inline và Inline-Block07:55
52. CSS Units Explained Tổng quan và chi tiết về pixel và % Absolute Lengths Relative Lengths07:09
53. CSS Relative Lengths | Đơn vị % Giải thích chi tiết về đơn vị tương đối CSS Relative Lengths14:15
54. CSS Relative Lengths | Đơn vị vw, vh CSS04:16
55. CSS Relative Lengths _ Đơn vị em CSS15:09
56. CSS Relative Lengths _ Đơn vị rem CSS15:42
57. CSS Colors từ A đến Z làm chủ màu sắc trong CSS19:20
58. CSS Fonts Explained Tìm hiểu về FontName và Font Family trong CSS04:52
59. System Font CSS_ Công cụ bí mật tăng tốc độ trang web06:00
60. CSS Google Fonts_ làm đẹp văn bản trên trang web của bạn11:00
61. Typography in CSS Làm chủ font-weight & line-height08:42
62. CSS tips Tối ưu hóa hiển thị văn bản với CSS_ letter-spacing, word-spacing và text-align09:05
63. Text-Decoration & Text-Indent, Text-Transform07:47
64. Typography in CSS tìm hiểu về white-space & word-break08:51
65. CSS Typography Học cách sử dụng text-shadow & overflow đơn giản09:22
66. Tối ưu trải nghiệm người dùng với overflow – scrollbar trong CSS08:58
67. Text-Overflow trong CSS Các mẹo hữu ích cho nhà thiết kế web06:05
68. Tạo hiệu ứng biểu tượng đẹp với Font Awesome06:36
69. Học CSS Background-color – Tự tin sử dụng CSS Background-color06:38
70. background-image trong CSS Hướng dẫn background-repeat trong CSS10:02
71. background-image trong CSS p2 Hướng dẫn Background-size trong CSS10:02
72. background-image trong CSS p3_ Hướng dẫn Background-position trong CSS10:53
73. CSS linear-gradient_ Cách tạo background nền gradient cho trang web10:16
74. Hiểu rõ background-attachment_ Scroll, fixed và local05:40
75. CSS Background-clip_ Ứng dụng làm chữ chuyển màu trong CSS10:42
76. CSS Background-origin_ Tổng quan và cách sử dụng05:47
77. CSS Background Shorthand Sử dụng cú pháp viết tắt Ngắn gọn Background23:09
78. CSS backdrop-filter Cách làm mờ nền đơn giản08:58
79. Clip-path CSS-Học cách tạo hiệu ứng đẹp với Clip-path trong CSS16:00
80. Hiểu rõ Box-shadow- Hiệu ứng đổ bóng và cách áp dụng trong CSS08:00
81. pointer-events trong CSS Thành thạo thuộc tính quản lý sự kiện chuột05:59
82. Làm việc với hình ảnh- Thủ thuật CSS dành cho người mới Tối ưu hóa và tùy chỉnh ảnh thẻ img07:07
83. CSS Pseudo elements Hướng dẫn sử dụng Pseudo elements trong CSS10:34
84. CSS Counters User Tính năng tiện ích bạn nên biết11:18
85. Tính toán linh hoạt với CSS calc() – CSS Calc() function Tutorial 202308:49
86. Học CSS Variables từ cơ bản đến nâng cao13:16
87.1 CSS Position Static vs Relative08:16
87.2 CSS Position Absolute – Hướng dẫn CSS Position Absolute từ A đến Z cho người mới học09:29
87.3 Sử dụng CSS Position- ứng dụng thực tế Position Absolute và hướng dẫn chi tiết06:47
87.4 CSS Position Tìm hiểu Position Fixed , hướng dẫn chi tiết trường hợp thực tế vận dụng12:04
87.5 z-index Hướng dẫn từ A đến Z về cách sử dụng z-index trong CSS07:44
87.6 CSS position sticky tạo hiệu ứng cho phần tử khi cuộn trang web07:47
88. Giới thiệu về dàn trang, Page layout & component layout, tìm hiểu về Float layout10:20
89.1 Flexbox CSS cho người mới bắt đầu -Tự học Flexbox CSS từ cơ bản đến nâng cao09:15
89.2 Flexbox CSS p2 – justify-content trong CSS Flexbox07:21
89.3 Flexbox CSS p3 – align-items trong CSS Flexbox – Lập trình web căn bản cho người mới11:21
89.4 Hướng dẫn Flexbox CSS Phần 4 – Hiểu và sử dụng flex-wrap và align-content10:18
89.5 Hướng dẫn Flexbox CSS Phần 5 – Giải thích flex-direction flex-flow14:41
89.6 Rèn luyện flexbox qua game – Flexbox Mastery Top Fun Game Challenges to Sharpen Your Skills11:30
89.7 CSS Flexbox phần 7 Hướng dẫn sử dụng align-self và flex-grow trong Flexbox CSS08:16
89.8 CSS Flexbox phần 8_ Flex-shrink, flex-basis trong Flexbox CSS – giải thích chi tiết08:32
89.9 CSS Flexbox phần 9_ flex sizing, flex và order trong Flexbox CSS – giải thích dễ hiểu14:21
89.10 CSS Flexbox phần 10 mẹo sử dụng margin với flexitem – sử dụng margin hiệu quả với flexbox06:51
90. Project 01 – Hướng dẫn chuyển thiết kế Figma sang HTML và tạo website thực tế từ A đến Z06:27
90.2 Project 01 – p2 – Phân tích thiết kế – tạo base dự án – Tạo website thực tế từ A đến Z10:58
90.3 Project 01 – p3 – Code phần header – Tạo website thực tế theo thiết kế figma38:13
90.4 Project 01 – p4 – Code phần hero – Khóa học lập trình web tuhoc.cc48:31
90.5 Project 01 – p5 – Code phần popular – convert figma to html css14:43
90.6 Project 01 – p6 – Code phần popular ( tiếp) – series lập trình web cơ bản21:48
90.7 Project 01 – p7 – Code phần popular ( tiếp) – Tối ưu hoá tiêu đề và miêu tả trên trang08:35
90.8 Project 01 – p8 – Code phần Feedback- Khoá học HTML, CSS full miễn phí15:03
90.9 Project 01 – p9 – Hoàn thiện phần Feedback- Khoá học HTML, CSS full miễn phí05:56
90.10 Project 01 – p10 – Code phần Features – Thực chiến HTML, CSS 2023 miễn phí12:36
90.11 Project 01 – p11 – Code phần Features 2 – Thực chiến HTML, CSS 2023 miễn phí06:32
90.12 Project 01 – p12 – Code phần Blog – Series Tự học HTML, CSS miễn phí19:42
90.13 Project 01 – p13 – Code phần Blog (tiếp) – Series Tự học HTML, CSS miễn phí07:25
90.14 Project 01 – p14 – Code phần Footer – Series Tự học HTML, CSS miễn phí22:24
91. Project 02 – Học CSS Cắt giao diện từ Figma10:07
92.1 Grid Layout CSS for Beginners Tổng quan mô hình grid CSS- So sánh CSS Grid vs flexbox07:43
92.2 Grid CSS Tutorial Chia hàng và cột- Gap in grid CSS – Step-by-Step Row and Column Division24:24
92.3 Chỉ định vị trí cụ thể cho các phần tử trong Grid CSS – Hướng dẫn chi tiết25:15
92.4 Grid CSS Sử dụng Tên và Vị trí Khu vực để Tạo Giao diện Website12:07
92.5 CSS Grid Tutorial_ Học cách kiểm soát vị trí của phần tử với align-items và justify-items06:17
92.6 CSS Grid _ Bài giảng chi tiết về align-content và justify-content08:44
92.7 CSS Grid Auto Flow – Cách Tự động Sắp xếp phần tử Trên Trang Web của Bạn05:53
92.8 Tối ưu hóa Thiết kế Web với Auto-fill và Auto-fit trong Grid CSS09:35
93. CSS BEM Giải Thích Chi Tiết và Ví dụ Thực Tế – Học BEM CSS từ Cơ Bản Đến Chuyên Nghiệp16:07
94. HTML Semantic Elements Bí quyết tạo nội dung thân thiện với máy chủ tìm kiếm08:38
95.1 Dự án #3 Chuyển đổi Thiết kế Figma thành Website sử dụng HTML CSS07:10
95.2 Dự án #3 add favicon – Cách Thêm Favicon vào Website – Hướng dẫn Dễ hiểu05:09
95.3 Dự án #3 code phần header – Series hướng dẫn chuyển đổi Thiết kế Figma thành Website22:59
95.4 Dự án #3 code phần hero – Series hướng dẫn Chuyển đổi giao diện Figma thành mã nguồn HTMLCSS14:19
95.5 Dự án #3 code phần services – Tạo trang web từ Figma – code phần services sử dụng HTML và CSS24:22
95.6 Dự án #3 code phần works -Xây dựng phần how it works từ Figma bằng HTML và CSS13:01
95.7 Dự án #3 code phần about – Thực chiến HTML và CSS 202410:12
95.8 Dự án #3 code phần our team – Khóa học thực chiến HTML CSS qua dự án19:02
95.9 Dự án #3 code phần cta mobile – Khóa học HTML CSS miễn phí qua dự án thực tế12:24
95.10 Dự án #3 code phần blog – Thực hành HTML CSS qua dự án thực tế – HTML CSS Practice Projects20:29
95.11 Dự án #3 code phần appointment – Convert figma to HTML CSS05:33
95.12 Dự án #3 code phần footer – Tự Học lập trình web – Hướng dẫn cắt giao diện HTML CSS từ Figma24:43
96.1 Responsive Website là gì_ So sánh Responsive web design và Adaptive web design14:47
96.2 Thiết kế Responsive Website với Media Queries – Ví dụ Media Queries và Ứng dụng Thực tế14:31
96.3. Break Points trong Media Queries Những điểm cần lưu ý – Hướng dẫn chi tiết05:32
96.4. Hướng dẫn xem trang web trên thiết bị điện thoại di động thật04:07
96.5. Responsive với hàm min, max, clamp – css math functions min() max() and clamp()09:41
97.1 CSS Transitions – Exploring CSS Transitions Hướng Dẫn Chi Tiết17:43
97.2 CSS transform property – Hiểu rõ về các hàm CSS Transform Translate, Rotate, Scale13:38
97.3 skew background css – ví dụ vận dụng CSS Transform Cho Người Mới -hướng dẫn chi tiết08:37
97.4 Button động với CSS Transition – Cách tạo hiệu ứng chuyển động cho button bằng CSS14:07
98.1 Học Animation CSS từ Cơ Bản đến Nâng Cao – Hướng dẫn Sử dụng CSS Keyframes21:30
98.2 Thực hành với Animation CSS Tạo hiệu ứng loading đẹp mắt với CSS và Keyframes06:10
98.3 Sử dụng Animation CSS và Thư viện AOS- AOS library tutorial in 10 minute19:04
98.4 Tạo hiệu ứng ấn tượng với Animate.css qua CDN – How to use Animate.css by using CDN08:10
98.5 Animate On Scroll – How to use the AOS library in combination with Animate.css06:24
99. Thuộc tính filter, Tạo hiệu ứng Drop-shadow đẹp mắt với CSS Hướng dẫn từ A đến Z17:02
100.1 HTML Form Tutorial Tạo Biểu Mẫu Cho Website Của Bạn -Kiến Thức Cơ Bản về Thẻ Form HTML16:26
100.2 Checkbox and radio in html – Khi nào nên sử dụng Hướng dẫn radio và checkbox chi tiết07:30
100.3 Hướng dẫn sử dụng type=’submit’, type=’button’, và type=’reset’ trong HTML06:15
100.4 HTML Input Types Range và Number Explained -Hướng dẫn sử dụng Range và Number trong HTML Form04:26
100.5 HTML Form Action Attribute Explained _HTML và CSS_ Hướng dẫn chi tiết về Thuộc tính Action05:35
100.6 Dropdown và Textarea trong HTML -Tạo Form linh hoạt với textare và select Hướng dẫn từ A đến Z08:01
100.7 Tùy chỉnh Font Chữ Trong Form HTML – Hướng dẫn thay đổi font chữ mặc định trong form04:39
100.8 Mastering Form Design Sử dụng placeholder-shown,focus-within, Tabindex và Thẻ Legend07:58
100.9 Custom Checkbox Tutorial_ Hướng dẫn Tùy chỉnh Checkbox trong HTML và CSS step by step13:40
100.10 Custom Radio Button Tutorial_ Hướng dẫn Tạo Radio Button Tùy chỉnh trong HTML và CSS07:39
100.11 Hướng dẫn Tạo Dark_Light Theme Switcher với HTML Form – Thực hành HTML Form qua ví dụ thực tế11:07
101.1 Thực hành Responsive dự án 3 – Hướng dẫn Responsive Web Design từ A đến Z26:27
101.2 Responsive dự án 3 – Làm phần header (tiếp) series hướng dẫn làm responsive web cho người mới13:01
101.3 Responsive dự án 3 – code phần hero & service – thực hành responsive qua dự án thực tế08:15
101.4 Responsive dự án 3 – code phần work list & about – ví dụ responsive qua dự án thực tế04:43
101.5 Responsive dự án 3 – code team list & install – thực chiến responsive qua dự án thực tế02:45
101.6 Responsive dự án 3 – code blog & footer – responsive project using html css05:10
101.7 Responsive dự án 3 – Responsive Design for Mobile Devices – Mobile Web Development Tutorial20:21
1. Giới thiệu tổng quan khoá học
