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