leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Pro Gatsby
Продолжительность
4 ч 43 мин
Категория
Gatsby
Количество уроков
25 Видео
Дата добавления
7 мар. 2018 г., 17:09
Язык
Английский
Дата выхода
7 авг. 2018 г., 10:00
Дата обновления
31 янв. 2019 г., 09:29
В этой серии мы погружаемся в Gatsby.js, создавая блог с markdown, Netlify CMS и Contentful и охватываем все: от анимации страниц до нескольких вариантов хостинга, которые автоматически восстанавливаются. Наслаждайтесь мощью новейших веб-технологий - React.js, Webpack, современного JavaScript и CSS... все настроено и ожидает вас.
Богатая система плагинов Gatsby позволяет создавать сайты с нужными вам данными - из одного или нескольких источников: вытаскивать данные из CMS, сервисов SaaS, API, баз данных, вашей файловой системы, непосредственно на ваши страницы с помощью GraphQL.
Забудьте о сложных развертываниях с базами данных и серверами, а также об их дорогостоящих затратах, времени на установку, обслуживание и масштабирование. Gatsby.js создает ваш сайт как «статические» файлы, которые легко развертываются на десятках сервисов.
Не создавайте веб-сайт с технологией последнего десятилетия. Будущее сети - мобильность, JavaScript и API - JAMstack. Каждый веб-сайт - это веб-приложение, и каждое веб-приложение является веб-сайтом. Gatsby.js - универсальный фреймворк JavaScript, который вы так долго ждали.
Статические прогрессивные веб-приложения (PWA) Gatsby.js - это статический генератор PWA (Progressive Web App). Вы получаете код и данные, разбивающиеся из коробки. Gatsby загружает только критические HTML, CSS, данные и JavaScript, чтобы ваш сайт загружался как можно быстрее. После загрузки Gatsby предварительно загружает ресурсы для других страниц, поэтому щелчок по сайту ощущается невероятно быстро.
Gatsby.js строит самый быстрый сайт. Вместо того, чтобы ждать генерации страниц по запросу, предварительно создайте страницы и поднимите их в глобальное облако серверов - готовые к немедленному доведению до ваших пользователей, где бы они ни находились.
Посмотреть больше
-
Урок 1. 00:04:48Introduction
-
Урок 2. 00:07:12Getting Started
-
Урок 3. 00:08:00Gatsby Files Explained
-
Урок 4. 00:05:50Pages and Navigation In Gatsby
-
Урок 5. 00:07:14Importing Assets In Gatsby
-
Урок 6. 00:11:32An Introduction To Styled Components In Gatsby
-
Урок 7. 00:16:36Understanding Gatsby's Data Layer with GraphQL
-
Урок 8. 00:12:29Image Transformation & Manipulation In Gatsby
-
Урок 9. 00:11:23Image Component Part 2
-
Урок 10. 00:13:46How To Query Markdown Files In Gatsby
-
Урок 11. 00:16:17Working With Markdown Posts
-
Урок 12. 00:16:49Adding Posts As Pages
-
Урок 13. 00:13:14Context Queries For Our Blog Page
-
Урок 14. 00:18:24Animated Page Transitions With The Web Animations API
-
Урок 15. 00:09:50Interface Improvements & Query Sorting
-
Урок 16. 00:05:18Building For Production -
-
Урок 17. 00:11:49Deploying To Github Pages
-
Урок 18. 00:10:15Easy Hosting With Netlify
-
Урок 19. 00:15:37Setting Up Netlify CMS
-
Урок 20. 00:10:09Github Auth With Netlify CMS
-
Урок 21. 00:13:40Images In Netlify CMS
-
Урок 22. 00:11:29Contentful With Gatsby
-
Урок 23. 00:16:36Generating Pages From Contentful
-
Урок 24. 00:09:52Auto Updating With Contentful & Netlify
-
Урок 25. 00:05:18Where To Go From Here
Автор - leveluptutorials
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Делаем Blog с React и статичном генераторе Gatsby
Build a Blog with React and Markdown using Gatsby
Большая часть времени разработчика в Интернете тратится на получения ответов на нескончаемый поток вопросов. Часто ответы которые мы находим, находятся в блогах, написанных людьми которые нашли решение. Не пришло ли время вам заплатить за этом вперед ? Gatsby.js является статическим генератором сайтов для React с экосистемой плагина, что делает его очень простым для использования.
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. В нем мы создадим полный блог и онлайн-магазин, от начала проекта до развертывания в Интернете.
frontendmasters
1 мая 2019 г., 19:11
Введение в Gatsby
Introduction to Gatsby
На этом семинаре вы узнаете, как создавать быстрые приложения и веб-сайты с помощью React, используя Gatsby, генератор статических PWA (Progressive Web App). Более 50% людей покинут мобильный сайт, если его загрузка займет более 3 секунд. Если вы не готовы отказаться от половины своих потенциальных клиентов, производительность в современной сети больше не является просто галочкой. К счастью, существует множество инструментов, которые помогут вам