Hiểu về các công cụ phát triển web phía máy khách

Công cụ phía máy khách có thể gây choáng ngợp, nhưng loạt bài viết này nhằm minh họa mục đích của một số loại công cụ phía máy khách phổ biến nhất, giải thích những công cụ bạn có thể kết nối cùng nhau, cách cài đặt chúng bằng trình quản lý gói và điều khiển chúng bằng dòng lệnh. Chúng ta kết thúc bằng cách cung cấp một ví dụ chuỗi công cụ hoàn chỉnh cho thấy cách bạn có thể làm việc hiệu quả.

Điều kiện tiên quyết

Trước khi bắt đầu mô-đun này, bạn nên đã học các kiến thức cơ bản về HTML, CSS, và JavaScript. Bạn cũng nên quen thuộc với việc sử dụng dòng lệnh/terminal.

Hướng dẫn

Tổng quan về công cụ phía máy khách

Trong bài viết này, chúng ta cung cấp tổng quan về công cụ web hiện đại, các loại công cụ nào có sẵn và bạn sẽ gặp chúng ở đâu trong vòng đời phát triển ứng dụng web, và cách tìm trợ giúp với các công cụ riêng lẻ.

Kiến thức cơ bản về quản lý gói

Trong bài viết này, chúng ta sẽ xem xét các trình quản lý gói chi tiết hơn để hiểu cách chúng ta có thể sử dụng chúng trong các dự án của mình — để cài đặt các phụ thuộc công cụ dự án, cập nhật chúng, và nhiều hơn nữa.

Giới thiệu chuỗi công cụ hoàn chỉnh

Trong một vài bài viết cuối của loạt bài, chúng ta sẽ củng cố kiến thức về công cụ của bạn bằng cách hướng dẫn bạn qua quá trình xây dựng chuỗi công cụ nghiên cứu trường hợp mẫu. Chúng ta sẽ đi từ việc thiết lập môi trường phát triển hợp lý và đưa các công cụ chuyển đổi vào chỗ thực sự triển khai ứng dụng của bạn. Trong bài viết này, chúng ta sẽ giới thiệu nghiên cứu trường hợp, thiết lập môi trường phát triển và thiết lập các công cụ chuyển đổi mã.

Triển khai ứng dụng của chúng ta

Trong bài viết cuối cùng trong loạt bài, chúng ta lấy chuỗi công cụ mẫu mà chúng ta đã xây dựng trong bài viết trước và thêm vào đó để chúng ta có thể triển khai ứng dụng mẫu. Chúng ta đẩy mã lên GitHub và triển khai lên GitHub pages, và thậm chí cho bạn thấy cách thêm một bài kiểm tra đơn giản vào quá trình.