Bảng thời gian

Hướng dẫn JS

• Hướng dẫn JS
• Giới thiệu về JS
• Sử dụng trong JS
• Đầu ra trong JS
• Câu trong JS
• Ngữ pháp trong JS
• Ghi chú trong JS
• Biến trong JS
• Let trong JS
• Const trong JS
• Toán tử trong JS
• Toán học trong JS
• Gán giá trị trong JS
• Loại dữ liệu trong JS
• Hàm JS
• Đối tượng JS
• Sự kiện trong JS
• Chuỗi trong JS
• Phương pháp chuỗi trong JS
• Tìm kiếm chuỗi trong JS
• Mẫu chuỗi trong JS
• Số trong JS
• BigInt trong JS
• Phương pháp số trong JS
• Thuộc tính số trong JS
• Mảng trong JS
• Phương pháp mảng trong JS
• Tìm kiếm mảng trong JS
• Sắp xếp mảng trong JS
• Thực hiện mảng trong JS
• Const trong mảng JS
• Ngày trong JS
• Định dạng ngày trong JS
• Cách lấy ngày trong JS
• Cách thiết lập ngày trong JS
• Toán học trong JS
• Ngẫu nhiên trong JS
• Luật lý trong JS
• So sánh trong JS
• Điều kiện trong JS
• Switch trong JS
• Vòng lặp For trong JS
• Vòng lặp For In trong JS
• Vòng lặp For Of trong JS
• Vòng lặp While trong JS
• Break trong JS
• Đối tượng có thể lặp lại trong JS
• Set trong JS
• Phương pháp Set trong JS
• Map trong JS
• Phương pháp Map trong JS
• typeof trong JS
• Chuyển đổi loại trong JS
• Giải cấu trúc trong JS
• Toán tử bit trong JS
• Bí quyết chính quy trong JS
• Priorities của toán tử trong JS
• Bất thường trong JS
• Phạm vi trong JS
• Hoisting trong JS
• Chế độ chặt chẽ JS
• Từ khóa this trong JS
• Hàm mũi tên JS
• Lớp JS
• Mô đun JS
• JSON JS
• Gỡ lỗi JS
• Hướng dẫn phong cách JS
• Lời khuyên tốt nhất JS
• Lỗi JS
• Hiệu suất JS
• Từ khóa bảo vệ JS

Phiên bản JS

• Phiên bản JS
• JS 2009 (ES5)
• JS 2015 (ES6)
• JS 2016
• JS 2017
• JS 2018
• JS 2019
• JS 2020
• JS 2021
• JS 2022
• JS 2023
• JS 2024
• IE / Edge JS
• Lịch sử JS

Đối tượng JS

• Định nghĩa đối tượng JS
• Thuộc tính đối tượng JS
• Phương pháp đối tượng JS
• Hiển thị đối tượng JS
• Truy cập đối tượng JS
• Kết tạo đối tượng JS
• Gốc đối tượng JS
• Tham chiếu đối tượng JS

Hàm JS

• Định nghĩa hàm JS
• Tham số hàm JS
• Gọi hàm JS
• Hàm Call JS
• Hàm Apply JS
• Gắn kết hàm JS
• Bó JS

Lớp JS

• Giới thiệu lớp JS
• Kế thừa lớp JS
• Static JS

Async JS

• Callback JS
• Asynchronous JS
• Promise JS
• Async JS

DOM HTML JS

• Giới thiệu DOM
• Phương pháp DOM
• Tài liệu DOM
• Thiết bị DOM
• HTML DOM
• Hình thức DOM
• CSS DOM
• Hoạt hình DOM
• Sự kiện DOM
• Chương trình giám sát sự kiện DOM
• Dịch chuyển DOM
• Nút DOM
• Bộ sưu tập DOM
• Danh sách nút DOM

BOM trình duyệt JS

• Cửa sổ JS
• Màn hình JS
• Địa điểm JS
• Lịch sử JS
• navigator JS
• Cửa sổ弹出 JS
• Thời gian JS
• Cookies JS

API Web JS

