egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
SEO Friendly Прогрессивные веб-приложения (PWA) с Angular Universal
SEO Friendly Progressive Web Applications with Angular Universal
★4.3 (всего оценок - 8)
Продолжительность
0 ч 28 мин
Категория
AngularКоличество уроков
14 Видео
Дата добавления
28 июл. 2018 г., 08:01
Язык
Английский
Дата обновления
29 апр. 2026 г., 00:52
Этот курс поможет вам освоить создание SEO‑дружественных прогрессивных веб‑приложений (PWA) на базе Angular и Angular Universal. Вы узнаете, как устранить ключевые проблемы классических SPA — длительный первый рендер, трудности индексации и отсутствие полноценного предпросмотра в соцсетях — и превратить приложение в быстрый, оптимизированный и современный веб‑опыт.
Что вы изучите в этом курсе
Курс фокусируется на практическом применении Angular Universal и PWA‑технологий для улучшения производительности, индексации и пользовательского опыта. Материал построен так, чтобы вы могли внедрить изученные техники в реальный проект.
Добавление Server‑Side Rendering (SSR) с Angular Universal
Вы узнаете, как работает Angular Universal и почему серверный рендеринг стал критически важным для современных публичных веб‑сайтов.
- Предварительный рендеринг контента на сервере
- Улучшение индексации поисковыми системами
- Корректное формирование метаданных для социальных сетей
- Сокращение времени до первого отображения контента
Оптимизация Angular‑приложения с помощью Service Worker
После внедрения SSR вы настроите Service Worker, чтобы превратить приложение в полноценный PWA.
- Офлайн‑доступ и кэширование данных
- Ускоренная загрузка на мобильных устройствах
- Установка приложения на рабочий стол
- Использование splash‑screen и родных UI‑элементов
Преимущества, которые вы получите
После прохождения курса вы сможете строить веб‑приложения, которые:
- быстрее отображают контент даже на слабых устройствах;
- легко индексируются и дают корректный предпросмотр в соцсетях;
- обладают поведением, похожим на нативные мобильные приложения;
- улучшают пользовательский опыт и показатели SEO.
Исходный код и дополнительные материалы
Репозиторий проекта доступен по ссылке:
https://github.com/eggheadio-projects/egghead-course-SEO-friendly-PWA-with-angular-universal
Кому подойдет этот курс
Материал будет особенно полезен:
- разработчикам, создающим публичные сайты на Angular;
- тем, кто хочет внедрить SSR и улучшить SEO приложения;
- тем, кто стремится повысить скорость загрузки и UX на мобильных устройствах;
- инженерам, изучающим современные возможности PWA.
Итог
Этот курс покажет, как объединить Angular Universal и PWA‑функциональность, чтобы создать действительно современное и SEO‑дружественное веб‑приложение. Освоив подходы, вы сможете создавать сайты, которые одновременно быстрые, индексируемые и удобные для пользователей.
- Урок 1.00:00:58Course Overview: SEO Friendly Progressive Web Applications with Angular Universal
- Урок 2.00:00:31Scaffold a New Angular App using Angular CLI
- Урок 3.00:00:16Add Bootstrap to an Angular CLI Project
- Урок 4.00:00:41Configure Defaults for Generating Code with Angular CLI
- Урок 5.00:03:15Create Application Layout with Components in an Angular CLI Project
- Урок 6.00:02:26Create Container Components for Retrieving Data in an Angular CLI Project
- Урок 7.00:00:27Use the Angular CLI Environment to Define Constants
- Урок 8.00:02:00Create an Angular Service to Retrieve Data from an API
- Урок 9.00:03:19Create Presentational Components for Displaying Data in an Angular CLI Project
- Урок 10.00:02:19Create Angular Resolvers to retrieve the product data from the Service
- Урок 11.00:04:54Server Side Render an Angular CLI Project with Angular Universal
- Урок 12.00:01:00Deploy an Angular CLI Project to now.sh
- Урок 13.00:02:47Add dynamic metadata to an Angular CLI Project
- Урок 14.00:03:31Make a Progressive Web Application from an Angular CLI project
Автор - egghead
Комментарии