К содержанию

Sách giáo khoa JavaScript nâng cao

Hướng dẫn nâng cao về JavaScript từ Dmitry Trepachev. Dành cho người mới bắt đầu. Bằng tiếng Nga. Có các bài tập.

Định dạng

Tạo kiểu thông qua thuộc tính style trong JavaScript

Đơn vị đo lường trong thuộc tính style trong JavaScript

Lỗi với đơn vị đo lường trong JavaScript

Giải nén giá trị thuộc tính CSS trong JavaScript

Đặt lại kiểu dáng qua style trong JavaScript

Thiết lập hàng loạt kiểu CSS trong JavaScript

Vấn đề đọc style trong JavaScript

Đọc thuộc tính từ file CSS trong JavaScript

Chuyển đổi giá trị đã đọc trong JavaScript

Tạo kiểu bằng lớp trong JavaScript

Một class để tạo kiểu trong JavaScript

Sự bất tiện của class trong JavaScript

Thay đổi luân phiên kiểu dáng thông qua data-attribute trong JavaScript

Chỉ số của phần tử

Mở rộng phần tử trong CSS cho JavaScript

Phần tử thử nghiệm trong JavaScript

Kích thước client của phần tử trong JavaScript

Kích thước tổng thể của phần tử trong JavaScript

Kích thước phần tử có cuộn trong JavaScript

Cuộn phần tử trong JavaScript

Thay đổi cuộn phần tử trong JavaScript

Cuộn phần tử đến cuối trong JavaScript

Mở rộng phần tử trong JavaScript

Độ rộng thanh cuộn trong JavaScript

Chỉ số cửa sổ

Kích thước cửa sổ trong JavaScript

Kích thước cửa sổ có tính phần cuộn trong JavaScript

Lấy vị trí cuộn của cửa sổ trong JavaScript

Lấy và thay đổi vị trí cuộn cửa sổ trong JavaScript

Phương thức để cuộn cửa sổ đến vị trí trong JavaScript

Phương thức cuộn cửa sổ theo một khoảng cách trong JavaScript

Phương thức để cuộn cửa sổ tới phần tử trong JavaScript

Sự kiện cuộn trong JavaScript

Bộ sưu tập Map

Các Bộ Sưu Tập Map trong JavaScript

Các tính năng hữu ích của collection Map

Duyệt qua các collection Map bằng vòng lặp

Khóa và giá trị trong collection Map

Ứng dụng bộ sưu tập Map

Bộ sưu tập Set

Bộ Sưu Tập Set trong JavaScript

Khởi tạo và điền dữ liệu ban đầu cho Collection Set trong JavaScript

Tính năng hữu ích của Collection Set

Lặp qua các collection Set bằng vòng lặp

Chuyển đổi Bộ sưu tập Set

Loại bỏ phần tử trùng lặp khỏi mảng bằng Set

Lấy các phần tử DOM không trùng lặp

Mảng giả

Mảng giả trong JavaScript

Sự tương đồng với mảng trong JavaScript

Sự khác biệt với mảng trong JavaScript

Kiểm tra mảng trong JavaScript

Chuyển đổi thành mảng trong JavaScript

Các loại mảng giả trong JavaScript

Sự khác biệt giữa các loại giả mảng trong JavaScript

Ký hiệu (Symbol)

Giới thiệu kiểu Symbol trong JavaScript

Mô tả Symbol trong JavaScript

Ký hiệu làm khóa đối tượng trong JavaScript

Duyệt qua đối tượng với Symbol trong JavaScript

Hàm trong đối tượng trong JavaScript

Thao tác với đối tượng trong hàm trong JavaScript

Ký hiệu toàn cầu trong JavaScript

Lấy Tên Ký Hiệu Trong JavaScript

Các Symbol nổi tiếng trong JavaScript

Trình lặp (Iterators)

Các đối tượng có thể lặp lại trong JavaScript

Hàm Iterator trong JavaScript

Lời gọi iterator trong JavaScript

Generator trong JavaScript

Vòng lặp trong generator trong JavaScript

Hoạt động một lần của iterator trong JavaScript

Iterator của đối tượng trong JavaScript

Tạo đối tượng có thể lặp trong JavaScript

Bộ tạo thông qua thuộc tính được tính toán trong JavaScript

Trình lặp values tích hợp sẵn trong JavaScript

Trình lặp keys có sẵn trong JavaScript

Trình lặp tích hợp entries trong JavaScript

Ba Trình Lặp Tích Hợp Sẵn Trong JavaScript

Toán tử spread và iterator trong JavaScript

Trình lặp tích hợp sẵn cho chuỗi trong JavaScript

Mảng các chữ số của số trong JavaScript

Đánh số thứ tự các phần tử DOM trong JavaScript

