Bảng khóa học

Hướng dẫn JS

• Hướng dẫn JS
• Giới thiệu JS
• JS sử dụng
• Đầu ra JS
• Câu JS
• Cú pháp JS
• Chú thích JS
• Biến JS
• Let JS
• Const JS
• Toán tử JS
• Toán học JS
• Gán JS
• Kiểu dữ liệu JS
• Hàm JS
• Đối tượng JS
• Sự kiện JS
• Chuỗi JS
• Phương pháp chuỗi JS
• Tìm kiếm chuỗi JS
• Mẫu chuỗi JS
• Số JS
• BigInt JS
• Phương pháp số JS
• Thuộc tính số JS
• Mảng JS
• Phương pháp mảng JS
• Tìm kiếm mảng JS
• Sắp xếp mảng JS
• Điều hướng mảng JS
• Const mảng JS
• Ngày JS
• Định dạng ngày JS
• Phương pháp lấy ngày JS
• Phương pháp thiết lập ngày JS
• Toán học JS
• Ngẫu nhiên JS
• Lôgic JS
• So sánh JS
• Điều kiện JS
• Switch JS
• Vòng lặp For JS
• Vòng lặp For In JS
• Vòng lặp For Of JS
• Vòng lặp While JS
• Break JS
• Đối tượng có thể lặp lại JS
• Set JS
• Phương pháp Set JS
• Map JS
• Phương pháp Map JS
• typeof JS
• Chuyển đổi loại JS
• Giải cấu trúc JS
• Toán tử bit JS
• Biểu thức chính quy JS
• Prioritize toán tử JS
• Bất thường JS
• Phạm vi JS
• Hoisting JS
• Chế độ chặt chẽ JS
• Từ khóa this JS
• Hàm mũi giáo JS
• Lớp JS
• Mô đun JS
• JS JSON
• Gỡ lỗi JS
• Hướng dẫn phong cách JS
• Lưu ý 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
• JS IE / Edge
• 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 thuộc tính đối tượng JS
• Kết cấu đối tượng JS
• Giao diện原型 đố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
• Gọi hàm JS Call
• Gọi hàm JS Apply
• Gán hàm JS
• JS đóng băng

Lớp JS

• Giới thiệu lớp JS
• JS kế thừa lớp
• JS tĩnh

JS Async

• JS callback
• JS đồng bộ
• JS Promise
• JS Async

JS HTML DOM

• Giới thiệu DOM
• DOM phương pháp
• DOM tài liệu
• DOM yếu tố
• DOM HTML
• DOM biểu mẫu
• DOM CSS
• Chuyển động DOM
• Sự kiện DOM
• Chương trình giám sát sự kiện DOM
• Thám hiểm DOM
• Nút DOM
• Bộ sưu tập DOM
• Danh sách nút DOM

JS Browser BOM

• JS Cửa sổ
• JS Màn hình
• JS Địa điểm
• JS Lịch sử
• JS Navigator
• JS hộp thoại
• JS Thời gian
• JS Cookies

JS Web API

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

JS AJAX

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

JS JSON

• Giới thiệu về JSON
• Cú pháp JSON
• JSON vs XML
• Kiểu dữ liệu JSON
• JSON phân tích
• JSON serial hóa
• Đối tượng JSON
• Mảng JSON
• Máy chủ JSON
• PHP JSON
• HTML JSON
• JSON JSONP

JS vs jQuery

• jQuery selector
• jQuery HTML
• jQuery CSS
• jQuery DOM

JS hình ảnh

• JS hình ảnh
• JS Canvas
• JS Plotly.js
• JS Chart
• JS Google Chart
• JS D3.js

JS ví dụ

• JS ví dụ
• JS HTML DOM
• JS HTML đầu vào
• JS HTML đối tượng
• JS HTML sự kiện
• 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 tự chọn

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

• Tủ đồ CodeW3C.com

Giai đoạn đặt tên 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 trở đi, các phiên bản mới được đặt tên theo năm (ECMAScript 2016/2017/2018).

Các tính năng mới trong ECMAScript 2017

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

• Lấp đầy chuỗi JavaScript
• Object.entries JavaScript
• Object.values JavaScript
• Hàm hàm đệ quy đồng bộ JavaScript
• Memory chia sẻ JavaScript

Lấp đầy chuỗi JavaScript

ECMAScript 2017 đã thêm hai phương thức String:padStart và padEndđể hỗ trợ việc lấp đầy đầu và cuối chuỗi.

thực thể

let str = "5";
str = str.padStart(4,0);
// Kết quả là: 0005

Thử ngay

thực thể

let str = "5";
str = str.padEnd(4,0);
// Kết quả là: 5000

Thử ngay

Internet Explorer không hỗ trợ kỹ thuật lấp đầy chuỗi.

Firefox và Safari là những trình duyệt đầu tiên hỗ trợ kỹ thuật lấp đầy chuỗi JavaScript:

đối tượng mục nhập JavaScript

ECMAScript 2017 đã thêm các tính năng mới cho đối tượng Object.entries phương thức.

Phương thức Object.entries() trả về một mảng các cặp khóa/giá trị của đối tượng:

thực thể

const person = {
  firstName : "Bill",
  lastName : "Gates",
  age : 50,
  eyeColor : "blue"
};
document.getElementById("demo").innerHTML = Object.entries(person);

Thử ngay

Object.entries() làm cho việc lặp qua đối tượng trong vòng lặp trở nên đơn giản:

thực thể

const fruits = {Bananas:300, Oranges:200, Apples:500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "
";
}

Thử ngay

Object.entries() cũng làm cho việc chuyển đổi đối tượng thành bản đồ trở nên đơn giản:

thực thể

const fruits = {Bananas:300, Oranges:200, Apples:500};
const myMap = new Map(Object.entries(fruits));

Thử ngay

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

giá trị đối tượng JavaScript

Object.values giống Object.entriesmà chỉ trả về một mảng một chiều các giá trị đối tượng:

thực thể

const person = {
  firstName : "Bill",
  lastName : "Gates",
  age : 50,
  eyeColor : "blue"
};
document.getElementById("demo").innerHTML = Object.values(person);

Thử ngay

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

Hàm Async JavaScript

Chờ quá hạn

async function myDisplay() {
  let myPromise = new Promise(function(myResolve, myReject) {
    setTimeout(function() { myResolve("Tôi yêu bạn !!"); }, 3000);
  });
  document.getElementById("demo").innerHTML = await myPromise;
}
myDisplay();

Thử ngay

Firefox và Chrome là những trình duyệt đầu tiên hỗ trợ hàm JavaScript đồng bộ:

Bộ công cụ

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

JavaScript ví dụ

Trắc nghiệm JavaScript

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

Liên kết tài trợ