frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
3 ч 45 мин
Категория
React.js
Количество уроков
36 Видео
Дата добавления
1 мая 2019 г., 19:11
Язык
Английский
Дата выхода
30 апр. 2019 г., 10:00
Дата обновления
25 июн. 2019 г., 06:29
На этом семинаре вы узнаете, как создавать быстрые приложения и веб-сайты с помощью React, используя Gatsby, генератор статических PWA (Progressive Web App). Более 50% людей покинут мобильный сайт, если его загрузка займет более 3 секунд. Если вы не готовы отказаться от половины своих потенциальных клиентов, производительность в современной сети больше не является просто галочкой. К счастью, существует множество инструментов, которые помогут вам создавать кричащие быстрые сайты. К сожалению, существует пугающе большое количество факторов производительности, и на многих из них очень легко ошибиться.
- Узнайте, как использовать бесплатные инструменты с открытым исходным кодом, включая Gatsby, React и GraphQL, для создания высокопроизводительных веб-сайтов.
- Предоставьте своим пользователям превосходный опыт, предоставляя только критически важные ресурсы для загрузки и предварительно выбирая ресурсы для последующих загрузок страниц.
- Внедряйте лучшие практики производительности, такие как шаблон PRPL, ленивые загрузочные ресурсы и многое другое.
- Научитесь создавать и развертывать молниеносно быстрые веб-сайты за короткое время.
- Создавайте сайты быстро с производительностью.
- Разверните свои сайты бесплатно в течение нескольких минут с Netlify.
Посмотреть больше
Удален по просьбе правообладателя
-
Урок 1. 00:01:43Introduction
-
Урок 2. 00:05:36Gatsby Overview
-
Урок 3. 00:06:30The Content Mesh
-
Урок 4. 00:03:57Fast Websites by Default
-
Урок 5. 00:03:52Blog Setup
-
Урок 6. 00:01:43Creating a New Page
-
Урок 7. 00:03:43Gatsby Link
-
Урок 8. 00:00:49Code Repo Branches
-
Урок 9. 00:04:52Adding CSS with Emotion
-
Урок 10. 00:10:45Styling the Main Layout
-
Урок 11. 00:12:18Creating & Styling the Header
-
Урок 12. 00:04:34Gatsby & GraphQL
-
Урок 13. 00:08:11Rendering Site Metadata
-
Урок 14. 00:11:21Rendering Components in MDX
-
Урок 15. 00:04:13Building a Blog with MDX
-
Урок 16. 00:08:08Rendering a Post Listing
-
Урок 17. 00:05:46Modifying Post Listing Display
-
Урок 18. 00:09:26Generating Post Pages
-
Урок 19. 00:08:38Getting Post Data by Slug
-
Урок 20. 00:02:51Getting Posts Q&A
-
Урок 21. 00:12:07Adding a Hero Image Box
-
Урок 22. 00:06:55Optimizing Images with Sharp
-
Урок 23. 00:06:03Using Optimized Sharp Images
-
Урок 24. 00:05:39Adding Images to MDX Posts
-
Урок 25. 00:05:26Styling Post Images
-
Урок 26. 00:04:55Adding Optimized Images to Posts
-
Урок 27. 00:07:29Instagram Source Plugin Setup
-
Урок 28. 00:05:28Getting the Image Data
-
Урок 29. 00:04:55Styling the Instagram Component
-
Урок 30. 00:08:16Gatsby Plugins Q&Adding
-
Урок 31. 00:06:34Analyzing Gatsby Bundle Sizes
-
Урок 32. 00:05:53Building the Site
-
Урок 33. 00:09:06Plugins and Dynamic Data Q&A
-
Урок 34. 00:08:57Deploying Gatsby with Netlify
-
Урок 35. 00:06:41Future of Gatsby Q&A
-
Урок 36. 00:01:43Wrapping Up
Автор - frontendmasters
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Делаем Blog с React и статичном генераторе Gatsby
Build a Blog with React and Markdown using Gatsby
Большая часть времени разработчика в Интернете тратится на получения ответов на нескончаемый поток вопросов. Часто ответы которые мы находим, находятся в блогах, написанных людьми которые нашли решение. Не пришло ли время вам заплатить за этом вперед ? Gatsby.js является статическим генератором сайтов для React с экосистемой плагина, что делает его очень простым для использования.
leveluptutorials
7 мар. 2018 г., 17:09
Pro Gatsby
В этой серии мы погружаемся в Gatsby.js, создавая блог с markdown, Netlify CMS и Contentful и охватываем все: от анимации страниц до нескольких вариантов хостинга, которые автоматически восстанавливаются. Наслаждайтесь мощью новейших веб-технологий - React.js, Webpack, современного JavaScript и CSS... все настроено и ожидает вас.Богатая система плагинов Gatsby позволяет создавать сайты с нужными вам данными - из одного или нескольких источников:
leveluptutorials
3 нояб. 2018 г., 09:16
Pro Gatsby 2
В этой серии уроков мы погрузимся глубже в Gatsby версии 2. Эта версия курса полностью переработана и пересоздана с моего курса Pro Gatsby, и содержит тонну нового контента, который покрывает не только основы Gatsby.
Gatsby - Генератор статических сайтов для React - Полное руководство
Gatsby - Static Site Generator For React - Complete Guide
Создавайте потрясающие сверхбыстрые веб-сайты с помощью React и GraphQL, начинайте работу со стеком JAM и подходом Headless CMS. В этом курсе вы узнаете, как создавать удивительные и сверхбыстрые статические веб-сайты с помощью Gatsby.js. Gatsby - это невероятно быстрый современный генератор сайтов для React.
Gatsby Мастер-класс
The Gatsby Masterclass
Создавайте невероятно быстрые, многофункциональные и в целом потрясающие приложения React с платформой Gatsby. Хотите сделать самые быстрые, самые производительные и в целом лучшие приложения React? Смотрите не дальше, чем Gatsby. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Gatsby. В нем мы создадим полный блог и онлайн-магазин, от начала проекта до развертывания в Интернете.