Lesson List Browse Q&A

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

1. Giới thiệu tổng quan khoá học 3:44
2. Lập trình website – Static website & Dynamic website – Front End & Back End 4:07
3. Setup Visual studio code – First webpage 13:22
4. Install Extensions Visual studio code 15:52
5. HTML là gì – Tìm hiểu về html, css ,js 8:44
6. Cấu trúc tệp html – tìm hiểu DOCTYPE, thẻ html, thẻ head 13:10
7. Tìm hiểu thẻ body- thẻ heading h1-h6 17:46
7.1 Giải bài tập html 01 – thẻ heading h1-h6 11:22
8.Tìm hiểu thẻ p Paragraph HTML – HTML Paragraph Elements – Lorem Ipsum HTML Generator 7:22
9. Tìm hiểu thẻ hr, br – thẻ tự đóng html -self-closing tag html 9:01
10. Tìm hiểu thẻ b, i, u HTML 7:27
11. Thẻ list trong html -ul, ol – unordered list HTML and ordered list 17:10
11.2 Thẻ ul, ol lồng nhau – unordered list HTML and ordered list 14:21
12. Thẻ a HTML – giải thích chi tiết thẻ a – anchor HTML 9: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 HTML 17: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 đối 13:31
14.2 Giải bài tập HTML 02 – HTML Path đường dẫn tương đối, tuyệt đối HTML 10: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 HTML 13:39
16.1 Git và GitHub cho người mới Hướng dẫn từ A đến Z -git, github là gì 5: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ười 12:02
16.3 Deploy website using VScode 13: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 Tutorial 14:40
16.6 Git Branches Explained Tạo, chuyển đổi và quản lý các nhánh trong dự án 18: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ạn 7:52
17. HTML Entities_ Tạo ký tự đặc biệt và biểu tượng trong mã HTML 7:27
18. Thẻ pre trong HTML – Tạo ra văn bản bảo toàn định dạng ban đầu 3:41
19. HTML code tag – Tìm hiểu và sử dụng thẻ code để định dạng mã nguồn trong trang web 7:29
20. PrismJS Code Highlighting Hướng dẫn sử dụng thư viện mạnh mẽ để làm nổi bật code 6: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 HTML 9:01
21.3 Giải bài tập HTML 03 Sử dụng Colspan và Rowspan 11:23
22.1 CSS cơ bản- Inline, internal, and external CSS tutorial for web development 6:31
22.2 CSS cơ bản- Inline, internal, and external part 2 CSS tutorial for web development 14:30
22.3 Độ ưu tiên- Inline, internal, and external CSS tutorial for web development 5: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ả 8:49
24. CSS cho người mới – Opacity, Display và Visibility 17:47
24.2 Hiểu đúng cách Opacity, Display và Visibility trong CSS 9: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 web 6:51
26. CSS Prefix – Tăng cường tương thích đa trình duyệt cho website _caniuse.com 8:31
27. CSS Selector cơ bản_ Hiểu về Tên thẻ, ID, và Class 16:29
28. Combinator selectors p1 – * Selector element.class 11:10
29. Combinator selectors p2 – element,element CLASS1.class2 6:33
30. Combinator selectors p3 – Space element_element – Tối ưu hóa CSS với Combinator selectors 10:31
31. Combinator selectors p4 – element+element element~element 10:37
32.1 Attribute Selectors part 1 8:06
32.2 Attribute Selectors part 2 12:03
33. Thông thạo CSS Pseudo-classes hover active 9:26
34. Sử dụng pseudo-classes link và a:visited để làm nổi bật liên kết 6:43
35. CSS Pseudo-classes empty và target 12:10
36. CSS: Pseudo classes và Child selectors – Tạo kiểu cho các phần tử con trong HTML 13: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ạn 16:13
39. Học CSS selector qua trò chơi Đơn giản nhưng không nhàm chán 14:17
40. CSS Box model Hướng dẫn chi tiết về thuộc tính padding – CSS padding cho người mới 13:35
41. CSS Border – Các thuộc tính quan trọng cần biết – CSS Box model p2 13:04
42. CSS Margin từ A đến Z Hướng dẫn từ căn bản đến thành thạo 15:54
43. Học căn giữa trang bằng CSS margin trong 10 phút 10:18
44. Hướng dẫn CSS_ Sử dụng Margin âm để tạo hiệu ứng độc đáo 10:23
45. Giải thích CSS Margin Collapse và cách khắc phục căn bản 17:06
46. CSS outline_ Những lưu ý quan trọng bạn cần biết 6:14
47. CSS Box-Sizing_ Content-Box và Border-Box 10:29
48. CSS Mặc định – Default CSS Values Các giá trị cơ bản 6:04
49. CSS Inheritance là gì Hiểu cơ bản về CSS Inheritance 6:45
50. Reset CSS là gì và tại sao bạn nên sử dụng nó trong dự án của mình 6:39
51. Block, Inline, and Inline-Block explained Hiểu rõ về Block, Inline và Inline-Block 11:29
51.2 Ví dụ vận dụng Inline-Block trong CSS Hiểu rõ về Block, Inline và Inline-Block 7:55
52. CSS Units Explained Tổng quan và chi tiết về pixel và % Absolute Lengths Relative Lengths 7:09
53. CSS Relative Lengths | Đơn vị % Giải thích chi tiết về đơn vị tương đối CSS Relative Lengths 14:15
54. CSS Relative Lengths | Đơn vị vw, vh CSS 4:16
55. CSS Relative Lengths _ Đơn vị em CSS 15:09
56. CSS Relative Lengths _ Đơn vị rem CSS 15:42
57. CSS Colors từ A đến Z làm chủ màu sắc trong CSS 19:20
58. CSS Fonts Explained Tìm hiểu về FontName và Font Family trong CSS 4:52
59. System Font CSS_ Công cụ bí mật tăng tốc độ trang web 6:00
60. CSS Google Fonts_ làm đẹp văn bản trên trang web của bạn 11:00
61. Typography in CSS Làm chủ font-weight & line-height 8: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-align 9:05
63. Text-Decoration & Text-Indent, Text-Transform 7:47
64. Typography in CSS tìm hiểu về white-space & word-break 8:51
65. CSS Typography Học cách sử dụng text-shadow & overflow đơn giản 9:22
66. Tối ưu trải nghiệm người dùng với overflow – scrollbar trong CSS 8:58
67. Text-Overflow trong CSS Các mẹo hữu ích cho nhà thiết kế web 6:05
68. Tạo hiệu ứng biểu tượng đẹp với Font Awesome 6:36
69. Học CSS Background-color – Tự tin sử dụng CSS Background-color 6:38
70. background-image trong CSS Hướng dẫn background-repeat trong CSS 10:02
71. background-image trong CSS p2 Hướng dẫn Background-size trong CSS 10:02
72. background-image trong CSS p3_ Hướng dẫn Background-position trong CSS 10:53
73. CSS linear-gradient_ Cách tạo background nền gradient cho trang web 10:16
74. Hiểu rõ background-attachment_ Scroll, fixed và local 5:40
75. CSS Background-clip_ Ứng dụng làm chữ chuyển màu trong CSS 10:42
76. CSS Background-origin_ Tổng quan và cách sử dụng 5:47
77. CSS Background Shorthand Sử dụng cú pháp viết tắt Ngắn gọn Background 23:09
78. CSS backdrop-filter Cách làm mờ nền đơn giản 8:58
79. Clip-path CSS-Học cách tạo hiệu ứng đẹp với Clip-path trong CSS 16:00
80. Hiểu rõ Box-shadow- Hiệu ứng đổ bóng và cách áp dụng trong CSS 8:00
81. pointer-events trong CSS Thành thạo thuộc tính quản lý sự kiện chuột 5: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ẻ img 7:07
83. CSS Pseudo elements Hướng dẫn sử dụng Pseudo elements trong CSS 10:34
84. CSS Counters User Tính năng tiện ích bạn nên biết 11:18
85. Tính toán linh hoạt với CSS calc() – CSS Calc() function Tutorial 2023 8:49
86. Học CSS Variables từ cơ bản đến nâng cao 13:16
87.1 CSS Position Static vs Relative 8:16
87.2 CSS Position Absolute – Hướng dẫn CSS Position Absolute từ A đến Z cho người mới học 09:29
87.3 Sử dụng CSS Position- ứng dụng thực tế Position Absolute và hướng dẫn chi tiết 06: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ụng 12:04
87.5 z-index Hướng dẫn từ A đến Z về cách sử dụng z-index trong CSS 07:44
87.6 CSS position sticky tạo hiệu ứng cho phần tử khi cuộn trang web 07:47
88. Giới thiệu về dàn trang, Page layout & component layout, tìm hiểu về Float layout 10: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 cao 09:15
89.2 Flexbox CSS p2 – justify-content trong CSS Flexbox 07:21
89.3 Flexbox CSS p3 – align-items trong CSS Flexbox – Lập trình web căn bản cho người mới 11:21
89.4 Hướng dẫn Flexbox CSS Phần 4 – Hiểu và sử dụng flex-wrap và align-content 10:18
89.5 Hướng dẫn Flexbox CSS Phần 5 – Giải thích flex-direction flex-flow 14:41
89.6 Rèn luyện flexbox qua game – Flexbox Mastery Top Fun Game Challenges to Sharpen Your Skills 11:30
89.7 CSS Flexbox phần 7 Hướng dẫn sử dụng align-self và flex-grow trong Flexbox CSS 08:16
89.8 CSS Flexbox phần 8_ Flex-shrink, flex-basis trong Flexbox CSS – giải thích chi tiết 08:32
89.9 CSS Flexbox phần 9_ flex sizing, flex và order trong Flexbox CSS – giải thích dễ hiểu 14: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 flexbox 06: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 Z 06: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 Z 10:58
90.3 Project 01 – p3 – Code phần header – Tạo website thực tế theo thiết kế figma 38:13
90.4 Project 01 – p4 – Code phần hero – Khóa học lập trình web tuhoc.cc 48:31
90.5 Project 01 – p5 – Code phần popular – convert figma to html css 14:43
90.6 Project 01 – p6 – Code phần popular ( tiếp) – series lập trình web cơ bản 21:48
90.7 Project 01 – p7 – Code phần popular ( tiếp) – Tối ưu hoá tiêu đề và miêu tả trên trang 08: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í 7: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ừ Figma 10:07
92.1 Grid Layout CSS for Beginners Tổng quan mô hình grid CSS- So sánh CSS Grid vs flexbox 07:43
92.2 Grid CSS Tutorial Chia hàng và cột- Gap in grid CSS – Step-by-Step Row and Column Division 24:24
92.3 Chỉ định vị trí cụ thể cho các phần tử trong Grid CSS – Hướng dẫn chi tiết 25:15
92.4 Grid CSS Sử dụng Tên và Vị trí Khu vực để Tạo Giao diện Website 12: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-items 6:17
92.6 CSS Grid _ Bài giảng chi tiết về align-content và justify-content 08: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ạn 05:53
92.8 Tối ưu hóa Thiết kế Web với Auto-fill và Auto-fit trong Grid CSS 09: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ệp 16: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ếm 08:38
95.1 Dự án #3 Chuyển đổi Thiết kế Figma thành Website sử dụng HTML CSS 07:10
95.2 Dự án #3 add favicon – Cách Thêm Favicon vào Website – Hướng dẫn Dễ hiểu 05:09
95.3 Dự án #3 code phần header – Series hướng dẫn chuyển đổi Thiết kế Figma thành Website 22: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 HTMLCSS 14: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à CSS 24: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à CSS 13:01
95.7 Dự án #3 code phần about – Thực chiến HTML và CSS 2024 10:12
95.8 Dự án #3 code phần our team – Khóa học thực chiến HTML CSS qua dự án 19: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 Projects 20:29
95.11 Dự án #3 code phần appointment – Convert figma to HTML CSS 05: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ừ Figma 24:43
96.1 Responsive Website là gì_ So sánh Responsive web design và Adaptive web design 14: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ết 05:32
96.4. Hướng dẫn xem trang web trên thiết bị điện thoại di động thật 04: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ết 17:43
97.2 CSS transform property – Hiểu rõ về các hàm CSS Transform Translate, Rotate, Scale 13: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ết 08:37
97.4 Button động với CSS Transition – Cách tạo hiệu ứng chuyển động cho button bằng CSS 14:07
98.1 Học Animation CSS từ Cơ Bản đến Nâng Cao – Hướng dẫn Sử dụng CSS Keyframes 21:30
98.2 Thực hành với Animation CSS Tạo hiệu ứng loading đẹp mắt với CSS và Keyframes 06:10
98.3 Sử dụng Animation CSS và Thư viện AOS- AOS library tutorial in 10 minute 19:04
98.4 Tạo hiệu ứng ấn tượng với Animate.css qua CDN – How to use Animate.css by using CDN 08:10
98.5 Animate On Scroll – How to use the AOS library in combination with Animate.css 06: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 Z 17: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 HTML 16: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ết 07:30
100.3 Hướng dẫn sử dụng type=’submit’, type=’button’, và type=’reset’ trong HTML 06:15
100.4 HTML Input Types Range và Number Explained -Hướng dẫn sử dụng Range và Number trong HTML Form 04:26
100.5 HTML Form Action Attribute Explained _HTML và CSS_ Hướng dẫn chi tiết về Thuộc tính Action 05: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 Z 08:01
100.7 Tùy chỉnh Font Chữ Trong Form HTML – Hướng dẫn thay đổi font chữ mặc định trong form 04:39
100.8 Mastering Form Design Sử dụng placeholder-shown,focus-within, Tabindex và Thẻ Legend 07:58
100.9 Custom Checkbox Tutorial_ Hướng dẫn Tùy chỉnh Checkbox trong HTML và CSS step by step 13:40
100.10 Custom Radio Button Tutorial_ Hướng dẫn Tạo Radio Button Tùy chỉnh trong HTML và CSS 07: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 Z 26: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ới 13: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 css 05:10
101.7 Responsive dự án 3 – Responsive Design for Mobile Devices – Mobile Web Development Tutorial 20:21
Go to course home
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 HTMLCSS
Previous
Next

About

About Us
Courses
Instructor
Events
Become A Teacher

Links

News & Blogs
Library
Gallery
Partners
Career

Support

Documentation
FAQs
Forum
Sitemap
logo tuhoc.cc - Học lập trình cho người mới

© 2023 Tuhoc.CC All Rights Reserved

Terms of Use
Privacy Policy