Angular

Компоненты, сервисы, модули и RxJS

1

Компоненты Angular

Начальный

Компоненты — строительные блоки Angular-приложений. Каждый компонент управляет частью экрана и состоит из шаблона, стилей и класса TypeScript.

9 мин
2

Сервисы и Dependency Injection

Средний

Сервисы содержат бизнес-логику и данные, используемые несколькими компонентами. Angular DI автоматически предоставляет нужные зависимости.

9 мин
3

RxJS основы

Средний

RxJS — библиотека реактивного программирования на основе Observable. Angular использует RxJS для работы с HTTP, формами и асинхронными событиями.

11 мин
4

Angular CLI: установка и создание проекта

Начальный

Angular CLI — официальный инструмент командной строки для создания, сборки и генерации кода Angular-приложений. Установка, команда ng new, генераторы компонентов, сервисов и guards.

10 мин
5

Маршрутизация в Angular

Средний

Angular Router — навигация между страницами SPA: настройка маршрутов, параметры, guards для защиты страниц, lazy loading модулей и resolver для предзагрузки данных.

12 мин
6

Формы в Angular

Средний

Два подхода к формам в Angular — Template-driven для простых случаев и Reactive Forms для сложных. Валидация, FormBuilder, динамические поля, кастомные валидаторы.

13 мин
7

Angular Signals: реактивность нового поколения

Средний

Signals — новая система реактивности в Angular (v17+). signal(), computed(), effect() — проще чем RxJS для большинства задач, синхронная реактивность без подписок.

11 мин
8

Standalone компоненты в Angular

Средний

Standalone компоненты — компоненты без NgModule, которые сами объявляют свои зависимости. С Angular 17 это подход по умолчанию. Миграция, providers, lazy loading без модулей.

10 мин
9

HTTP-клиент в Angular

Средний

Работа с HTTP-запросами в Angular: HttpClient, типизированные запросы, интерцепторы для авторизации и логирования, загрузка файлов, обработка ошибок.

11 мин
10

Angular Material: компоненты UI

Средний

Angular Material — официальная библиотека UI-компонентов для Angular. Установка, темизация, таблицы, диалоги, snack bar, autocomplete и другие компоненты.

11 мин
11

Тестирование Angular

Средний

Тестирование Angular-приложений: TestBed для настройки окружения, тестирование компонентов и сервисов, моки HttpClient, spy-функции Jasmine и покрытие кода.

12 мин
12

NgRx: управление состоянием

Продвинутый

NgRx — Redux-паттерн для Angular. Actions, Reducers, Selectors, Effects — предсказуемое управление состоянием в крупных приложениях.

13 мин
13

Angular SSR: Server-Side Rendering

Продвинутый

Server-Side Rendering в Angular — рендеринг страниц на сервере для SEO и быстрой первой загрузки. Настройка SSR, hydration, transfer state, SSR для SEO-критичных страниц.

11 мин
14

Оптимизация производительности Angular

Продвинутый

Оптимизация Angular-приложений: OnPush change detection, trackBy, deferrable views, virtual scrolling, lazy loading, tree-shaking и профилирование с Angular DevTools.

12 мин