Lấy dữ liệu của các phần tử DOM trong JavaScript

Định dạng JSON

Giới thiệu về định dạng JSON trong JavaScript

Chuyển đổi JSON sang Cấu trúc dữ liệu JavaScript

Chuyển đổi cấu trúc dữ liệu JavaScript sang định dạng JSON

Thay đổi dữ liệu JSON trong JavaScript

Kho lưu trữ

Bộ nhớ cục bộ của trình duyệt trong JavaScript

Bộ lưu trữ trong công cụ gỡ lỗi JavaScript

Làm việc với dữ liệu trong localStorage bằng JavaScript

Lưu trữ một lần trong localStorage bằng JavaScript

Ghi đè dữ liệu trong localStorage bằng JavaScript

Xóa dữ liệu trong localStorage bằng JavaScript

Xóa bộ nhớ cục bộ trong localStorage bằng JavaScript

Số lượng bản ghi trong localStorage bằng JavaScript

Lấy khóa theo số thứ tự trong localStorage bằng JavaScript

Duyệt qua bộ nhớ cục bộ theo chỉ mục trong JavaScript

Mảng khóa và giá trị của Storage trong JavaScript

Lưu trữ cấu trúc trong localStorage trong JavaScript

Sửa đổi cấu trúc dữ liệu lưu trữ trong localStorage bằng JavaScript

Thực hành localStorage trong JavaScript

Biểu thức chính quy

Giới thiệu về biểu thức chính quy trong JavaScript

Các toán tử lặp lại ký tự trong biểu thức chính quy

Dấu ngoặc nhóm trong biểu thức chính quy JavaScript

Ký tự thoát đặc biệt trong biểu thức chính quy JavaScript

Dấu ngoặc nhọn trong biểu thức chính quy JavaScript

Giới hạn tính tham lam trong biểu thức chính quy JavaScript

Các nhóm ký tự trong biểu thức chính quy JavaScript

Bộ ký tự trong biểu thức chính quy JavaScript

Đảo ngược tập hợp ký tự trong regex

Đặc điểm của ký tự Kirin trong biểu thức chính quy JavaScript

Ký tự đặc biệt bên trong dấu ngoặc vuông trong JavaScript

Các nhóm ký tự bên trong tập hợp trong regex JavaScript

Ngoại lệ bên trong tập hợp trong biểu thức chính quy JavaScript

Ký hiệu dấu mũ bên trong tập hợp trong biểu thức chính quy JavaScript

Dấu gạch ngang bên trong bộ ký tự trong biểu thức chính quy JavaScript

Bỏ qua chữ hoa chữ thường trong biểu thức chính quy JavaScript

Ký tự đầu và cuối dòng trong biểu thức chính quy JavaScript

Ranh giới từ trong biểu thức chính quy JavaScript

Đa dòng trong biểu thức chính quy JavaScript

Lệnh 'hoặc' trong biểu thức chính quy JavaScript

Biến chứa biểu thức chính quy trong JavaScript

Phương thức test trong biểu thức chính quy JavaScript

Phương thức search trong biểu thức chính quy JavaScript

Phương thức split trong biểu thức chính quy JavaScript

Phương thức match trong biểu thức chính quy JavaScript

Các nhóm bắt trong phương thức match của biểu thức chính quy JavaScript

Match toàn cục trong biểu thức chính quy JavaScript

MatchAll Toàn cục trong biểu thức chính quy JavaScript

Phương thức exec trong biểu thức chính quy JavaScript

Thuộc tính lastIndex trong biểu thức chính quy JavaScript

Nhóm bắt (Capture groups) trong phương thức replace của biểu thức chính quy JavaScript

Callback trong phương thức replace của biểu thức chính quy JavaScript

Các nhóm mặc định trong phương thức replace của biểu thức chính quy JavaScript

Nhóm bắt giữ (Capture groups) trong chính biểu thức chính quy trong JavaScript

Các Nhóm Bắt Giữ Có Tên Trong Biểu Thức Chính Quy JavaScript

Các nhóm có tên bên trong biểu thức chính quy JavaScript

Dấu ngoặc không lưu trữ trong biểu thức chính quy JavaScript

Positive và Negative Lookahead trong Biểu thức chính quy JavaScript

Chuỗi với biểu thức chính quy trong JavaScript

Cờ cho chuỗi biểu thức chính quy trong JavaScript

Dấu gạch chéo ngược trong chuỗi biểu thức chính quy JavaScript

Tình huống ngoại lệ

Giới thiệu về các tình huống ngoại lệ trong JavaScript

Các loại tình huống phát sinh trong JavaScript

Xử lý ngoại lệ trong JavaScript

Phát triển với try-catch trong JavaScript

Bắt ngoại lệ trong mã lồng nhau trong JavaScript

