leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
4 ч 43 мин
Категория
GatsbyКоличество уроков
25 Видео
Дата добавления
7 мар. 2018 г., 17:09
Язык
Английский
Дата выхода
7 авг. 2018 г., 10:00
Дата обновления
28 апр. 2026 г., 23:47
Gatsby.js — это один из самых быстрых и гибких фреймворков современного веба. В этом курсе вы шаг за шагом создадите мощный блог, научитесь работать с markdown, Netlify CMS, Contentful, освоите анимации страниц, оптимизацию производительности и разные варианты хостинга. Курс поможет вам понять, как работает экосистема Gatsby и почему она стала ключевой частью JAMstack‑подхода.
Что вы изучите в курсе
Курс погружает в реальные инструменты и методики, которые используют профессиональные разработчики для создания быстрых и масштабируемых сайтов.
Работа с данными и система плагинов
Gatsby имеет богатую экосистему плагинов, позволяющую подключать данные из самых разных источников.
- Интеграция с CMS (Netlify CMS, Contentful)
- Работа с API, SaaS‑сервисами и базами данных
- Загрузка данных из файловой системы
- Использование GraphQL для построения точных и быстрых запросов
Современный фронтенд‑стек
Gatsby объединяет лучшие веб‑технологии, позволяя создавать быстрые и стабильные веб‑приложения.
- React.js для создания интерфейсов
- Webpack и современный JavaScript
- Инструменты для оптимизации изображений и ресурсов
- Поддержка CSS‑модулей и современных стилей
Почему стоит выбрать Gatsby
Gatsby помогает отказаться от тяжелых серверных решений и сложных развертываний, заменяя их простыми и быстрыми статическими билдами.
Преимущества статических сайтов
- Нет серверов и баз данных для обслуживания
- Минимальные затраты на хостинг
- Высокая надежность и предсказуемость работы
- Легкость масштабирования
Часть JAMstack‑экосистемы
Gatsby создан для будущего: мобильность, JavaScript и API — основа новых веб‑приложений. Благодаря JAMstack‑архитектуре сайты становятся быстрее, безопаснее и проще в поддержке.
Gatsby как PWA‑генератор
Gatsby формирует статические прогрессивные веб‑приложения (PWA) сразу из коробки.
Максимальная производительность
- Загрузка только критических HTML, CSS и JS
- Автоматическая разбивка кода
- Предзагрузка ресурсов для мгновенной навигации
Глобальная доступность
Все страницы предварительно генерируются и размещаются в CDN, что обеспечивает практически мгновенную доставку контента пользователю, где бы он ни находился.
Итог: чему вы научитесь
Пройдя курс, вы сможете уверенно создавать быстрые, масштабируемые и современные веб‑проекты на Gatsby.js, используя лучшие практики JAMstack и новейшие инструменты веб‑разработки.
- Урок 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
Комментарии