Scotch.io
Scotch.io - лучшие курсы и туториалы, которые вы найдете для веб-разработки. Руководства, курсы, учебные пособия и еще много крутого контена для изучения.
Продолжительность
2 ч 33 мин
Категория
AngularКоличество уроков
23 Видео
Дата добавления
5 февр. 2018 г., 22:26
Язык
Английский
Дата выхода
7 дек. 2016 г., 00:00
Дата обновления
28 апр. 2026 г., 23:26
Этот курс научит вас уверенно работать с маршрутизацией в Angular — от базовой навигации до продвинутых инструментов, таких как ленивая загрузка, защита маршрутов и многоуровневые структуры. Вы разберётесь, как правильно организовать переходы между страницами и сделать приложение удобным и масштабируемым.
Что вы изучите в этом курсе
Курс охватывает полный набор возможностей Angular Router и помогает понять, как строить гибкую архитектуру приложения.
- Перенаправление пользователей и построение навигации
- Использование параметров для динамических маршрутов
- Работа с child routes и вложенными модулями
- Настройка нескольких роутеров в одном приложении
- Ленивая загрузка модулей для оптимизации производительности
- Аутентификация и защита маршрутов при помощи guards
Зачем нужна маршрутизация в Angular
Маршрутизация позволяет структурировать приложение, упрощает поддержку и улучшает пользовательский опыт. Она помогает разбивать сложные интерфейсы на логические страницы и эффективно управлять их загрузкой.
Улучшение архитектуры приложения
Корректно настроенный роутинг делает приложение модульным, понятным и масштабируемым. Это особенно важно для средних и крупных проектов.
Оптимизация производительности
С помощью ленивой загрузки вы можете уменьшить размер первоначального бандла и ускорить старт приложения.
Кому подойдёт этот курс
- Начинающим разработчикам, изучающим Angular
- Junior/Middle Frontend разработчикам, которым нужно углубить знания роутинга
- Тем, кто хочет оптимизировать архитектуру своих проектов
Какие навыки вы получите
Практическое владение Angular Router
Вы научитесь создавать маршруты любой сложности и понимать, как они работают под капотом.
Работа с данными при маршрутизации
Изучите передачу параметров, query params, работу с сервисами и доступ к данным до загрузки страницы.
Настройка защиты маршрутов
Узнаете, как использовать Guards для аутентификации и ограничения доступа к определённым разделам приложения.
Итог
После прохождения курса вы сможете самостоятельно проектировать маршрутизацию в Angular-приложениях любой сложности, оптимизировать их структуру и повышать производительность. Это важный шаг к профессиональному уровню разработки на Angular.
- Урок 1.00:04:57Getting started
- Урок 2.00:04:40Starter Components
- Урок 3.00:10:26Starting Routing
- Урок 4.00:03:28Router Links
- Урок 5.00:04:55Router Links: Active
- Урок 6.00:04:06Not Found Pages
- Урок 7.00:06:25About Users
- Урок 8.00:03:48About User Component
- Урок 9.00:07:23Route Parameters
- Урок 10.00:10:29Refactoring for User Service
- Урок 11.00:04:29Route Navigation from a Component
- Урок 12.00:03:05Recap
- Урок 13.00:08:57About Module
- Урок 14.00:04:17Child Routes
- Урок 15.00:05:17Lazy Loading
- Урок 16.00:10:36Data and Resolve
- Урок 17.00:06:42About User Resolve
- Урок 18.00:13:29Dashboard Section
- Урок 19.00:12:00Dashboard Users Section
- Урок 20.00:07:09Dashboard User Details Form
- Урок 21.00:07:02CanActivate and CanActivateChild
- Урок 22.00:07:57CanDeactivate
- Урок 23.00:01:52Wrapup
Автор - Scotch.io
Комментарии