Trong phát triển trang web, DOM là viết tắt của Document Object Model. Nó là một giao diện lập trình cho phép chúng ta tạo, thay đổi hoặc xóa các phần tử khỏi tài liệu trang web. Thao tác DOM là khi bạn sử dụng JavaScript để thêm, xóa và sửa đổi các thành phần của trang web. Nó rất phổ biến trong phát triển web.
Chúng tôi vừa xuất bản một khóa học trên kênh YouTube freeCodeCamp.org. Khóa học này sẽ hướng dẫn bạn những kiến thức cơ bản về thao tác DOM với JavaScript. CodeLab đã phát triển khóa học này.
Trong phần đầu tiên của khóa học, bạn sẽ tìm hiểu về các tính năng cơ bản của DOM trang web và các lệnh JavaScript mà bạn có thể sử dụng để thao tác với DOM. Trong phần thứ hai của khóa học, bạn sẽ sử dụng những gì đã học để tạo ra các ví dụ thực tế từ cơ bản đến nâng cao.
Dưới đây là các phần trong khóa học này.
Nguyên tắc cơ bản về DOM
- DOM là gì?
- Tương tự cây DOM
- Chọn phần tử trong DOM
- Tạo kiểu cho một phần tử
- Tạo phần tử
- Thêm phần tử
- Sửa đổi văn bản
- Sửa đổi các thuộc tính và lớp của phần tử
- Xóa một phần tử
- Tóm tắt cây DOM
- Di chuyển qua DOM
- Người nghe sự kiện
- Ví dụ về trình xử lý sự kiện
- Tuyên truyền sự kiện
- Đoàn sự kiện
- Giới thiệu về Dự án
Dự án 1: Người mới bắt đầu
- Phong cách chung cho tất cả các dự án
- Đánh dấu dự án 1
- Dự án 1 Tạo kiểu CSS
- Dự án 1 JavaScript
Dự án 2: Người mới bắt đầu Plus
- Đánh dấu dự án 2
- Kiểu dáng CSS dự án 2
- Dự án 2JavaScript
- Dự án 2 Tạo kiểu CSS p2
Dự án 3: Trung cấp
- Đánh dấu dự án 3
- Dự án 3 Tạo kiểu CSS
- Dự án JavaScript 3
- Dự án 3 Tạo kiểu CSS p2
Dự án 4: Pro
- Đánh dấu dự án 4
- Dự án 4 Tạo kiểu CSS
- Dự án 4 JavaScript
Dự án 5: Thạc sĩ
- Đánh dấu dự án 5
- Dự án 5 Tạo kiểu CSS
- Dự án 5 JavaScript
Xem toàn bộ khóa học bên dưới hoặc trên kênh YouTube freeCodeCamp.org (thời gian xem 3 giờ).