Bắt đầu

Mục lụcCopy Anchor Link

• Bạn sẽ đạt được gì
• Lộ trình học
  • Điểm xuất phát và đích đến
  • Năm chặng học
• Cách đi qua nhóm bài này
• Chuẩn bị trước khi bắt đầu
• Bắt đầu ngay

Bạn sẽ đạt được gìCopy Anchor Link

Nhóm Bắt đầu giúp bạn biến một máy tính có trình duyệt thành môi trường làm việc Angular tối thiểu. Kết thúc lộ trình, bạn có thể tạo một dự án, chạy nó ở chế độ phát triển, nhận biết các tệp quan trọng và dùng các công cụ cơ bản để quan sát, giữ mã nguồn nhất quán.

Đây là nền móng thực hành cho các nhóm bài tiếp theo. Mục tiêu không phải học hết mọi lệnh hay mọi cấu hình ngay từ đầu. Bạn cần có một dự án chạy được và hiểu nơi để tìm câu trả lời khi cần thay đổi nó.

Lộ trình họcCopy Anchor Link

Điểm xuất phát và đích đếnCopy Anchor Link

direction: right

n0: "Máy tính mới" {
  width: 130
  height: 58
}

n1: "Môi trường sẵn sàng" {
  width: 176
  height: 58
}

n2: "Biết Angular CLI" {
  width: 152
  height: 58
}

n3: "App đầu tiên\nchạy được" {
  width: 130
  height: 58
}

n0 -> n1
n1 -> n2
n2 -> n3

direction: right

n3: "App đầu tiên\nchạy được" {
  width: 130
  height: 58
}

n4: "Hiểu workspace\nvà công cụ hằng ngày" {
  width: 184
  height: 58
}

n3 -> n4

Mỗi chặng giải quyết một câu hỏi thực tế. Học xong một chặng, hãy thực hiện thao tác tương ứng trên máy của bạn trước khi chuyển tiếp. Ví dụ, sau bài cài đặt môi trường, hãy xác nhận các công cụ cần thiết thực sự hoạt động; đừng chỉ đọc lướt qua.

Năm chặng họcCopy Anchor Link

1. Cài đặt môi trường — Chuẩn bị Node.js, package manager, trình soạn thảo và trình duyệt. Đây là bước đầu tiên vì Angular cần môi trường JavaScript ổn định để cài phụ thuộc và chạy dự án.
2. Angular CLI — Làm quen với Angular CLI, công cụ dòng lệnh dùng để tạo, chạy và quản lý ứng dụng. Hiểu các lệnh cơ bản sẽ giúp bạn lặp lại công việc nhanh và ít sai hơn.
3. Ứng dụng đầu tiên — Tạo một ứng dụng Angular tối giản và chạy nó trên máy cục bộ. Đây là mốc kiểm tra quan trọng: môi trường, CLI và dự án phải phối hợp được với nhau.
4. Cấu trúc workspace — Đọc cấu trúc thư mục và tệp cấu hình mà Angular tạo ra. Khi biết mỗi nơi chịu trách nhiệm gì, bạn sẽ không phải đoán nơi cần sửa khi thêm tính năng.
5. Công cụ phát triển — Thiết lập Angular DevTools, linting, formatting và quy trình làm việc đề xuất. Chặng này giúp việc học các chủ đề sau dễ quan sát và dễ bảo trì hơn.

Cách đi qua nhóm bài nàyCopy Anchor Link

Hãy học theo thứ tự của lộ trình, vì mỗi bài sử dụng kết quả của bài trước. Một vòng học hiệu quả gồm ba việc:

• Đọc để hiểu mục tiêu: xác định bạn cần có gì sau bài học, chẳng hạn một công cụ đã cài hay một ứng dụng đang chạy.
• Làm ngay trên máy: tự gõ lệnh, mở dự án và quan sát kết quả. Việc tự thực hiện giúp bạn phát hiện khác biệt giữa máy của mình và ví dụ.
• Ghi lại vướng mắc: lưu thông báo lỗi, phiên bản công cụ và bước đã làm. Những chi tiết này là dữ kiện cần thiết khi tra cứu hoặc hỏi hỗ trợ.

Nếu một bước chưa chạy được, hãy dừng ở bước đó thay vì bỏ qua. Các bài sau giả định bạn đã có môi trường và ứng dụng hoạt động. Nói ngắn gọn: một bước nhỏ đã kiểm chứng có giá trị hơn nhiều bài chỉ đọc.

Chuẩn bị trước khi bắt đầuCopy Anchor Link

Bạn nên chuẩn bị các điều kiện sau trước khi mở bài đầu tiên:

• Một máy tính có quyền cài phần mềm và kết nối Internet để tải các gói cần thiết.
• Kiến thức JavaScript cơ bản: biến, hàm, import/export và cách chạy lệnh trong terminal.
• Thời gian để thực hành liên tục với một dự án mẫu. Không cần có kinh nghiệm với framework JavaScript khác.

Bắt đầu ngayCopy Anchor Link

Mở bài Cài đặt môi trường và hoàn thành các kiểm tra trong đó. Khi môi trường đã sẵn sàng, tiếp tục theo thứ tự các thẻ dưới đây.