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

Angular Real World Guide - Build Angular & Firebase Apps

Hướng dẫn Angular Thực Tế - Xây dựng Ứng dụng Angular & Firebase

Hướng dẫn Angular Thực Tế - Xây dựng Ứng dụng Angular & Firebase

Xây dựng Dự án Angular Thực Tế cùng với Google Firebase làm backend - Phát triển Web với Angular

4.6
(102 đánh giá)
516 học viên
Giảng viên
Sameer Saini
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
10.5 giờ video
52 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

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

Học và Thành thạo Angular với phương pháp thực hành cao
Học những kiến thức cốt lõi của Angular, dành cho học viên muốn ôn tập nhanh và cơ bản
Xây dựng các ứng dụng web thực tế như một trang web Blog
Phù hợp cho người mới bắt đầu đã có một số kiến thức về JavaScript, HTML và CSS
Sử dụng Angular Components, Services, Standalone Components, Events, Signals, Inputs, v.v.
Học và Thành thạo Google Firebase và tích hợp nó vào ứng dụng Angular thực tế
Xác thực (Đăng nhập, Đăng ký và Đăng xuất) sử dụng Google Firebase (Thư viện Angular Fire)
CRUD với Angular, Lưu, Cập nhật và Xóa dữ liệu trong cơ sở dữ liệu Google Firebase
Lưu trữ hình ảnh - Tải lên và lưu ảnh trên Google Firebase Storage

Yêu cầu

Khóa học này dành cho những người đam mê. Nếu bạn biết cách phát triển web hoạt động, biết HTML, CSS và một chút Javascript, thì đây là khóa học dành cho bạn.
Một máy tính xách tay hoặc máy tính để bàn
Phiên bản miễn phí của Visual Studio Code hoặc bất kỳ trình soạn thảo mã nào bạn chọn

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

Nhà phát triển Web mới bắt đầu có một số kiến thức về HTML, CSS và Javascript

Nội dung khóa học

6 phần • 52 bài giảng
1 Giới thiệu
2 Cài đặt Visual Studio Code
3 Cài đặt Tiện ích mở rộng cho Visual Studio Code
4 Cài đặt Node Js và npm
5 Cài đặt Angular CLI
6 Kho mã nguồn Github
1 Cùng tìm hiểu về Angular
2 Tạo Ứng dụng Angular Mới
3 Components - Những khối xây dựng của một Ứng dụng Angular
4 Quản lý Dữ liệu Động - Trạng thái và Hành vi của Component
5 Hiển thị Templates Động
6 Điều kiện và Vòng lặp
7 Xử lý Sự kiện Người dùng
8 Chia sẻ Mã hoặc Logic bằng Services
1 Tạo Ứng dụng Angular Mới bằng Angular CLI
2 Cài đặt Tailwind CSS trong Ứng dụng Angular
3 Tạo Menu Điều hướng hoặc Navbar
4 Component Create-Post, RouterOutlet và RouterLink
5 Định nghĩa Các phần tử và Tạo kiểu cho Trang Create-Post
6 Angular Reactive Forms và Biểu mẫu Tạo Bài viết
7 Xác thực trong Reactive Forms
8 Môi trường (Environments)
9 Giới thiệu và Thiết lập Google Firebase
10 Cài đặt AngularFire và Thêm Cấu hình Firebase
11 Lưu dữ liệu vào Firebase bằng phương thức addDoc
12 Lưu dữ liệu vào Firebase bằng phương thức setDoc
13 Tạo BlogPost Service
14 Thêm Trình soạn thảo Markdown và Xem trước
15 Tải tệp lên - Ảnh bìa cho BlogPost
1 Giới thiệu Phần
2 Navbar - Chức năng Đã đăng nhập/Chưa đăng nhập và UserService
3 Dropdown Navbar (sử dụng signals để thay đổi trạng thái một cách phản ứng)
4 Trang Dashboard và Thống kê Dashboard - Truyền Dữ liệu Từ Cha sang Con
5 Lấy Dữ liệu Collection Từ Firestore - Danh sách BlogPost
6 Lấy Tài liệu Đơn lẻ Từ Firestore - Chỉnh sửa/Cập nhật BlogPost
7 Xóa Tài liệu Từ Firestore - Xóa BlogPost
1 Tổng quan về Xác thực Google Firebase
2 Bật Xác thực Google Firebase
3 Tạo Trang/Component Đăng ký
4 Template Trang Đăng ký
5 Đăng ký Người dùng
6 Tạo Component Trang Đăng nhập
7 Template HTML Trang Đăng nhập
8 Đăng nhập Người dùng bằng Google Firebase
9 Chức năng Đăng xuất
1 Thêm Thông tin Người dùng vào Blog
2 Dashboard chỉ hiển thị blog do người dùng đã đăng nhập tạo
3 Tải lên Dữ liệu Hàng loạt trong Cơ sở dữ liệu Firestore
4 Trang Chủ - Hiển thị Tất cả Blog
5 Trang Chi tiết Blog - Sử dụng Observables
6 Trang Chi tiết Blog - Sử dụng Signals
7 Trang Chi tiết Blog - Sử dụng RxResource

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

*** USES the latest version of Angular with Angular Signals for reactivity ***


This course has been recorded in the latest version of Angular i.e. Angular 19.


You don't need 100+ hours to learn Angular. This course is especially designed for busy developers who want to learn Angular in a fast practical approach. We will use Angular to build a frontend website and we will use popular Google's Firebase as a backend to store the data for our frontend application.


This course will teach you the basics of Angular and then create a real world Angular application as you learn and improve on concepts that you implement in this application.


Learn and use Google Firebase by connecting your Angular application to Google Firebase backend.


Enroll in this course if you want to:

  • Create fast reactive frontend applications using Angular

  • Learn Angulars latest version with Angular Signals as reactivity

  • Learn Google Firebase that is a backend for your application to maintain the dynamic data for your application

  • Learn to build Angular applications using the latest Angular version, using Signals, Effects, Services, etc.

  • Grow your resume by learning a industry favorite frontend framework


What's inside this course:

  • Setting up Development Environment for Angular projects

  • Create new Angular application from scratch

  • Angular CLI

  • Components

  • Standalone components

  • Services

  • Reactive Forms

  • Form Validation

  • Data Binding

  • Dynamic Templates

  • Properties and Data Binding

  • Adding Packages

  • Routing

  • Pipes

  • Tailwind CSS

  • Google Firebase and a backend service to store data

  • Google Firebase Authentication

  • Google Firestore to store and upload files

  • Building front end application and integrate with backend database (Google Firebase)

  • Signals and Observables

  • Loops and Conditionals


30 Day Full Money Back Guarantee from Udemy

This course comes with a 30-day full money-back guarantee from Udemy


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 Firebase
Hiển thị tất cả khoá học Frontend Development
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 😊