egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
SEO Friendly Прогрессивные веб-приложения (PWA) с Angular Universal
SEO Friendly Progressive Web Applications with Angular Universal
Продолжительность
0 ч 28 мин
Категория
Angular
Количество уроков
14 Видео
Дата добавления
28 июл. 2018 г., 08:01
Язык
Английский
Дата обновления
28 июл. 2018 г., 08:07
В этом курсе мы создадим Angular приложение, которое будет публичным веб-сайтом. Обычно существует довольно много компромиссов, используя одностраничное приложение для общедоступного веб-сайта. Например, их сложно индексировать поисковыми системами, и если вы ссылаетесь на них в социальных сетях, вы получаете общий предварительный просмотр. Кроме того, первоначальный рендеринг может занять некоторое время (особенно на мобильных устройствах), поскольку браузер должен задействовать весь JavaScript, чтобы отобразить рабочее приложение.
Добавляя и настраивая «Angular Universal», мы добавляем Server Side рендеринг для нашего приложения. Это помогает предотвратить упомянутые выше проблемы путем предварительного рендеринга приложения на сервере и предоставления его пользователю, когда он запрашивает приложение. После загрузки JavaScript приложение будет легко переключиться на «нормальное» веб-приложение.
Для принятия эффективных мер и для модернизации нашего приложения мы добавим и настроим Service Worker, который позволит использовать в браузере родной опыт (заставка, значок рабочего стола, быстрая загрузка, кэшированные данные и т.д.)
https://github.com/eggheadio-projects/egghead-course-SEO-friendly-PWA-with-angular-universal
Посмотреть больше
-
Урок 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
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
udemy
18 дек. 2018 г., 13:57
Прогрессивные веб-приложения (PWA) - от новичка до эксперта
Progressive Web Apps (PWA) - From Beginner to Expert
Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши заинтересованн
egghead
22 июл. 2019 г., 19:57
Создавайте контентые PWA с Gatsby и Contentful
Build Content Rich Progressive Web Apps with Gatsby and Contentful
JAMstack, сокращение от «JavaScript, APIs, and Markup », делает свой вклад в мире веб-разработки. Создание приложений JAMstack избавляет от необходимости создавать бэкэнд с нуля, позволяя вам сосредоточиться на том, что действительно важно: на вашем контенте.
udemy
21 нояб. 2020 г., 00:57
Прогрессивные Веб-Приложения: Краткий Мастер-Класс По PWA
Progressive Web Apps: The Concise PWA Masterclass
Научитесь создавать прогрессивные веб-приложения (PWA) с нуля или обновлять существующие веб-приложения до PWA с помощью Service Workers, Cache API и манифестов веб-приложений.
zerotomastery.io
17 сент. 2021 г., 22:57
Основы SEO (ключевые слова, ссылки, оптимизация контента)
SEO Fundamentals (Keywords, Link Building, Content Optimization)
Изучите основы и инструменты SEO с нуля. Этот курс упрощает понимание SEO и дает вам простые, действенные шаги, которые нужно реализовать для эффективного ранжирования вашего сайта (или сайта ваших клиентов) на первой странице Google.
