Ư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í

Angular 19 - Beginner to Expert + Interview Q&A + E-commerce

Angular 19 - Từ Cơ Bản Đến Chuyên Gia + Hỏi Đáp Phỏng Vấn + Dự Án Thương Mại Điện Tử

Angular 19 - Từ Cơ Bản Đến Chuyên Gia + Hỏi Đáp Phỏng Vấn + Dự Án Thương Mại Điện Tử

Thành thạo framework Angular, Cập nhật Angular mới nhất, Câu hỏi phỏng vấn, Bài tập thực hành Angular, Dự án thương mại điện tử

4.6
(760 đánh giá)
5,079 học viên
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
24.5 giờ video
369 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026
#Angular #Frontend Development #Typescript #Web Development

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

Học cách xây dựng ứng dụng Angular mạnh mẽ với kiến trúc mới nhất.
Đi sâu vào kiến trúc dựa trên component của Angular và học cách xây dựng ứng dụng web hiệu quả, có khả năng mở rộng.
Tạo trải nghiệm người dùng nhanh, mượt mà và hấp dẫn với các ứng dụng một trang (SPA).
Tận dụng data binding để tạo giao diện người dùng phản hồi và tương tác.
Triển khai các mẫu tương tác component hiệu quả cho ứng dụng module hóa.
Hướng dẫn câu hỏi phỏng vấn cho từng chủ đề
Hàng loạt bài tập thực tế cho từng chủ đề để hiểu rõ cách triển khai

Yêu cầu

Kỹ năng HTML và CSS cơ bản sẽ hữu ích nhưng không bắt buộc.
Thời gian và Cam kết học tập, thực hành.

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

Dành cho lập trình viên muốn khai thác sức mạnh của Angular để xây dựng ứng dụng web phức tạp.
Cá nhân muốn nâng cao chuyên môn về Angular.
Chuyên gia Angular muốn hoàn thiện kỹ năng và luôn dẫn đầu xu hướng.

Nội dung khóa học

