Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Complete Angular Course 2025 - Master Angular in only 6 days

Khóa Học Angular Toàn Diện 2025 - Thành Thạo Angular Chỉ Trong 6 Ngày

Khóa Học Angular Toàn Diện 2025 - Thành Thạo Angular Chỉ Trong 6 Ngày

Phát triển ứng dụng Angular toàn diện và phản ứng, bao gồm NgRx, Kiểm Thử Đơn Vị, Signals và Angular Material.

4.5
(7,928 đánh giá)
39,540 học viên
Giảng viên
Denis Panjuta
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
9.5 giờ video
147 bài giảng
9 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026
#Angular #Frontend Development #Javascript #Web Development

Bạn sẽ học được gì

Học Angular chuyên sâu trong thời gian ngắn
Xây dựng ứng dụng web toàn diện như một cửa hàng thương mại điện tử
Sử dụng Components, Services và Modules của Angular để tạo ra cơ sở mã dễ bảo trì
Sử dụng NgRx để xây dựng ứng dụng web phản ứng với quản lý trạng thái
Viết Kiểm Thử Đơn Vị bằng Karma và Jasmine để kiểm tra ứng dụng Angular của bạn
Học cách giao tiếp với máy chủ web để đăng, lấy hoặc xóa dữ liệu
Thiết lập môi trường mô phỏng thực tế
Sử dụng các tính năng mới nhất như Angular signals và effects

Yêu cầu

Hiểu biết cơ bản về lập trình với bất kỳ ngôn ngữ lập trình nào

Đối tượng phù hợp

Bất kỳ ai muốn học Angular một cách nhanh chóng nhưng toàn diện
Chuyên gia bận rộn muốn mở rộng kỹ năng lập trình nhưng bị hạn chế về thời gian
Lập trình viên mới bắt đầu muốn học một trong những framework phát triển web phổ biến nhất

Nội dung khóa học

