Comprehensive frontend development learning materials covering HTML, CSS, and JavaScript. / Tài liệu học lập trình frontend đầy đủ bao gồm HTML, CSS và JavaScript.
- HTML Documentation
- CSS Documentation
- Responsive Design Documentation
- JavaScript Documentation
- TypeScript Documentation
- HTML Overview - Introduction to HTML / Tổng quan về HTML
- HTML Document Structure - Basic HTML page structure / Cấu trúc tài liệu HTML cơ bản
- HTML Metadata - Document metadata and meta tags / Metadata và thẻ meta
- HTML Attributes - HTML attributes guide / Hướng dẫn về thuộc tính HTML
- HTML Text Basics - Basic text formatting / Định dạng văn bản cơ bản
- HTML Inline Text - Inline text elements / Các phần tử văn bản nội tuyến
- HTML Headings & Sections - Document structure elements / Các phần tử cấu trúc tài liệu
- HTML Lists - Ordered and unordered lists / Danh sách có thứ tự và không thứ tự
- HTML Semantic - Semantic HTML elements / Các phần tử HTML ngữ nghĩa
- HTML Navigation - Navigation elements / Các phần tử điều hướng
- HTML Forms - Form elements and handling / Các phần tử biểu mẫu và xử lý
- HTML Images - Working with images / Làm việc với hình ảnh
- HTML Audio & Video - Audio and video elements / Các phần tử âm thanh và video
- HTML Links - Hyperlinks and navigation / Siêu liên kết và điều hướng
- HTML Details & Summary - Collapsible content / Nội dung có thể thu gọn
- HTML Dialog - Dialog and modal elements / Các phần tử hộp thoại và modal
- HTML Tables - Creating and styling tables / Tạo và định dạng bảng
- HTML Template, Slot & Shadow - Web Components / Các thành phần Web
- HTML APIs - HTML APIs overview / Tổng quan về HTML APIs
- HTML Focus - Focus management / Quản lý focus
- HTML Tags Reference - Complete HTML tags reference / Tham khảo đầy đủ các thẻ HTML
- CSS Introduction (Lesson 1) - Introduction to CSS / Giới thiệu về CSS
- CSS Box Model (Lesson 2) - Box Model / Mô hình hộp
- CSS Selectors (Lesson 3) - Selectors / Bộ chọn
- CSS Nesting (Lesson 4) - Nesting / Lồng nhau
- CSS Cascade (Lesson 5) - The Cascade / Tầng
- CSS Specificity (Lesson 6) - Specificity / Độ ưu tiên
- CSS Inheritance (Lesson 7) - Inheritance / Kế thừa
- CSS Color (Lesson 8) - Colors / Màu sắc
- CSS Sizing Units (Lesson 9) - Sizing Units / Đơn vị đo
- CSS Custom Properties (Lesson 14) - Variables / Biến CSS
- CSS Borders (Lesson 18) - Borders / Viền
- CSS Shadows (Lesson 19) - Shadows / Bóng
- CSS Backgrounds (Lesson 36) - Backgrounds / Nền
- CSS Gradients (Lesson 27) - Gradients / Dải màu
- CSS Filters (Lesson 29) - Filters / Bộ lọc
- CSS Blend Modes (Lesson 30) - Blend Modes / Hòa trộn màu
- CSS Shapes & Masks (Lesson 26) - Shapes & Masks / Hình dạng & Mặt nạ
- CSS Layout (Lesson 10) - Layout Methods / Các phương pháp bố cục
- CSS Flexbox (Lesson 11) - Flexbox
- CSS Grid (Lesson 12) - Grid
- CSS Spacing (Lesson 15) - Spacing / Khoảng cách
- CSS Logical Properties (Lesson 13) - Logical Properties / Thuộc tính logic
- CSS Z-index (Lesson 22) - Z-index & Stacking / Thứ tự xếp chồng
- CSS Overflow (Lesson 35) - Overflow / Xử lý tràn
- CSS Container Queries (Lesson 39) - Container Queries / Truy vấn vùng chứa
- CSS Pseudo-elements (Lesson 16) - Pseudo-elements / Phần tử giả
- CSS Pseudo-classes (Lesson 17) - Pseudo-classes / Lớp giả
- CSS Focus (Lesson 20) - Focus Management / Quản lý tiêu điểm
- CSS Cursors (Lesson 21) - Cursors / Con trỏ
- CSS Anchor Positioning (Lesson 23) - Anchor Positioning / Định vị neo
- CSS Popover (Lesson 24) - Popover & Dialog / Hộp thoại
- CSS Lists (Lesson 31) - Lists / Danh sách
- CSS Counters (Lesson 32) - Counters / Bộ đếm
- CSS Text & Typography (Lesson 37) - Typography / Kiểu chữ
- CSS Transitions (Lesson 33) - Transitions / Chuyển đổi
- CSS Animations (Lesson 28) - Animations / Hoạt ảnh
- CSS View Transitions (Lesson 34) - View Transitions / Chuyển đổi khung nhìn
- CSS Scroll-driven Animations (Lesson 38) - Scroll Animations / Hoạt ảnh cuộn
- CSS Functions (Lesson 25) - Functions / Hàm CSS
- CSS Conclusion (Lesson 40) - Conclusion / Kết luận
- Welcome - Welcome to the Course / Chào mừng đến với khóa học
- History - History of Responsive Design / Lịch sử thiết kế đáp ứng
- Media Queries - CSS Media Queries / Truy vấn phương tiện
- Media Features - Media Features / Tính năng phương tiện
- Macro Layouts - Page Layouts / Bố cục vĩ mô
- Micro Layouts - Component Layouts / Bố cục vi mô
- UI Patterns - Common Patterns / Các mẫu giao diện
- Responsive Images - Optimization / Tối ưu hóa hình ảnh
- Picture Element - Art Direction / Chỉ đạo nghệ thuật
- Icons - SVG Icons / Biểu tượng SVG
- Interaction - Input Mechanisms / Cơ chế nhập liệu
- Theming - Dark Mode & Preferences / Chủ đề & Sở thích
- Typography - Fluid Typography / Kiểu chữ linh hoạt
- Accessibility - A11y / Khả năng tiếp cận
- Internationalization - I18n / Quốc tế hóa
- Screen Configurations - Foldables / Cấu hình màn hình
- Conclusion - Next Steps / Các bước tiếp theo
- JavaScript Introduction - Introduction to JavaScript / Giới thiệu về JavaScript
- JavaScript Variables - Variable declaration / Khai báo biến
- JavaScript Data Types - Data types overview / Tổng quan về kiểu dữ liệu
- JavaScript Control Flow - Control flow statements / Các câu lệnh điều khiển luồng
- JavaScript Comparison Operators - Comparison operators / Toán tử so sánh
- JavaScript Booleans - Boolean type / Kiểu Boolean
- JavaScript Numbers - Number type / Kiểu Number
- JavaScript BigInt - BigInt type / Kiểu BigInt
- JavaScript Strings - String type / Kiểu String
- JavaScript Symbols - Symbol type / Kiểu Symbol
- JavaScript Null & Undefined - Null and undefined / Null và undefined
- JavaScript Objects - Working with objects / Làm việc với đối tượng
- JavaScript Indexed Collections - Arrays and typed arrays / Mảng và mảng có kiểu
- JavaScript Keyed Collections - Maps and Sets / Maps và Sets
- JavaScript Functions - Function basics / Cơ bản về hàm
- JavaScript Function Expressions - Function expressions / Biểu thức hàm
- JavaScript Return Keyword - Return statement / Câu lệnh return
- JavaScript Classes - Class basics / Cơ bản về lớp
- JavaScript Class Fields & Methods - Class fields and methods / Trường và phương thức của lớp
- JavaScript Extend Classes - Class inheritance / Kế thừa lớp
- JavaScript Static Initialization - Static blocks / Khối static
- JavaScript Property Accessors - Getters and setters / Getters và setters
- JavaScript Property Descriptors - Property descriptors / Mô tả thuộc tính
- JavaScript Prototypal Inheritance - Prototype chain / Chuỗi prototype
- JavaScript This Keyword - Understanding 'this' / Hiểu về 'this'
- JavaScript New Keyword - Using 'new' / Sử dụng 'new'
- JavaScript Appendix - Additional resources / Tài nguyên bổ sung
- Lesson 1: Introduction - Introduction to TypeScript / Giới thiệu về TypeScript
- Lesson 2: Setup Environment - Setting up Development Environment / Cài đặt môi trường phát triển
- Lesson 3: Basic Types - Basic Types / Các kiểu dữ liệu cơ bản
- Lesson 4: Functions - Functions / Hàm
- Lesson 5: Objects & Interfaces - Objects & Interfaces / Đối tượng và Giao diện
- Lesson 6: Union Types & Narrowing - Union Types & Narrowing / Kiểu hợp & Thu hẹp kiểu
- Lesson 7: Classes - Classes / Lớp
- Lesson 8: Inheritance & Abstract Classes - Inheritance & Abstract Classes / Kế thừa và Lớp trừu tượng
- Lesson 9: Generics Basics - Generics Basics / Cơ bản về Generics
- Lesson 10: Generic Constraints - Generic Constraints / Ràng buộc trong Generics
- Lesson 11: Utility Types - Utility Types / Các kiểu tiện ích
- Lesson 12: Advanced Type Manipulation - Advanced Type Manipulation / Thao tác kiểu nâng cao
- Lesson 13: TS with React - TS with React / Sử dụng TypeScript với React
- Lesson 14: TS with Backend - TS with Backend / Sử dụng TypeScript với Backend
-
Start with HTML / Bắt đầu với HTML
- Read HTML Overview
- Learn HTML Document Structure
- Practice with basic text and lists
-
Move to CSS / Chuyển sang CSS
- Read CSS Introduction
- Understand CSS Selectors
- Learn the CSS Box Model
-
Learn JavaScript / Học JavaScript
- Start with JavaScript Introduction
- Master JavaScript Variables and Data Types
- Progress through functions and objects
- Focus on advanced CSS topics like specificity and cascade
- Deep dive into JavaScript OOP concepts
- Explore HTML APIs and advanced features
- Review specific topics as needed
- Use as a reference guide
- Explore advanced JavaScript patterns and HTML APIs
This is a learning documentation project. Feel free to suggest improvements or corrections.
Đây là dự án tài liệu học tập. Mọi đề xuất cải thiện hoặc sửa lỗi đều được hoan nghênh.
Educational use only / Chỉ sử dụng cho mục đích giáo dục
Last Updated / Cập Nhật Lần Cuối: December 25, 2025 / 25 tháng 12, 2025