
Web Development Essentials EP 16: DOM manipulation: nội dung, attributes và styles
Chọn node DOM, phân biệt live và static collections, textContent và innerHTML; cập nhật class, attribute và sự kiện nút bằng chuột, bàn phím trong lab DEMO.
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.

Chọn node DOM, phân biệt live và static collections, textContent và innerHTML; cập nhật class, attribute và sự kiện nút bằng chuột, bàn phím trong lab DEMO.

Tổ chức hàm JavaScript với if, switch, vòng lặp và return; hiểu truthy, so sánh, break, continue và xử lý Promise bằng async/await qua dữ liệu DEMO.

Hiểu const, let, scope, undefined, null và NaN; chuyển đổi đầu vào có kiểm tra, dùng array chứa object và phân biệt alias với shallow copy trong lab DEMO.

Chạy JavaScript trong HTML và Console; hiểu script, defer, async, module, comment và ASI; phân biệt lỗi tải, cú pháp và thực thi qua lab DEMO cục bộ.

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.