8 phần • 146 bài giảng
1 Xác định mục tiêu Angular của bạn
2 Chủ đề Ngày 1
3 Các khối xây dựng cơ bản của Angular
4 Bạn sẽ xây dựng gì
5 Mã Nguồn: Ứng dụng Đặt lịch hẹn
6 Xây dựng ứng dụng Angular trong trình duyệt web
7 Cài đặt Node.js và Visual Studio Code
8 Quan trọng: Cập nhật - Đọc phần này TRƯỚC KHI tạo dự án Angular
9 Cài đặt Angular CLI
10 Cờ tạo dự án Angular 17
11 Tạo và chạy một ứng dụng angular
12 Bên trong Angular hoạt động như thế nào
13 Components
14 Tạo component appointment-list
15 Giới thiệu về typescript
16 Ràng buộc dữ liệu một chiều với thuộc tính appointment
17 Tạo một interface cho appointment
18 Tiện ích mở rộng Angular cho Visual Studio Code
19 Thêm ràng buộc dữ liệu hai chiều
20 Thêm trình lắng nghe sự kiện click cho nút
21 Thêm một appointment vào mảng
22 Thêm danh sách appointment bằng ngFor
23 Xóa appointments
24 Lưu trữ appointments trong local storage
25 Sử dụng ngOnInit để tải appointments từ local storage
26 Thêm bootstrap
27 Tạo kiểu cho ứng dụng
28 Các lệnh được sử dụng phổ biến nhất trong Angular
29 Tài liệu tham khảo về Components
30 Báo cáo Tiến độ Ngày 1
1 Chủ đề Ngày 2
2 Ứng dụng đặt phòng khách sạn
3 Mã Nguồn: Ứng dụng Khách sạn
4 Tạo dự án ứng dụng khách sạn
5 Kiến trúc dự án ứng dụng khách sạn
6 Tạo tất cả modules, services và components
7 Tạo interface cho reservation
8 Tạo routes
9 Xây dựng điều hướng đơn giản
10 Tạo một form group
11 Tạo form đặt phòng
12 Xác thực form bằng reactive form validation
13 Bật/tắt thuộc tính html động dựa trên trạng thái form
14 Hiển thị thông báo xác thực
15 Tạo reservation service
16 Tiêm reservation service vào form component
17 Sử dụng localStorage trong reservation service
18 Hiển thị tất cả đặt phòng trong một danh sách
19 ngtemplate và local reference
20 Sử dụng phương thức router navigate để chuyển hướng người dùng
21 Xóa đặt phòng
22 Tạo id duy nhất cho các đặt phòng
23 Thêm route chỉnh sửa với tham số
24 Chỉnh sửa đặt phòng
25 Kết hợp components từ các modules khác nhau
26 Tạo kiểu cho home component
27 Tạo kiểu cho reservation form component
28 Tạo kiểu cho reservation list component bằng bảng
29 Tài liệu tham khảo về Modules
30 Báo cáo Tiến độ Ngày 2
1 Chủ đề Ngày 3
2 Kiến trúc web hiện đại
3 Bạn sẽ tạo gì trong phần này
4 Sử dụng Mockoon làm mock backend api
5 Chuẩn bị dự án cho mock backend api
6 Gọi mock api bằng http client và observables
7 Trả về reservations từ mock api
8 Thiết lập tất cả các endpoints cho mock api
9 Hoàn tất tất cả thao tác CRUD với cài đặt observable
10 Tài liệu tham khảo về Observables
11 Báo cáo Tiến độ Ngày 3
1 Chủ đề Ngày 4
2 Tổng quan dự án
3 Quan trọng: Tài liệu Dự án
4 Chuyển sang phiên bản angular mới
5 Tạo product module, service và component
6 Tạo product class và làm sạch template
7 Thiết lập product route
8 Thiết lập mockoon api
9 Tạo environments
10 Lấy sản phẩm từ product service của chúng ta
11 Product list hiển thị sản phẩm
12 Chạy cho các environments
13 Cài đặt angular material và khám phá cards
14 Tạo mat-cards cho sản phẩm
15 Áp dụng kiểu angular material và hình ảnh sản phẩm
16 Lưới sản phẩm đáp ứng
17 Thêm hiệu ứng hover thu hút
18 Thêm lớp css container
19 Thêm navbar
20 Thêm mô tả
21 Tạo cart module, component và service
22 Thiết lập các phương thức cho cart service
23 Lấy tất cả các mục trong giỏ hàng
24 Sử dụng mat-list cho các mục trong giỏ hàng
25 Tính tổng giá trị giỏ hàng
26 Thêm nút xóa giỏ hàng và thanh toán
27 Bài tập: Thêm logic thanh toán
28 Thêm sản phẩm vào giỏ hàng và popup
29 Thêm chức năng tìm kiếm Phần 1
30 Thêm chức năng tìm kiếm Phần 2
31 Thêm chức năng sắp xếp
32 Báo cáo Tiến độ Ngày 4
1 Chủ đề Ngày 5
2 Vấn đề mà NgRx có thể giải quyết
3 Giải thích về NgRx
4 Gợi ý cập nhật Angular 17
5 Tạo một dự án cho ứng dụng phản ứng của chúng ta
6 Tạo application state
7 Tạo actions để thêm và xóa sách
8 Tạo book reducer phần 1: Tạo một reducer
9 Tạo book reducer phần 2: Các hàm thay đổi
10 Tạo store
11 Tạo một component và các phương thức để dispatch actions của chúng ta
12 Tải sách từ store
13 Sử dụng AppState interface cho an toàn kiểu dữ liệu
14 Tạo giao diện người dùng để xem ứng dụng phản ứng hoạt động
15 Tóm tắt về NgRx effects
16 Tạo actions thành công và thất bại
17 Điều chỉnh reducer cho effects
18 Tạo service cho effect
19 Tạo effect phần 1
20 Tạo effect phần 2
21 Đăng ký effect và sử dụng Angular Dev Tools để kiểm tra ứng dụng
22 Báo cáo Tiến độ Ngày 5
1 Chủ đề Ngày 6
2 Kiểm Thử Đơn Vị trong Angular
3 Tạo bài kiểm thử đơn vị đầu tiên của chúng ta
4 Chạy kiểm thử đơn vị bằng Karma
5 Tạo một service để kiểm thử
6 Kiểm thử đơn vị service
7 Tạo một component để kiểm thử
8 Component fixture cho kiểm thử đơn vị
9 Xử lý các phụ thuộc cho kiểm thử component
10 Kiểm thử thuộc tính component được tải từ ngOnInit
11 Kiểm thử chức năng giao diện người dùng của component
12 Báo cáo Tiến độ Ngày 6
1 Angular Signals là gì
2 Tạo một Angular Signal
3 Đặt giá trị của một signal
4 Tạo một effect cho signal
5 Computed signals
6 Trường hợp sử dụng Signal
7 Signal Inputs
1 Tải xuống Bảng Bài tập
2 Tiếp tục

Giới thiệu khóa học

Summing up, this course allows you to learn Angular in depth, from scratch, and in only 6 days. It's the best Angular course choice for every busy developer or individual in general.


Enroll in this course now and learn how to:

  • Create comprehensive front-end applications using Angular

  • Use Angular components, modules, and services to create maintainable applications

  • Use the most important features of the Angular framework to build real-world applications

  • Communicate with web servers for posting, getting, or deleting data from within your angular application

  • Use the latest features like Angular Signals and Effects


What's inside this course:

  • Setting up Development Environment for Angular projects

  • Typescript Overview

  • Angular CLI

  • Components

  • Modules

  • Services (Injection and provider scopes)

  • Validation

  • Data Binding

  • Adding Packages

  • Routing

  • Template Driven Form Binding (NgModel)

  • Pipes

  • Angular Material

  • Building web apps with user experience (ux) in mind


In addition, you will easily apply and understand more advanced concepts like:

  • NgRx for building reactive web applications

  • State management using actions, reducers, store, effects, and selectors

  • Reactive extensions like observables for asynchronous tasks

  • Unit Testing using Karma and Jasmine

  • HTTP RESTful API communication

  • Setting up Mock servers using Mockoon

  • Global Error Handling

  • Directives

  • Sending Data to Child Components (Input binding)

  • Sending Data to Parent Components (output binding)

  • Smart vs Presentational Components

  • Component and Directive Selectors

  • Angular Signals

  • Angular Effects


30 Day Full Money Back Guarantee

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you feel like this course is not for you, ask for a full refund within 30 days. All your money back, no questions asked.


Enroll now, take the fast lane, and master Angular in only 6 days.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Angular
Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