Đối tượng lỗi trong JavaScript

Các Loại Ngoại Lệ Chính Trong JavaScript

Áp dụng các loại ngoại lệ trong JavaScript

Ném ngoại lệ trong JavaScript

Ném ra các loại ngoại lệ khác nhau trong JavaScript

Ném các loại ngoại lệ của riêng bạn trong JavaScript

Ví dụ về ngoại lệ với thuộc tính data- trong JavaScript

Ví dụ về Ngoại lệ với JSON trong JavaScript

Ném ngoại lệ trong JavaScript

Tính bất đồng bộ

Mã đồng bộ và mã không đồng bộ trong JavaScript

Mô hình sự kiện bất đồng bộ trong JavaScript

Tải ảnh bất đồng bộ trong JavaScript

Ngoại lệ trong mã bất đồng bộ trong JavaScript

Callback Bất đồng bộ

Mã bất đồng bộ với callback trong JavaScript

Truyền kết quả bất đồng bộ vào callback trong JavaScript

Truyền tham số vào hàm callback bất đồng bộ trong JavaScript

Ngoại lệ trong các callback bất đồng bộ trong JavaScript

Tải hình ảnh qua callback bất đồng bộ trong JavaScript

Vấn đề callback hell trong JavaScript

Tải hình ảnh không đồng bộ trong vòng lặp bằng JavaScript

Promise

Giới thiệu về Promise trong JavaScript

Các tình huống ngoại lệ trong Promise trong JavaScript

Đối tượng lỗi trong Promise của JavaScript

Xử lý ngoại lệ riêng biệt trong Promise trong JavaScript

Trạng thái của Promise trong JavaScript

Chuỗi Promise trong JavaScript

Promise bên trong chuỗi trong JavaScript

Ngoại lệ trong chuỗi Promise JavaScript

Làm việc với mảng promise trong JavaScript

Tạo Promise đã hoàn thành trong JavaScript

Chuyển đổi mã không đồng bộ thành Promise trong JavaScript

Vấn đề promise hell trong JavaScript

Promise trong phong cách đồng bộ trong JavaScript

Ngoại lệ trong phong cách đồng bộ trong JavaScript

Thư viện

Thư viện trong JavaScript

Sử dụng thư viện trong JavaScript

Thư viện qua CDN trong JavaScript

Những bất tiện của thư viện trong JavaScript

Công cụ

Phiên bản ngữ nghĩa trong JavaScript

Cơ bản về làm việc với Terminal trong JavaScript

Giới thiệu công cụ NodeJS

Giới thiệu npm trong JavaScript

Cài đặt thư viện qua npm trong JavaScript

Dạng ngắn gọn của cài đặt qua npm trong JavaScript

Các phụ thuộc trong tệp package.json trong JavaScript

Dev dependencies trong npm JavaScript

Các định dạng phiên bản phụ thuộc trong npm trong JavaScript

Các thiết lập cho tệp package.json trong JavaScript

Tạo tệp package.json trong JavaScript

Di chuyển dự án npm trong JavaScript

Tệp package-lock.json trong npm JavaScript

Cập nhật gói qua npm trong JavaScript

Gỡ bỏ gói qua npm trong JavaScript

Cài đặt toàn cục thông qua npm trong JavaScript

Gỡ cài đặt gói toàn cục qua npm trong JavaScript

Công cụ npx trong JavaScript

Chạy Script qua npm trong JavaScript

Trình Quản Lý Yarn trong JavaScript

Mô-đun ES

Giới thiệu về các module hiện đại trong JavaScript

Bật ES Modules trong JavaScript

Cài đặt công cụ đóng gói Webpack trong JavaScript

Nguyên lý hoạt động của bộ đóng gói Webpack trong JavaScript

Cấu hình công cụ đóng gói Webpack trong JavaScript

Cấu hình khởi chạy build Webpack trong JavaScript

Tích hợp thử nghiệm thông qua Webpack trong JavaScript

Kết nối bundle với bố cục HTML trong JavaScript

Tạo ES Module trong JavaScript

Kết nối ES module trong JavaScript

Đổi tên khi import trong JavaScript

Import toàn bộ nội dung của mô-đun trong JavaScript

Xuất mặc định trong JavaScript

Kết hợp export trong JavaScript

Nhập toàn bộ nội dung khi kết hợp xuất trong JavaScript

Xuất giá trị từ ES module trong JavaScript

Các giá trị như hằng số trong ES modules trong JavaScript

Nhập các module npm trong JavaScript

Nhập khẩu động ES Module trong JavaScript

Nhập động nhiều module trong JavaScript

Chuyển đổi mô-đun CommonJS sang ES trong JavaScript

Giao thức HTTP

Giao thức HTTP trong JavaScript