23 phần • 369 bài giảng
1 Giới thiệu về Angular v18 (Giới thiệu khóa học)
2 Angular CLI Phiên bản 19
3 Hiểu Cấu trúc Dự án
4 Tính năng của Angular 19
1 Component Đầu tiên với Kiến trúc
2 IQ - Component Đầu tiên với Kiến trúc
3 Hiển thị thông báo động (Interpolation)
4 IQ - Interpolation
5 Bài tập - Hiển thị tổng của hai giá trị
6 Property binding
7 IQ - Property Binding
8 Bài tập - Property binding với thẻ image
9 Event binding với sự kiện click
10 IQ - Event Binding
11 Bài tập - Tạo Ví dụ Counter
12 Binding các sự kiện liên quan đến chuột khác
13 Binding sự kiện bàn phím
14 Đối tượng $event
15 IQ - Đối tượng $event
16 Bài tập - Kiểm tra trạng thái phím Shift
17 Bài tập - Keydown để tăng/giảm counter
18 Two way binding (ngModel)
19 IQ - Two way binding (ngModel)
20 Bài tập (Two-way Binding) - Lấy giá trị trường nhập liệu khi click nút
21 Bài tập - Tính toán Giỏ hàng Đơn giản - Two way binding
1 Giới thiệu về Directives
2 Structural Directives (*ngIf)
3 IQ - Directive *ngIf
4 Bài tập - Triển khai chức năng hiển thị & ẩn với *ngIf
5 Control Flow Statements (@if & @else)
6 Structural Directives (*ngFor)
7 IQ - Directive *ngFor
8 Control Flow Statements @for loop
9 Structural Directives (*ngSwitch)
10 IQ - Directive *ngSwitch
11 Control Flow Statements (@switch)
12 Bài tập Triển khai chức năng xác thực tuổi
13 Attribute Directives [ngClass]
14 Bài tập - Chức năng chuyển đổi (toggle) sử dụng ngClass
15 Attribute Directives [ngStyle]
16 Bài tập [ngStyle] - Thay đổi màu sắc của trường nhập liệu
17 Nhóm các phần tử với ng-container
18 HTML templates với ng-template
19 IQ - ng-template Vs. ng-container
20 Bài tập - Hiển thị thông báo nếu input trống (ng-container & ng-template)
21 Render templates với ngTemplateOutlet - Phần 1
22 Render templates với ngTemplateOutlet - Phần 2
23 IQ - Directive ngTemplateOutlet
24 Bài tập - Xây dựng Portfolio (Giai đoạn 1) - Định nghĩa Template
25 Bài tập - Xây dựng Portfolio (Giai đoạn 2) - CSS
26 Bài tập - Xây dựng Portfolio (Giai đoạn 3) - Binding
1 Giới thiệu
2 Component Creation Hook - ngOnChanges()
3 IQ - ngOnChanges()
4 Hiểu về Đối tượng SimpleChanges
5 IQ - Đối tượng SimpleChanges
6 Component Creation Hook - ngOnInIt()
7 IQ - ngOnInit()
8 Phát hiện Thay đổi Tùy chỉnh Với hook ngDoCheck()
9 IQ - ngDoCheck()
10 Hiểu về hook ngAfterContentInit()
11 IQ - ngAfterContentInit()
12 Kiểm tra Nội dung Với hook ngAfterContentChecked()
13 Tải Nội dung Với hook ngAfterViewInit()
14 IQ - ngAfterViewInit()
15 Kiểm tra View của Component Với hook ngAfterViewChecked()
16 Hủy Component Với hook ngDestroy()
1 Giới thiệu về Decorators
2 Class Decorators @NgModule
3 Class Decorators - @Component Decorator
4 Property Decorators - @Input() decorator
5 IQ - @Input() decorator
6 Bài tập - @Input() Decorator
7 Property Decorators - @Output decorator
8 IQ - @Output decorator
9 Bài tập - Sử dụng @Input và @Output Cùng nhau
10 Property Decorators - Truy cập Child Components Với @ViewChild
11 IQ - @ViewChild decorator
12 Property Decorators - Truy cập Nội dung Được Project Với @ContentChild
13 IQ - @ContentChild() Decorator
14 Property Decorators - Binding Properties Với @HostBinding
15 Method Decorators - Binding Methods To Events Với @HostListener
16 Bài tập - Triển khai Color Picker
17 Parameter Decorators
1 Giới thiệu về Pipes
2 Bài tập - Triển khai các built-in pipes
3 Hiểu về Slice Pipe
4 Bài tập - Điều hướng trang sử dụng slice pipe (Phần-1)
5 Bài tập - Điều hướng trang sử dụng slice pipe (Phần-2)
6 Hiểu về Number pipe
7 Bài tập - Bộ chuyển đổi Pound sang Kg Sử dụng Number Pipe
8 Hiểu về JSON Pipe
9 Hiển thị Dữ liệu Bảng Thành chuỗi JSON
1 Tạo Custom Pipes
2 IQ - Custom Pipes
3 Bài tập - Tạo Custom Pipe Để Sắp xếp Số
4 Bài tập - Tạo Custom Pipe Để Đếm Chữ cái
5 Pure Vs Impure Pipe
6 Sử dụng Impure Pipes
1 Giới thiệu về Routing
2 Tạo một route đơn giản -
3 IQ -
4 Tạo Navigation Link Với Directive “routerLink”
5 IQ - routerLink Directive
6 Tạo NavBar Sử dụng Routes
7 Truyền Route Parameters (Dynamic Routing)
8 IQ - Dynamic Routing
9 Wildcard Routes - Hiển thị Trang ‘404’
10 IQ - Wildcard Routes
11 Hiểu về Nested Routes
12 IQ - Nested Routes
13 Bài tập - Tạo menu đa cấp
14 Redirecting Routes
15 IQ - Redirecting Routes
16 Hiểu về ActivatedRoute
17 IQ - ActivatedRoute
18 Query Parameters Trong Routing
19 IQ - Query Parameters Trong Routing
20 Navigating Routes
21 IQ - navigate() method
22 Bài tập - Hiển thị Chi tiết Khóa học Và Lấy Query Parameters
1 Giới thiệu về Services
2 IQ - Giới thiệu về Services
3 Dependency Injection
4 IQ - Dependency Injection
5 Providing Services
6 IQ - Providing Services
7 Injecting services sử dụng inject()
8 IQ - inject() function
1 Injecting Tokens
2 IQ - Injecting tokens
3 Injecting String Tokens
4 IQ - Injecting String Tokens
5 Injection Token Object
6 IQ - Injection Token Object
7 IQ - InjectionToken as Value
8 Providing Value With useValue
9 IQ - Providing Value With useValue
10 Bài tập - Cung cấp Một Giá trị Hằng số Như Dependency
11 Alias Provider - useExisting Property
12 IQ - useExisting Property
13 Factory Provider - useFactory Property
14 IQ - useFactory Property
15 Providing dependencies sử dụng property “deps” với useFactory
16 IQ - Providing dependencies sử dụng property “deps” với useFactory
17 useFactory Vs useValue
1 Giới thiệu về Angular Forms
2 Bắt đầu với Template-Driven Forms: ngForm directive
3 IQ - ngForm directive
4 Bài tập - Tạo Form Submit Và Reset Đơn giản
5 Template Driven Form
6 IQ - Template Driven Form
1 Hiểu về ReactiveFormsModule
2 IQ - ReactiveFormsModule
3 Hiểu về FormControl
4 IQ - FormControl
5 Hiểu về FormGroup
6 IQ - Hiểu về FormGroup
7 Dynamic Forms Với FormArray
8 IQ - Dynamic Forms Với FormArray
9 Hiểu về FormBuilder
10 IQ - FormBuilder
11 Validating Form Controls
12 IQ - Validating Form Controls
13 Bài tập - Tạo Multi Step Reactive Form Với Bootstrap (Phần 1)
14 Bài tập - Tạo Multi Step Reactive Form Với Bootstrap (Phần 2)
15 Bài tập - Tạo Multi Step Reactive Form Với Bootstrap (Phần 3)
16 Tracking Form Control States
17 IQ - Tracking Form Control States
18 Bài tập - Multiple Validations Trên Trường Mật khẩu
1 Tạo Custom Validators
2 IQ - Tạo Custom Validators
3 Bài tập - Custom URL Validator
1 Bảo Vệ Route Với Route Guards
2 IQ - Route Guards
3 CanDeactivate Route Guard
4 IQ - CanDeactivate Route Guard
5 CanActivateChild Route Guard
6 IQ - CanActivateChild Route Guard
7 Bài Tập - Xác Thực Đăng Nhập
8 CanMatch Guard
9 IQ - CanMatch Guard
1 Giới Thiệu Về Lazy Loading
2 Lazy Loading Các Component
3 Preloading Các Component
4 IQ - Preloading Các Component
5 Chiến Lược Preloading (NoPreloading)
6 IQ - Chiến Lược NoPreloading
7 Chiến Lược Preloading (Custom Preloading)
8 IQ - Chiến Lược Custom Preloading
9 Bài Tập - Preloading Dựa Trên Vai Trò Người Dùng
10 IQ - Preloading So Với Lazy Loading
11 Deferred Loading
12 @defer với @placeholder
13 @defer với @loading
14 @defer với @error
15 Làm Việc Với Triggers (on idle)
16 Làm Việc Với Triggers (on viewport)
17 Làm Việc Với Triggers (on interaction)
18 Làm Việc Với Triggers (on hover)
19 Làm Việc Với Triggers (on immediate)
20 Làm Việc Với Triggers (on timer)
21 Prefetching Các Khối @defer
22 Định Nghĩa Triggers Tùy Chỉnh
1 Hiểu Về Observables & RxJS
2 IQ - Observables & RxJS
3 Quản Lý Observables & Subscribers
4 IQ - Quản Lý Observables & Subscribers
5 Hủy Đăng Ký Một Observable
6 IQ - Hủy Đăng Ký Một Observable
7 Hiểu Về Async Pipe
8 IQ - Hiểu Về Async Pipe
9 Bài Tập - Lấy Dữ Liệu JSON Với Async Pipe
10 Hot Observable So Với Cold Observable
1 Toán Tử RxJS { of }
2 IQ - Toán Tử RxJS { of }
3 Toán Tử RxJS { from }
4 IQ - Toán Tử RxJS { from }
5 Toán Tử RxJS { interval }
6 Toán Tử RxJS { timer }
7 Bài Tập - Triển Khai Loading Spinner
8 Toán Tử RxJS { EMPTY }
9 IQ - Toán Tử RxJS { EMPTY }
10 Các Toán Tử Pipeable Trong RxJS
11 IQ - Các Toán Tử Pipeable Trong RxJS
12 Toán Tử RxJS { filter }
13 Toán Tử RxJS { map }
14 IQ - Toán Tử RxJS { map }
15 Toán Tử RxJS { mergeMap }
16 IQ - Toán Tử RxJS { mergeMap }
17 Bài Tập - Hiển Thị Sản Phẩm Liên Quan Đến Người Dùng
18 Toán Tử RxJS { concatMap }
19 IQ - Toán Tử concatMap()
20 Toán Tử RxJS { switchMap }
21 IQ - Toán Tử RxJS { switchMap }
1 Thực Hiện HTTP Calls Với HttpClient
2 Thực Hiện HTTP Calls Với Observable
3 Triển Khai HTTP POST Request
4 Sửa Đổi Dữ Liệu Với PUT Request
5 Xóa Dữ Liệu Với DELETE Request
6 Bài Tập - Ứng Dụng CRUD - Hiển Thị Sản Phẩm Với GET Request (Phần 1)
7 Bài Tập - Ứng Dụng CRUD - Thêm Sản Phẩm Với POST Request (Phần 2)
8 Bài Tập - Ứng Dụng CRUD - Lấy Dữ Liệu Sản Phẩm Trước Khi Cập Nhật (Phần 3)
9 Bài Tập - Ứng Dụng CRUD - Cập Nhật Sản Phẩm Với PUT Request (Phần 4)
10 Bài Tập - Ứng Dụng CRUD - Xóa Sản Phẩm Với DELETE Request (Phần 5)
1 Giới Thiệu Về Signals
2 Tạo Signal
3 IQ - Tạo Signal
4 Cập Nhật Giá Trị Signal
5 IQ - Phương Thức update()
6 Bài Tập - Danh Sách Việc Cần Làm
7 Computed Signals
8 IQ - Computed Signals
9 Hiểu Về Hàm effect()
10 Dọn Dẹp effect()
11 Untracking Signals
12 Bài Tập - Cập Nhật Giỏ Hàng Sử Dụng Signals
13 Linked Signals
14 Chuyển Đổi Observable Thành Signal
15 Bài Tập - Lọc Sản Phẩm Dựa Trên Đầu Vào Người Dùng Với linkedSignal() - Phần 1
16 Bài Tập - Lọc Sản Phẩm Dựa Trên Đầu Vào Người Dùng Với linkedSignal() - Phần 2
17 Bài Tập - Lọc Sản Phẩm Dựa Trên Đầu Vào Người Dùng Với linkedSignal() - Phần 3
1 Giới Thiệu - CSR, SSR & SSG
2 Hiểu Về Giai Đoạn Triển Khai Ban Đầu
3 Thảo Luận Về CSR và SPA
4 Triển Khai SPA
5 Từ Client-Side Sang Server-Side - Di Chuyển Sang SSR
6 Phục Vụ Ứng Dụng SSR
7 Tối Ưu Hóa Mã Cho Server-Side Rendering (SSR)
8 Hiểu Về Static Site Generation (SSG)
9 Triển Khai SSG
10 Hiểu Về Hybrid Rendering
1 Giới Thiệu Về Change Detection
2 Lỗi Biểu Thức Khi Phát Hiện Thay Đổi
3 Tối Ưu Hóa Mã Cho Change Detection
4 IQ - Tối Ưu Hóa Mã Cho Change Detection
5 Change Detection Với Chiến Lược OnPush
6 Change Detection Với Inputs
7 OnPush + Signals: Hiểu Về Chia Sẻ Dữ Liệu Giữa Các Component
8 OnPush + Signals: Vấn Đề Với Chia Sẻ Dữ Liệu Xuyên Component
9 Change Detection Thủ Công - RxJS Subjects
10 Sử Dụng Async Pipe Với BehaviorSubject
11 Triển Khai Zoneless Change Detection
1 Giới Thiệu & Định Nghĩa
2 Thiết Lập Môi Trường
3 Cài Đặt & Cấu Hình Tailwind CSS
4 Tạo Component Header
5 Thêm Thanh Tìm Kiếm
6 Dropdown Danh Mục Trong Thanh Tìm Kiếm
7 Thêm Link Đăng Nhập, Icon Wishlist & Giỏ Hàng
8 Thêm Thanh Điều Hướng Danh Mục
9 Tạo Component Home
10 Tổ Chức Lại Component Header & Thanh Điều Hướng Danh Mục
11 Tạo Trang Lỗi 404
12 Tạo Component Điều Hướng Bên - Phần 1
13 Tạo Component Điều Hướng Bên - Phần 2
14 Lấy Dữ Liệu Vào Component Điều Hướng Bên
15 Tạo Component Products
16 Tạo Kiểu Cho Thẻ Sản Phẩm
17 Lấy Dữ Liệu Vào Component Products
18 Thêm Đánh Giá Cho Mỗi Sản Phẩm
19 Tạo Cơ Sở Dữ Liệu Với MySQL
20 Tạo Node Server
21 Cấu Hình API Route
22 Cấu Hình nodemon Với eStore Server
23 Kết Nối Đến Cơ Sở Dữ Liệu MySQL
24 Lấy Dữ Liệu Với SQL Query
25 Loại Bỏ Lời Gọi getConnection()
26 Tạo Routes Với Express
27 Cấu Hình Routes Với “express.Router()"
28 Lấy Danh Mục Từ Server
29 Lấy Danh Mục Trong Thanh Điều Hướng Danh Mục
30 Giới Thiệu Quản Lý Trạng Thái
31 Kết Nối Store Với Giao Diện Người Dùng
32 Điền Danh Mục Tìm Kiếm Trong Header
33 Định Nghĩa Routes Để Lấy Sản Phẩm
34 Lấy Sản Phẩm Ở Phía Client-Side
35 Lọc Danh Mục Ở Phía Server-Side
36 Thêm Products Store
37 Bộ Lọc Sản Phẩm Trên Thanh Điều Hướng Bên
38 Bộ Lọc Sản Phẩm Trên Thanh Điều Hướng Danh Mục
39 Thêm Từ Khóa Vào Cơ Sở Dữ Liệu
40 Tìm Sản Phẩm Sử Dụng Hộp Tìm Kiếm
41 Hiển Thị Thông Báo "Không Tìm Thấy Sản Phẩm"
42 Lazy Loading Home & Products
43 Deferred Loading Hình Ảnh Sản Phẩm
44 Tạo Component Chi Tiết Sản Phẩm
45 Làm Cho Giao Diện Động Khi Thay Đổi Route – Trang Chi Tiết Sản Phẩm
46 Hiển Thị Chi Tiết Sản Phẩm Động
47 Triển Khai Giỏ Hàng Mua Sắm - Phần 1
48 Triển Khai Giỏ Hàng Mua Sắm - Phần 2
49 Triển Khai Giỏ Hàng Mua Sắm - Phần 3
50 Tạo Component Giỏ Hàng
51 Hiển Thị Sản Phẩm Trong Giỏ Hàng
52 Triển Khai Cập Nhật Số Lượng Và Xóa Sản Phẩm - Phần 1
53 Triển Khai Cập Nhật Số Lượng & Xóa Sản Phẩm - Phần 2
54 Tóm Tắt Giỏ Hàng & Lưu Trữ Session
55 Tạo API Đăng Ký Người Dùng
56 Bắt Đầu Với Form Đăng Ký Người Dùng
57 Tạo Form Đăng Ký Người Dùng
58 Thêm Validation Trong Form Đăng Ký Người Dùng
59 Triển Khai Validation Mật Khẩu Giống Nhau
60 Kết Nối Form Đăng Ký Với API - Phần 1
61 Kết Nối Form Đăng Ký Với API - Phần 2
62 Tạo API Đăng Nhập Người Dùng
63 Bắt Đầu Với Form Đăng Nhập Người Dùng
64 Kết Nối Form Đăng Nhập Với API
65 Xây Dựng Menu Người Dùng Phản Ứng Sau Khi Đăng Nhập
66 Tạo Tùy Chọn Đăng Xuất Người Dùng
67 Thêm Chức Năng Đăng Xuất
68 Hiển Thị Địa Chỉ Giao Hàng Trong Màn Hình Thanh Toán
69 API Để Lưu Đơn Hàng Đã Xác Thực - Phần 1
70 API Để Lưu Đơn Hàng Đã Xác Thực - Phần 2
71 API Để Lưu Đơn Hàng Đã Xác Thực - Phần 3
72 Tạo order service
73 Lưu Đơn Hàng Từ Giỏ Hàng
74 API Để Lấy Danh Sách Đơn Hàng
75 Tạo Component Đơn Hàng Trước Đây
76 Hiển Thị Các Sản Phẩm Đã Đặt Hàng Trước Đây
77 Kết Nối Order Service Với Component Đơn Hàng Trước Đây
78 Triển Khai AuthGuard
1 Giới Thiệu Về Cổng Thanh Toán Stripe
2 Tạo Tài Khoản Stripe
3 Cấu hình Stripe với Node.js
4 Cấu hình Stripe với Angular - Thiết lập Môi trường
5 Tạo Dịch vụ Stripe
6 Cấu hình Stripe trong Giỏ hàng
7 Lưu Đơn hàng khi Thanh toán Thành công
8 Lưu trữ & Hiển thị Chi tiết Đơn hàng Trước đó

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

