Главная страницаКатегория react.jsВведение в Gatsby

Введение в Gatsby

Name: Введение в Gatsby
Rating: 4.4 (28 reviews)

Introduction to Gatsby

frontendmasters

★4.4 (всего оценок - 28)

Продолжительность

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:43
Introduction
Урок 2.00:05:36
Gatsby Overview
Урок 3.00:06:30
The Content Mesh
Урок 4.00:03:57
Fast Websites by Default
Урок 5.00:03:52
Blog Setup
Урок 6.00:01:43
Creating a New Page
Урок 7.00:03:43
Gatsby Link
Урок 8.00:00:49
Code Repo Branches
Урок 9.00:04:52
Adding CSS with Emotion
Урок 10.00:10:45
Styling the Main Layout
Урок 11.00:12:18
Creating & Styling the Header
Урок 12.00:04:34
Gatsby & GraphQL
Урок 13.00:08:11
Rendering Site Metadata
Урок 14.00:11:21
Rendering Components in MDX
Урок 15.00:04:13
Building a Blog with MDX
Урок 16.00:08:08
Rendering a Post Listing
Урок 17.00:05:46
Modifying Post Listing Display
Урок 18.00:09:26
Generating Post Pages
Урок 19.00:08:38
Getting Post Data by Slug
Урок 20.00:02:51
Getting Posts Q&A
Урок 21.00:12:07
Adding a Hero Image Box
Урок 22.00:06:55
Optimizing Images with Sharp
Урок 23.00:06:03
Using Optimized Sharp Images
Урок 24.00:05:39
Adding Images to MDX Posts
Урок 25.00:05:26
Styling Post Images
Урок 26.00:04:55
Adding Optimized Images to Posts
Урок 27.00:07:29
Instagram Source Plugin Setup
Урок 28.00:05:28
Getting the Image Data
Урок 29.00:04:55
Styling the Instagram Component
Урок 30.00:08:16
Gatsby Plugins Q&Adding
Урок 31.00:06:34
Analyzing Gatsby Bundle Sizes
Урок 32.00:05:53
Building the Site
Урок 33.00:09:06
Plugins and Dynamic Data Q&A
Урок 34.00:08:57
Deploying Gatsby with Netlify
Урок 35.00:06:41
Future of Gatsby Q&A
Урок 36.00:01:43
Wrapping Up

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+790

Комментарии