Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

30 Days of Angular: Build 30 Projects with Angular

30 Ngày Angular: Xây dựng 30 dự án với Angular

30 Ngày Angular: Xây dựng 30 dự án với Angular

Thành thạo Angular thông qua xây dựng ứng dụng web tương tác

4.4
(277 đánh giá)
27,758 học viên
Giảng viên
Andrew Tyranowski
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 399.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
27.5 giờ video
226 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 31/05/2026

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

Nắm vững các khái niệm cốt lõi của Angular - Hiểu và áp dụng các tính năng thiết yếu của Angular bao gồm components, directives, services, routing, forms và pipes.
Làm việc với API và dữ liệu bất đồng bộ - Sử dụng HTTPClient và RxJS để quản lý API, dữ liệu bất đồng bộ và cập nhật thời gian thực một cách hiệu quả.
Xây dựng 30 dự án thực tế - Tạo nhiều ứng dụng web chức năng đa dạng, mô phỏng các tình huống phát triển và nhu cầu người dùng thực tế.
Phát triển Portfolio chuyên nghiệp - Giới thiệu thành quả của bạn với một website portfolio trau chuốt, trưng bày các dự án mới.
Củng cố kỹ năng Developer - Làm việc qua các thử thách coding thực hành giúp xây dựng tư duy kỹ thuật, kỹ năng debug và khả năng giải quyết vấn đề.
Học các thực hành theo chuẩn ngành - Cấu trúc dự án sử dụng kiến trúc modular, code sạch và nguyên tắc thiết kế có thể mở rộng.

Yêu cầu

Yêu cầu kiến thức cơ bản về JavaScript, HTML và CSS—nhưng không cần phải là chuyên gia.
Cần có sự quen thuộc với các khái niệm lập trình cơ bản như biến, mảng, hàm và vòng lặp.
Không yêu cầu kinh nghiệm Angular. Chúng ta sẽ bắt đầu từ đầu và học từng bước một.

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

Các nhà phát triển Angular đầy tham vọng & Sinh viên – Dù bạn đang bắt đầu hành trình vào phát triển web hay học Angular như một phần trong chương trình học, khóa học này sẽ giúp bạn hiểu sâu về framework thông qua trải nghiệm thực hành, thực tế.
Freelancer & nhà phát triển tự học – Xây dựng một portfolio chuyên nghiệp các dự án Angular để giới thiệu kỹ năng và thu hút khách hàng hoặc nhà tuyển dụng tiềm năng.
Nhà phát triển từ các framework khác hoặc Vanilla JavaScript – Nếu bạn đã có kinh nghiệm với các framework như React hoặc Vue, khóa học này sẽ giúp bạn chuyển đổi sang Angular một cách mượt mà.
Tất cả những ai muốn cải thiện kỹ năng phát triển web – Khóa học củng cố các kiến thức nền tảng như HTML, CSS và các khái niệm kiến trúc frontend có giá trị trên tất cả các framework.

Nội dung khóa học