Master the Art of Web Development with Angular 19

Ready to take your web development skills to the next level? Our comprehensive Angular 18 course is designed to equip you with the knowledge and practical experience you need to build cutting-edge web applications. This course is designed for freshers as well as experienced developers to guide step by step.

Why Choose Our Angular 19 Course?

  • In-Depth Learning: Dive deep into the core concepts of Angular, including components, directives, data binding, and dependency injection.

  • Real-World Projects: Apply your knowledge to practical projects and build real-world applications.

  • Expert Guidance: Learn from experienced instructors who will guide you through every step of the learning process.

  • Stay Up-to-Date: Keep pace with the latest Angular trends and best practices.

  • Flexible Learning: Learn at your own pace, anytime, anywhere.

  • Ecommerce App: Learn to build a comprehensive e-commerce application

What You'll Learn:

  • Angular Fundamentals: Master the building blocks of Angular applications.

  • Advanced Features: Explore powerful features like routing, forms, HTTP requests, and reactive programming with RxJS.

  • Best Practices: Learn to write clean, efficient, and maintainable Angular code.

  • Deployment Strategies: Deploy your Angular apps to production environments.

Technologies Covered:

  • Angular 19

  • HTML5

  • CSS3

  • Bootstrap

  • TypeScript

  • Node.js

  • MySQL

  • Git

  • Angular CLI

  • Visual Studio Code

Enroll Now and Start Your Journey to Becoming an Angular 19 Expert!

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 Typescript
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 😊