fireship.io
Fireship.io - это экосистема подробных и практических ресурсов для разработчиков, которые хотят создавать и поставлять высококачественные приложения.
Angular 9 Firebase курс (проект)
Angular 9 Firebase Project Course
★4.1 (всего оценок - 37)
Продолжительность
2 ч 46 мин
Категория
AngularКоличество уроков
31 Видео
Дата добавления
1 окт. 2019 г., 17:11
Язык
Английский
Дата обновления
29 апр. 2026 г., 04:47
Этот практический курс по Angular 9 и Firebase поможет вам уверенно создавать современные PWA‑приложения, используя лучшие практики архитектуры, модульности и безопасности. Материал подходит как для новичков в экосистеме Angular, так и для тех, кто хочет углубить навыки работы с Firebase и серверным рендерингом.
Описание курса
Вы шаг за шагом создадите полноценное Kanban‑приложение, вдохновленное Trello, с использованием Angular Material, Firestore, аутентификации Firebase и поддержки PWA. Каждый модуль курса построен так, чтобы вы могли не только повторить функциональность, но и понять, как применять эти подходы в реальных проектах.
Ключевые навыки, которые вы освоите
Архитектура и структура приложения
- Правильная организация кода с помощью функциональных модулей
- Эффективная ленивая загрузка маршрутов
- Использование переиспользуемых UI‑компонентов на базе Angular Material
Работа с данными и функциональностью приложения
- Аутентификация через Firebase (Google OAuth и Email/Password)
- Разбор различий между реактивными и шаблонными формами
- Реализация Drag-and-Drop с Angular CDK
- Настройка моделей данных, сложных запросов и связей в Firestore
- Создание безопасных правил Firestore
Продвинутая интеграция и развертывание
- Использование Angular Universal с Nest.js для серверного рендеринга
- Предварительный рендеринг приложения
- Развертывание PWA в Google Cloud Run
Практический проект
Основой курса является разработка интерактивного приложения для управления задачами в формате Kanban. Авторизованные пользователи смогут создавать, сортировать, изменять и удалять доски и карточки, а все данные будут автоматически синхронизироваться с Firestore.
Таким образом, вы получите готовый проект, который можно использовать как портфолио или основу для реальных задач.
Полезные ресурсы
- Урок 1.00:20:46Angular Tutorial for Beginners
- Урок 2.00:01:51Resources
- Урок 3.00:04:02CLI
- Урок 4.00:05:13Anatomy
- Урок 5.00:13:52Components
- Урок 6.00:05:19Component Composition
- Урок 7.00:03:19Dependency Injection and Services
- Урок 8.00:02:41Modules
- Урок 9.00:02:50App Overview
- Урок 10.00:05:22Meet Angular Material
- Урок 11.00:01:10Schematics
- Урок 12.00:03:59Shared Module
- Урок 13.00:08:45App Navigation Shell
- Урок 14.00:02:57Routing
- Урок 15.00:02:43Firebase Setup
- Урок 16.00:03:54Lazy Loaded Login Feature
- Урок 17.00:04:38Google SignIn
- Урок 18.00:11:33Email Password Auth
- Урок 19.00:04:59Auth Guard
- Урок 20.00:02:10Kanban Module
- Урок 21.00:04:49Firestore Data Model
- Урок 22.00:07:39Database Service
- Урок 23.00:06:36CDK Drag and Drop
- Урок 24.00:03:07Drag and Drop Animation
- Урок 25.00:08:04Dialogs
- Урок 26.00:03:11Delete Button
- Урок 27.00:02:57Server-side Rendering - What? Why? How?
- Урок 28.00:05:33SEO Service
- Урок 29.00:02:56Angular Universal with NestJS
- Урок 30.00:04:05Prerendering
- Урок 31.00:05:56Angular Universal on Google Cloud Run
Автор - fireship.io
Комментарии
ildar7sinsUpdate to Angular v12 please
Anonymousplease update it, author site says: "The last code review and update was completed on Sep 2nd, 2022 using Angular version 12.0. "