33 phần • 226 bài giảng
1 Giới thiệu
2 Tổng quan khóa học
1 Cài đặt Visual Studio Code trên Windows
2 Thiết lập Extensions cho Visual Studio Code
3 Cài đặt Node.js và Angular 19 trên Windows
4 Khắc phục lỗi Execution Policy trong PowerShell trên Windows
5 Tạo dự án Angular đầu tiên của bạn
1 Mã nguồn của tất cả các dự án
1 Giới thiệu
2 Thiết lập dự án
3 String interpolation
4 Two way data binding
5 Những điều quan trọng cần nhớ
1 Giới thiệu
2 Thiết lập dự án
3 Code ứng dụng
4 Trạng thái bộ đếm
5 Dynamic Styling
6 Sao chép và dán Styling
7 Áp dụng Class động
1 Giới thiệu
2 Code ứng dụng
3 Bài học rút ra
1 Giới thiệu
2 Thiết lập dự án
3 Code dự án
4 Toán tử ternary và pipe
1 Giới thiệu
2 Chuẩn bị dự án
3 Code ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 Code ứng dụng
4 Hoàn thiện dự án
1 Giới thiệu
2 Dọn dẹp dự án
3 Các mục để copy và paste
4 Code dự án
5 Giải thích về Pipe
6 Styling
1 Giới thiệu
2 Thiết lập dự án
3 Code file ts
4 Code template
5 Styling và hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 faq
4 Code FAQ
5 Thêm hiệu ứng động
6 Lý thuyết Animation
1 Giới thiệu
2 Thiết lập dự án
3 Tạo joke service
4 Code ứng dụng
5 Styling và hoàn thiện ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 Post Service
4 Post component
5 Danh sách Post
1 Giới thiệu
2 Chọn mẫu
3 Thiết lập dự án
4 Tạo số
5 Hoàn thiện dự án
6 Kiểm thử với MockTimeService
1 Giới thiệu
2 Thiết lập dự án
3 Tạo và tạo kiểu cho biểu mẫu
4 Hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Tạo template && styling
4 Code file ts
5 Hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Hover highlight directive
4 Text transform directive
5 Click outside directive
6 Focus on directive
1 Giới thiệu
2 Thiết lập dự án
3 Tạo bố cục máy tính
4 Hoàn thiện ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 Tỷ giá chuyển đổi để copy và paste
4 Currency Converter Service
5 Cờ các nước để copy và paste
6 Code component
7 Code template
8 Đổi tên phương thức
9 Styling và hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Weather service
4 Phương thức Emoji để copy và paste
5 Weather component
6 Weather template
7 Styling và hoàn thiện ứng dụng
8 Sửa lỗi
1 Giới thiệu
2 Thiết lập dự án
3 emojis.json
4 Emoji Service và HttpClient
5 Global Styling
6 Theme picker
7 Emoji Search Component
8 Emoji Search Template
9 Styling và hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Header
4 CryptoPrice Service
5 Phương thức updateChart để copy và paste
6 Biểu đồ giá Crypto
7 Chuỗi để copy và paste
8 Crypto Options
9 Styling và hoàn thiện ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 Calendar Service
4 Day card
5 Calendar Page
6 Hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Game Service phần 1
4 Game Service phần 2
5 Checkers component
6 Styling cho Checkers
7 Hoàn thiện ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 Header
4 Phương thức để copy và paste
5 Password Generator component
6 Style cho Password Generator để copy và paste
7 Password generator template
8 Password Explanation template
9 Password Explanation component
10 Pwned Password Service
11 Hoàn thiện dự án
1 Giới thiệu
2 Thiết lập dự án
3 Timer
4 Game Service
5 Cell component
6 Minesweeper component
7 Hoàn thiện và kiểm thử ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 User Service
4 Todo Service
5 Todo component
6 Style để copy và paste
7 Mẫu Todos
8 Hoàn thiện ứng dụng
1 Giới thiệu
2 Thiết lập dự án
3 User Service
4 Style Userform để copy và paste
5 Component Usercard
6 Component Users
7 Component Userform
1 Giới thiệu
2 Class resume copy paste
3 Thiết lập ứng dụng
4 ResumeDataService
5 Services
6 Component Editable resume
7 Component Resume
8 Style Resume để copy và paste
9 Mẫu Resume
10 Nút tải xuống và hoàn thiện dự án
1 Giới thiệu
2 quizzes.json
3 Thiết lập dự án
4 Routes và Header
5 Tạo models
6 Services
7 Component Question
8 Style component quiz để copy và paste
9 Component Quiz
10 Danh sách Quiz
11 Component History
12 Style component add quiz để copy và paste
13 Component Create quiz
14 Mẫu Create Quiz
15 Hoàn thiện dự án
1 Giới thiệu
2 themes.scss để copy và paste
3 Thiết lập dự án
4 Header và footer
5 Trang chủ
6 Trang giới thiệu
7 Trang lỗi
8 Themes để copy và paste
9 Themes
10 Mục bảng xếp hạng
11 Leaderboard service và component
12 Style component Leaderboard
13 Timer Service
14 Word Service
15 Stats Service
16 Game Service
17 Thiết lập component typing test
18 Component Word display
19 Component Input row
20 Style component Stats
21 Component Stats
1 Giới thiệu
2 Thiết lập dự án
3 Header
4 Custom button
5 Component Introduction
6 Style component portfolio
7 Component About me
8 Component Portfolio
9 Component Services
10 Style component contact để copy và paste
11 Component Contact
12 Style Cursor để copy và paste
13 Directive Custom cursor

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

In today’s era, practical experience - not just theoretical knowledge - is what the industry values most. To succeed as a developer, you need a strong portfolio filled with meaningful projects that showcase your competences and problem-solving ability. That’s exactly what you'll gain from 30 Days of Angular.

This is not an average programming course. In this hands-on learning experience, you’ll create 30 fully functional web applications - each designed to teach you core concepts of the Angular framework. From simple apps like a profile card, counter, and calculator to more complex ones like a crypto chart, resume builder, and user management system, you’ll work on projects modeled after practical scenarios to help you gain relevant skills.

You’ll work with essential features such as components, directives, services, HTTPClient, pipes, and more, while also diving into advanced techniques with RxJS for managing asynchronous data. Most importantly, you’ll be learning by doing - one of the most effective ways to develop real-world skills that are valued across the industry.

Throughout the course, you’ll also build fun and interactive games like Guess the Number, Tic Tac Toe, Checkers, and Minesweeper to sharpen your logical thinking and problem-solving skills. These projects not only teach you to use the framework effectively - they also demonstrate that you can deliver functional solutions in realistic scenarios.

By the end, you won’t just have theoretical knowledge - you’ll have 30 practical projects that clearly demonstrate your capabilities. Your final project will be a professional portfolio, giving you a polished platform to present your work to potential clients, employers, or collaborators. With this website, you’ll be able to confidently showcase your skills and stand out from other developers.

Whether you’re just starting out or looking to enhance your skills, this course is designed to prepare you for real-world programming challenges. It’s not just about learning Angular; it’s about proving you can build things that work.

Let’s build exciting projects, create a portfolio you’re proud of, and learn the skills to stand out.

Note: This course uses Angular 19, but it does not cover every feature of the version.

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 😊