Danh sách bài học Fullstack
-
1. Lời nói đầu
- 1.1 Bí quyết học hiệu quả
-
2. Client - Server, HTML cơ bản
- 2.1 Day 1: Nội dung buổi học
- 2.2 Day 1: Client - Server, HTML cơ bản
- 2.3 Day 1: Bài tập về nhà
- 2.4 Mục tiêu lộ trình học Frontend?
- 2.5 Mô hình Client - Server?
- 2.6 Lợi ích của Cache DNS?
- 2.7 Công Cụ Lập Trình Online?
- 2.8 HTML có ý nghĩa là gì?
- 2.9 Siêu văn bản là gì?
- 2.10 Khai báo chuẩn HTML5
-
2.11 Thẻ HTML nào ở cấp cao nhất trong file HTML?
- 2.12 Hoàn thiện phần thẻ mở
- 2.13 Giới thiệu bài thử thách
- 2.14 Hoàn thành cấu trúc một file HTML
- 2.15 Thêm ảnh vào trang web
- 2.16 Vai trò của thuộc tính alt trong thẻ img?
- 2.17 Hiển thị ảnh từ link ảnh cho trước
- 2.18 Thẻ a (link) cơ bản
- 2.19 Thực hành đặt hình ảnh vào thẻ a
- 2.20 Comment trong HTML?
- 2.21 Cú pháp bắt đầu phần comment?
- 2.22 Cú pháp kết thúc phần comment?
- 2.23 Trình duyệt hiểu comment thế nào?
- 2.24 Đoán kết quả của code có comment
- 2.25 Thực hành sử dụng comment
- 2.26 Thẻ ul và ol
- 2.27 Cách trình duyệt hiển thị các khoảng trắng
- 2.28 Khoảng trắng bị rút gọn trong HTML?
- 2.29 Dấu xuống dòng trong HTML?
- 2.30 Trình duyệt rút gọn khoảng trắng?
- 2.31 Tìm hiểu thẻ pre
-
3. Attribute, Inline, Block, CSS cơ bản
- 3.1 Day 2: Nội dung buổi học
- 3.2 Day 2: Attribute, Inline, Block, CSS cơ bản
- 3.3 Day 2: Bài tập về nhà
- 3.4 Cách tạo nhanh cấu trúc file HTML
- 3.5 Tạo cấu trúc file HTML với Emmet
- 3.6 Sử dụng Emmet
- 3.7 Tạo nhanh thẻ cha - con
- 3.8 Tạo nhiều thẻ con trong 1 thẻ cha
- 3.9 Thêm nội dung cho các thẻ con
- 3.10 Thêm số thứ tự trong nội dung
- 3.11 Tạo nhanh cấu trúc HTML và thêm thẻ meta
- 3.12 Thuộc tính href với hash và id
- 3.13 Thuộc tính href với hash và id #1
- 3.14 Thuộc tính href với hash và id #2
- 3.15 Thuộc tính href với hash và id #3
- 3.16 Phương thức tel, mailto
- 3.20 Phương thức tel, mailto #4
- 3.21 Phương thức tel, mailto #5
- 3.22 Ảnh JPEG, PNG và SVG
- 3.23 Ảnh GIF, WebP và Base64
- 3.24 Ảnh nào phóng lớn không bị vỡ?
- 3.25 Khác biệt giữa PNG và JPEG?
- 3.26 Ảnh nào khác biệt với số còn lại?
- 3.27 Hãy tìm ra đâu là ảnh PNG?
- 3.30 Thêm phần còn thiếu để ngắt dòng
- 3.31 Thực hành dùng thẻ ngắt dòng
- 3.32 Ngắt dòng thông tin liên hệ
- 3.33 Sử dụng thẻ br đúng cách
- 3.34 Cú pháp Non-breaking space?
- 3.35 Sử dụng Non-breaking space
- 3.36 Thuật ngữ của thuộc tính HTML là gì?
- 3.37 Nhận biết phần "khóa" trong thuộc tính?
-
4. Kế thừa, Reset CSS và CSS selectors
- 4.1 Day 3: Nội dung buổi học
- 4.2 Day 3: Kế thừa, Simple selectors
- 4.3 Ghi đè CSS mặc định của h1
- 4.4 Ghi đè CSS mặc định của thẻ a
- 4.5 Xóa bỏ CSS không cần thiết
- 4.6 Cách tra cứu tính kế thừa trong CSS?
- 4.7 Đâu là CSS Selector?
- 4.8 Thêm Selector còn thiếu
- 4.9 Chọn ra các thẻ p
- 4.10 Normalize và Reset CSS là gì?
- 4.10 Normalize và Reset CSS là gì?
- 4.11 Khái niệm Normalize CSS?
- 4.12 Khái niệm Reset CSS là gì?
- 4.13 Đặc điểm của thẻ block?
- 4.14 CSS mặc định của thẻ block?
- 4.15 CSS mặc định của thẻ inline?
- 4.16 Thay đổi tính chất thẻ inline/block?
- 4.18 Hiểu ID và class trong HTML
- 4.19 Chọn đoạn HTML hợp lệ
- 4.20 Phát hiện và sửa lỗi HTML
- 4.21 Tô đỏ toàn bộ chữ
- 4.22 Tô màu theo loại tiêu đề
- 4.23 Tô đỏ link, vàng đoạn
- 4.24 Tô vàng 3 kiểu chọn lọc
- 4.25 .class1.class2 selector
- 4.26 Tô đỏ và tăng cỡ chữ p
- 4.27 Tô đỏ link danh sách 1
- 4.28 Giãn nút cách đều 8px
- 4.29 Đổi nền khi hover nút
- 4.30 Đổi nền khi nhấn nút
- 4.31 Tìm hiểu về child selectors
-
5. Box model và các thuộc tính liên quan
- 5.2 Buổi 3: Tìm hiểu về Box model
- 5.3 Cấu trúc Box Model?
- 5.4 Tổng kích thước phần tử?
- 5.5 Thêm padding cho thẻ div
- 5.6 Padding cho div với 2 giá trị
- 5.7 Padding cho div với 3 giá trị
- 5.8 Margin Collapse là gì?
- 5.9 Margin Collapse xảy ra khi nào?
- 5.18 Hiểu về thuộc tính outline?
- 5.19 Thêm viền đỏ bằng outline
- 5.20 Thuộc tính box-sizing
- 5.21 Áp dụng lợi ích của box-sizing
- 5.22 Day 3: Bài tập về nhà
- 5.23 Cách căn chỉnh phần tử với