Улучшаемые навыки
Angular
TypeScript
RxJS
RESTful API
MongoDB
Node.js
Компоненты
Маршрутизация
Формы
SPA (Single-Page Applications)
Web-разработка
Инструменты
Чему вы научитесь
01
Разрабатывать компоненты, директивы и сервисы на Angular.
02
Создавать SPA с динамической маршрутизацией и формами.
03
Управлять асинхронными операциями с помощью RxJS.
04
Строить REST API на Node.js и взаимодействовать с MongoDB.
05
Собирать и развертывать полномасштабные веб-приложения.
06
Применять TypeScript для надежной enterprise-разработки
Программа курса
Одностраничные приложения (SPA).
Точка входа bootstrapApplication и конфигурация app.config.ts.
Сравнение с модульной точкой входа (NgModule)
02
Создание первого Angular приложения. Язык TypeScript
Строгий TypeScript в Angular: типы, интерфейсы, классы, модификаторы доступа.
Внедрение зависимостей через конструктор и функцию inject().
Генерация проекта в Angular CLI
03
Основы NodeJS, MongoDb
Разработка REST API на Express.js, цепочка middleware, настройка CORS и сессий.
Подключение к MongoDB, выполнение CRUD-операций, создание индексов и агрегаций
04
Фреймворк Bootstrap. Компоненты Angular, шаблоны
Адаптивная верстка на сетке и компонентах Bootstrap 5.
Standalone-компоненты и инкапсуляция стилей.
Синтаксис шаблонов (@if, @for, @empty) и сравнение с директивами *ngIf / *ngFor.
Связь компонентов через входы и выходы.
Механизм проверки изменений (Zoneless и OnPush против Zone.js)
05
Сервисы, Пайпы, Маршрутизация
Создание сервисов и контекст внедрения.
Встроенные и чистые пайпы. Настройка маршрутизации (provideRouter, loadComponent), защита маршрутов функциональными гардами (CanActivateFn).
Подключение HttpClient, функциональные интерцепторы.
Аутентификация и хранение состояния в сервисе
Разработка и валидация сложных форм на Reactive Forms (FormGroup, FormControl, функции-валидаторы).
Особенности обновления форм в Zoneless-приложении.
Чтение шаблонных форм (ngModel) и обзор направления Signal Forms
07
Жизненный цикл компонента
Этапы жизненного цикла компонента и работа с хуками (ngOnChanges, ngOnInit, ngAfterContentInit, ngAfterViewInit, ngOnDestroy).
Запись тех же моментов в новом коде (computed, afterNextRender, DestroyRef)
Реактивное программирование с потоками Observable.
Обработка событий ввода и отмена предыдущих запросов (debounceTime, switchMap).
Подписка и вывод данных в шаблоне через async pipe
09
Итого на курс 30 часов: теория – 15 ч (50%), практика – 15 ч (50%)
Для кого
Разработчик
Предварительная подготовка
Необходимо знание JavaScript, HTML и основ веб-разработки
Расписание курсов
Курс проводят
Щербаков Александр
Эксперт в области фронтенд-разработки
О тренере
Александр работает в ИТ-сфере более 13 лет, занимая позиции в области разработки интерфейсов. Вырос из фронтенд-разработчика в Senior Frontend фронтенд-разработчика, выполнял функции TeamLead. Работал в европейских и американских компаниях. Значимыми для себя может назвать проекты по разработке французского финтеха BNP Paribas и туристического агентства Monte-Carlo SBM в Монако.
MongoDB
NodeJS
Angular
