Angular
Компоненты, сервисы, модули и RxJS
Компоненты Angular
НачальныйКомпоненты — строительные блоки Angular-приложений. Каждый компонент управляет частью экрана и состоит из шаблона, стилей и класса TypeScript.
Сервисы и Dependency Injection
СреднийСервисы содержат бизнес-логику и данные, используемые несколькими компонентами. Angular DI автоматически предоставляет нужные зависимости.
RxJS основы
СреднийRxJS — библиотека реактивного программирования на основе Observable. Angular использует RxJS для работы с HTTP, формами и асинхронными событиями.
Angular CLI: установка и создание проекта
НачальныйAngular CLI — официальный инструмент командной строки для создания, сборки и генерации кода Angular-приложений. Установка, команда ng new, генераторы компонентов, сервисов и guards.
Маршрутизация в Angular
СреднийAngular Router — навигация между страницами SPA: настройка маршрутов, параметры, guards для защиты страниц, lazy loading модулей и resolver для предзагрузки данных.
Формы в Angular
СреднийДва подхода к формам в Angular — Template-driven для простых случаев и Reactive Forms для сложных. Валидация, FormBuilder, динамические поля, кастомные валидаторы.
Angular Signals: реактивность нового поколения
СреднийSignals — новая система реактивности в Angular (v17+). signal(), computed(), effect() — проще чем RxJS для большинства задач, синхронная реактивность без подписок.
Standalone компоненты в Angular
СреднийStandalone компоненты — компоненты без NgModule, которые сами объявляют свои зависимости. С Angular 17 это подход по умолчанию. Миграция, providers, lazy loading без модулей.
HTTP-клиент в Angular
СреднийРабота с HTTP-запросами в Angular: HttpClient, типизированные запросы, интерцепторы для авторизации и логирования, загрузка файлов, обработка ошибок.
Angular Material: компоненты UI
СреднийAngular Material — официальная библиотека UI-компонентов для Angular. Установка, темизация, таблицы, диалоги, snack bar, autocomplete и другие компоненты.
Тестирование Angular
СреднийТестирование Angular-приложений: TestBed для настройки окружения, тестирование компонентов и сервисов, моки HttpClient, spy-функции Jasmine и покрытие кода.
NgRx: управление состоянием
ПродвинутыйNgRx — Redux-паттерн для Angular. Actions, Reducers, Selectors, Effects — предсказуемое управление состоянием в крупных приложениях.
Angular SSR: Server-Side Rendering
ПродвинутыйServer-Side Rendering в Angular — рендеринг страниц на сервере для SEO и быстрой первой загрузки. Настройка SSR, hydration, transfer state, SSR для SEO-критичных страниц.
Оптимизация производительности Angular
ПродвинутыйОптимизация Angular-приложений: OnPush change detection, trackBy, deferrable views, virtual scrolling, lazy loading, tree-shaking и профилирование с Angular DevTools.