Cơ Bản
Modules trong JavaScript (import/export)
Modules (mô-đun) trong JavaScript là một cách để chia nhỏ code thành các tệp riêng biệt, giúp dễ bảo trì và tái sử dụng. Trước khi ES6 xuất hiện, JavaScript không hỗ trợ mô-đun một cách tự nhiên, và các lập trình viên phải sử dụng các thư viện như CommonJS hoặc RequireJS. Từ ES6, JavaScript hỗ trợ import/export, giúp chúng ta dễ dàng quản lý code mà không cần thư viện bên ngoài.
Spread và Rest Operator (…) trong JavaScript
Trong ES6, Spread Operator (...) và Rest Parameter (...) là hai tính năng quan trọng giúp làm việc với mảng, đối tượng và hàm dễ dàng hơn.
Template Literals (Chuỗi Mẫu) trong JavaScript
Trong JavaScript, Template Literals (Chuỗi mẫu) là một cách mới để làm việc với chuỗi, giúp viết code dễ đọc và dễ quản lý hơn. Chúng được sử dụng với dấu backtick ( ) thay vì dấu nháy đơn (') hoặc nháy kép (").
Destructuring trong JavaScript
Trong JavaScript, Destructuring là một cú pháp giúp trích xuất giá trị từ mảng hoặc đối tượng một cách nhanh chóng và gọn gàng. Thay vì truy cập từng phần tử bằng cách thông thường, ta có thể dùng destructuring để lấy dữ liệu dễ dàng hơn.
Thực hành – Gọi API và Hiển thị Dữ liệu
Trong bài học này, chúng ta sẽ xây dựng một ứng dụng nhỏ để: Gọi API danh sách người dùng từ JSONPlaceholder. Hiển thị danh sách người dùng trên giao diện web. Xử lý lỗi khi API không phản hồi hoặc không có dữ liệu.
Xử lý lỗi khi fetch() API với try...catch
Khi gọi API bằng fetch(), có thể xảy ra lỗi như: API không phản hồi hoặc server bị lỗi. Request thất bại do lỗi mạng. Response từ server có mã lỗi như 404 (Not Found) hoặc 500 (Internal Server Error). Trong bài học này, chúng ta sẽ tìm hiểu cách xử lý lỗi khi gọi API bằng try...catch, kiểm tra trạng thái phản hồi (response.ok, response.status) và viết mã để xử lý lỗi một cách hợp lý.
Sử dụng fetch() để gọi API
Trong JavaScript, fetch() là phương thức giúp gửi yêu cầu HTTP đến server và lấy dữ liệu trả về. Đây là một trong những cách phổ biến nhất để giao tiếp với API. Trong bài học này, chúng ta sẽ tìm hiểu cách sử dụng fetch() để gọi API, xử lý phản hồi bằng .json() và hiển thị dữ liệu trên giao diện.
HTTP Request và JSON là gì?
Trong lập trình web, việc giao tiếp giữa trình duyệt (client) và máy chủ (server) là rất quan trọng. JavaScript cung cấp các công cụ giúp gửi yêu cầu (request) đến server và nhận phản hồi (response). Một trong những định dạng dữ liệu phổ biến được sử dụng trong quá trình này là JSON (JavaScript Object Notation).
Async/Await – Viết Code Bất Đồng Bộ Dễ Hiểu Hơn
Trong JavaScript, khi làm việc với bất đồng bộ, chúng ta thường sử dụng Promise. Tuy nhiên, viết code bằng .then() và .catch() có thể khiến code khó đọc và rối rắm, đặc biệt khi có nhiều thao tác nối tiếp nhau (Promise chaining).
Promises và cách hoạt động của Promise
JavaScript là ngôn ngữ bất đồng bộ (asynchronous), có nghĩa là nó không chờ một tác vụ hoàn thành trước khi thực hiện tác vụ tiếp theo.
Chào, tôi là Vũ. Đây là blog hướng dẫn lập trình của tôi.
Liên hệ công việc qua email dưới đây.
lhvuctu@gmail.com