Làm việc với URLSearchParams trong JavaScript

Làm việc với URL trong JavaScript

Máy chủ kiểm thử

Máy chủ kiểm tra bằng JavaScript

Sử dụng máy chủ thử nghiệm trên JavaScript

Thực thi mã thông qua máy chủ kiểm thử trên JavaScript

Tạo HTML qua máy chủ kiểm tra bằng JavaScript

Tiêu đề phản hồi trong máy chủ kiểm tra JavaScript

Cấu hình cổng máy chủ kiểm thử trên JavaScript

Chạy nhiều máy chủ thử nghiệm trên JavaScript

Biểu mẫu

Gửi biểu mẫu trong JavaScript

Phương thức gửi biểu mẫu trong JavaScript

Gửi biểu mẫu bằng phương thức GET trong JavaScript

Gửi biểu mẫu bằng phương thức POST trong JavaScript

Các yêu cầu GET trong JavaScript

Ứng dụng yêu cầu GET trong JavaScript

Nút trong biểu mẫu với JavaScript

Gửi biểu mẫu qua JavaScript

Ngăn chặn gửi biểu mẫu trong JavaScript

Làm việc với FormData trong JavaScript

Các phương thức FormData trong JavaScript

Trình lặp trong FormData trong JavaScript

AJAX

Giới thiệu về AJAX

Cơ bản về làm việc với fetch trong AJAX

Mã phản hồi HTTP trong yêu cầu AJAX bằng JavaScript

Tính thành công của yêu cầu AJAX trong JavaScript

Các tình huống ngoại lệ khi thực hiện yêu cầu AJAX trong JavaScript

Chặn bắt toàn bộ lỗi AJAX trong JavaScript

Tiêu đề HTTP Phản hồi trong AJAX bằng JavaScript

Lấy JSON qua AJAX trong JavaScript

Tiêu đề HTTP request qua AJAX trong JavaScript

Gửi yêu cầu GET qua AJAX trong JavaScript

Gửi yêu cầu POST qua AJAX trong JavaScript

Gửi dữ liệu qua AJAX sử dụng URLSearchParams trong JavaScript

Gửi dữ liệu qua AJAX sử dụng FormData trong JavaScript

Gửi biểu mẫu qua AJAX sử dụng FormData JavaScript

Gửi JSON lên máy chủ bằng AJAX trong JavaScript

Chính sách CORS trong các yêu cầu AJAX bằng JavaScript

Truyền cookie trong các yêu cầu AJAX bằng JavaScript

Phong cách đồng bộ của fetch trong JavaScript

Làm việc với Canvas

Bắt đầu làm việc với canvas trong JavaScript

Vẽ đường thẳng qua canvas trên JavaScript

Vẽ hình chữ nhật thông qua canvas trên JavaScript

Vẽ hình tròn qua canvas trên JavaScript

Thay đổi màu sắc đường thẳng trong canvas bằng JavaScript

Thay đổi kích thước đường kẻ trong canvas bằng JavaScript

Vòng lặp trong canvas trên JavaScript

Tối ưu hóa mã

Các yếu tố tốc độ tải trang web trong JavaScript

Các tài nguyên có sẵn trong JavaScript

Tối ưu hóa các thao tác lặp lại trong JavaScript

Tối ưu hóa việc lặp lại các thao tác nặng trong JavaScript

Tối ưu hóa các thao tác lặp trong JavaScript

Tối ưu hóa các vòng lặp thừa trong JavaScript

Tối ưu hóa qua các hàm tích hợp sẵn trong JavaScript

Lựa chọn thuật toán tối ưu trong JavaScript

Tối ưu hóa việc sử dụng biểu thức chính quy trong JavaScript

Tối ưu hóa thao tác với DOM trong JavaScript

Tối ưu hóa việc tiêu thụ bộ nhớ trong JavaScript

Tối ưu hóa chuyển đổi thành mảng trong JavaScript

Tối ưu hóa trình xử lý sự kiện trong JavaScript

Tối ưu tốc độ bằng cách sử dụng bộ nhớ trong JavaScript

Dữ liệu

Tính bất biến của dữ liệu trong JavaScript

Sao chép mảng trong JavaScript

Sao chép đối tượng trong JavaScript

Thêm phần tử bất biến vào mảng trong JavaScript

Xóa phần tử mảng bất biến trong JavaScript

Thay đổi bất biến (immutable) các phần tử mảng trong JavaScript

Mảng đối tượng có id trong JavaScript

Tạo ID ngẫu nhiên trong JavaScript

Thêm phần tử với id trong JavaScript

Xóa phần tử theo id trong JavaScript

Thay đổi phần tử theo id trong JavaScript

Thay đổi một thuộc tính theo id trong JavaScript

Lấy phần tử theo id trong JavaScript