
Web Development Essentials EP 12: CSS box model và layout
Tính content-box và border-box, hiểu luồng, position, float, Flexbox và Grid; thực hành bố cục responsive, kiểm tra chuỗi dài, tràn ngang và focus bàn phím.
Kho tri thức vận hành hệ thống, Docker, Linux, Web server và Security. Sắp xếp khoa học giúp tra cứu nhanh chóng.

Tính content-box và border-box, hiểu luồng, position, float, Flexbox và Grid; thực hành bố cục responsive, kiểm tra chuỗi dài, tràn ngang và focus bàn phím.

Chọn màu, alpha, nền và phông chữ CSS dễ đọc; phân biệt px, em, rem, phần trăm, viewport; kiểm chứng cỡ chữ, khoảng dòng và shorthand bằng lab cục bộ.

Đọc selector CSS theo element, class, id và quan hệ; giải thích cascade, specificity, inheritance, important và kiểm tra focus, hover trong lab có hoàn tác.

Hiểu cú pháp và ba cách thêm CSS vào HTML; phân biệt selector với inheritance, kiểm tra stylesheet, focus bàn phím, tương phản màu và kiểu print trong lab.

Tạo form có label, input và button rõ vai trò; phân biệt GET, POST, multipart, validation và trường được gửi; kiểm chứng bằng dữ liệu và tệp DEMO cục bộ.

Hiểu href, src, neo trang, target, alt và định dạng ảnh; thực hành URL tương đối, iframe có tên và tab mới trên dữ liệu DEMO, ghi rõ giới hạn kiểm chứng.

Chọn heading, danh sách và vùng nội dung theo ý nghĩa; hiểu strong, em, code, div, span; thực hành DOM, vai trò và liên kết chuyển focus bằng bàn phím.

Tạo tài liệu HTML tiếng Việt; hiểu doctype, head, body, title, metadata và UTF-8; thử ba biến thể trong trình duyệt để nhận diện lỗi cấu trúc, attribute.

Đọc URL, phương thức, header và trạng thái HTTP; phân biệt cookie, phiên, HTTPS và HTTP/3; thực hành ETag với chuỗi 200, 304, 200 trên tệp DEMO cục bộ.

Phân biệt trình duyệt, web server, API và database; hiểu REST, GraphQL, SPA, PWA và WebAssembly; thực hành tách phản hồi HTML, JSON cùng lỗi HTTP cục bộ.

Hiểu source code, compiler, runtime, thư viện và mô hình lập trình; thực hành Node.js đếm yêu cầu, bắt lỗi logic bằng test và xem thay đổi bằng Git cục bộ.

Học web qua 18 mục tiêu: phần mềm, HTTP, HTML, CSS, JavaScript, Node.js và database; xây sản phẩm nhỏ, kiểm tra dữ liệu và ghi rõ giới hạn thực hành.