• Giới thiệu API Web
• API Form Web
• Web History API
• Web Storage API
• Web Worker API
• API Fetch Web
• Web Geolocation API

AJAX JS

• Giới thiệu AJAX
• XMLHttp AJAX
• Yêu cầu AJAX
• Phản hồi AJAX
• Tệp XML AJAX
• PHP AJAX
• ASP AJAX
• Cơ sở dữ liệu AJAX
• Ứng dụng AJAX
• Mô hình AJAX

JSON JS

• Giới thiệu JSON
• Cú pháp JSON
• JSON vs XML
• Kiểu dữ liệu JSON
• Phân tích JSON
• Định dạng chuỗi JSON
• Đối tượng JSON
• Mảng JSON
• Máy chủ JSON
• PHP JSON
• HTML JSON
• JSONP JSON

JS vs jQuery

• Chọn器 jQuery
• HTML jQuery
• CSS jQuery
• DOM jQuery

Hình ảnh JS

• Hình ảnh JS
• Canvas JS
• Plotly.js JS
• Chart JS
• Bảng biểu Google JS
• D3.js JS

Mẫu JS

• Mẫu JS
• DOM HTML JS
• Giao diện người dùng JS HTML
• Đối tượng HTML JS
• Sự kiện HTML JS
• JS Browser
• Bài kiểm tra JS

Tài liệu tham khảo JS

• Đối tượng JavaScript
• HTML DOM đối tượng

Khóa học chọn lọc

Khuyến nghị khóa học:

• Bộ công cụ CodeW3C.com

Giao thức đặt tên của JavaScript bắt đầu từ ES1, ES2, ES3, ES5 và ES6.

Nhưng, ECMAScript 2016 và 2017 không được gọi là ES7 và ES8.

Từ năm 2016, các phiên bản mới được đặt tên theo năm (ECMAScript 2016/2017/2018).

Tính năng mới trong ECMAScript 2018

Chương này giới thiệu tính năng mới của ECMAScript 2018:

• Lặp lại đồng bộ
• Promise Finally
• Thuộc tính Rest của đối tượng
• Tính năng mới của RegExp

Lặp lại đồng bộ của JavaScript

ECMAScript 2018 đã thêm bộ điều khiển lặp lại đồng bộ và đối tượng có thể lặp lại.

Bằng cách lặp lại đồng bộ, chúng ta có thể for/of sử dụng trong vòng lặp await ký tự.

Mô hình

for await () {}

Firefox và Safari là những trình duyệt đầu tiên hỗ trợ việc lặp lại đồng bộ JavaScript:

Promise.finally của JavaScript

ECMAScript 2018 sử dụng Promise.finally Hoàn thành việc triển khai đầy đủ đối tượng Promise:

Mô hình

let myPromise = new Promise();
myPromise.then();
myPromise.catch();
myPromise.finally();

Chrome và Firefox là những trình duyệt đầu tiên hỗ trợ Promise.finally của trình duyệt:

Thuộc tính Rest của đối tượng JavaScript

ECMAScript 2018 đã thêm thuộc tính Rest.

Điều này cho phép chúng ta phá hủy một đối tượng và thu thập phần còn lại vào một đối tượng mới:

Mô hình

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
x; // 1
y; // 2
z; // { a: 3, b: 4 }

Chrome, Firefox và Opera là những trình duyệt đầu tiên hỗ trợ thuộc tính Rest của đối tượng:

Tháng 8 năm 2017

Tính năng mới của JavaScript RegExp

• ECMAScript 2018 đã thêm 4 tính năng mới của RegExp:
• Đối tượng chuyển đổi thuộc tính Unicode (\p{...})
• Kết luận sau (Lookbehind Assertions) (?<= ) và (?<! )
• Nhóm bắt tên (Named Capture Groups)

Biểu tượng (dotAll) s

Bộ công cụ

Tài liệu tham khảo JavaScript và HTML DOM

Mẫu JavaScript

Bài kiểm tra JavaScript

Hướng dẫn nâng cao JavaScript

Liên kết tài trợ