Gatsby — это генератор статических сайтов на основе React и GraphQL. Он использует мощную предварительную настройку для создания веб-сайта, который использует только статические файлы для невероятно быстрой загрузки страниц. Мы подробно рассмотрели для вас 6 лучших онлайн-учебников по Гэтсби. Ниже вы можете найти список курсов Gatsby JS, которые помогут вам стать эффективным в Gatsby.
Поскольку у нас есть от 5 до 6 курсов, мы рассмотрим каждый из них и порекомендуем лучший курс для вас. Я хочу сказать вам, что все курсы хороши, и они отличаются друг от друга содержанием курса, некоторые курсы охватывают все основы, а некоторые фокусируются на основах и интеграции с WordPress, электронной коммерцией и firebase. Поскольку большинство людей являются новичками, мы порекомендуем 1-й курс, который является лучшим во всем и охватывает с самого начала. Итак, ниже приведен список всех курсов, на которые вы можете записаться.
1. Gatsby Tutorial and Projects Course [Udemy]
Всем привет! Это учебник по Гэдсби и курс проектов, который является бестселлером курса Гэтсби на udemy с рейтингом более 4,6. Курс создан Джоном Смилгой. В этом курсе вы научитесь создавать молниеносно быстрые веб-сайты с помощью Gatsby JS. Курс состоит из двух частей. В первой части вы узнаете все об основах Gatsby, а во второй части будете создавать интересные проекты с использованием Gatsby.
Учебник содержит около 22 часов контента. Полный базовый учебник длится около 6 часов и включает в себя все, что вам нужно, чтобы узнать о Гэтсби. После изучения основ Гэтсби инструктор приступит к проектам, и на данный момент этот проект состоит из 3 проектов: проекта портфолио, блога MDX и проекта дизайна с Airtable.
Ссылка на курс:Нажмите здесь
Количество студентов:10000+
Количество лекций: 22 часа из 235 + Лекции
Рейтинг курса:4,6/5
2. Gatsby JS и Firebase: ГИБРИД Gatsby в реальном времени + статические сайты
На первом курсе мы изучим Гэтсби с любой другой Интеграцией. Теперь каждый курс будет иметь некоторую интеграцию с внешним сервисом, и в этом курсе мы будем интегрировать Gatsby с Google Firebase. Мы создадим статические сайты Build Gatsby JS с firestore в реальном времени, облачными функциями, хранилищем, аутентификацией, Gatsby + React hooks и GraphQL. Курс имеет рейтинг 4,4, а инструктором является Том Филлипс, у которого более 1100 студентов. Это новый курс, и число студентов со временем будет увеличиваться, а рейтинги могут повышаться, так как преподаватель будет улучшать курс на основе отзывов студентов.
В учебных пособиях будет рассказано, как создавать страницы из данных, хранящихся в Firebase, и реализовывать раздел чата и комментариев в реальном времени с помощью firebase. Вы также узнаете, как обеспечить функции входа и регистрации с помощью firebase. Это небольшой курс, в котором основное внимание уделяется интеграции с Firebase и проекту, связанному с Firebase. Итак, если вы новичок, я рекомендую записаться на первый курс, а затем записаться на этот курс, чтобы изучить Firebase с Гэтсби.
Ссылка на курс:Нажмите здесь
Количество студентов:1000+
Количество лекций: 5 часов из 66+ Лекции
Рейтинг курса:4,6/5
3. Gatsby JS: создавайте статические сайты Gatsby с помощью React и WordPress.
WordPress — самая используемая CMS, и ее легко понять. Теперь с Gatsby вы можете использовать WordPress в качестве серверной части и создать внешний интерфейс с помощью Gatsby. В этом курсе вы изучите Gatsby и создадите сверхбыстрые статические сайты Gatsby с бэкэндом WordPress. Создайте статический, скомпилированный сервером и управляемый контентом веб-сайт с помощью Gatsby JS (с React JS и GraphQL). Настройте WordPress в качестве серверной части для создания контента, а затем визуализируйте контент в виде страниц с помощью React JS и GraphQL. Узнайте, как использовать GraphQL и GraphiQL для запроса данных, хранящихся в WordPress. Разверните свой статический веб-сайт Gatsby JS и перестраивайте его при каждом изменении содержимого с помощью Netlify.
Курс длится около 4 часов. Итак, если вы хотите изучить основы Гэтсби, я рекомендую вам записаться на первый курс. Курс будет охватывать WordPress и создание проектов в Гэтсби с использованием WordPress.
Ссылка на курс:Нажмите здесь
Количество студентов:2400+
Количество лекций: 4 часа из 43 + Лекции
Рейтинг курса:4,5/5
4. Gatsby JS и Prismic: Создавайте БЫСТРЫЕ сайты Gatsby | Гэтсби 2020
Gatsby JS и стек Prismic. Этот курс научит использовать данные безголовой CMS Prismic в Gatsby для создания статических сайтов Gatsby и развертывания их с помощью Netlify. В этом курсе будет рассмотрена настройка Prismic в качестве безголовой CMS с использованием GatsbyJS для создания молниеносно быстрого веб-сайта React с серверным рендерингом из данных Prismic, таких как страницы, меню, мультимедиа (и многое другое!) с использованием GraphQL для запроса этих данных. мы создадим динамическую контактную страницу в Gatsby, где мы сможем обновлять поля наших форм в Prismic и использовать формы Netlify для сбора адресов электронной почты наших пользователей и различных других сведений.
Мы рассмотрим, как мы можем запрашивать данные Prismic с помощью GraphQL с помощью инструмента браузера GraphiQL. Когда мы познакомимся и освоим разработку с GatsbyJS и Prismic, мы перейдем к настройке и развертыванию работающего веб-сайта с использованием Netlify, который перестраивает наши статические веб-страницы каждый раз, когда мы обновляем контент в нашем бэкэнде Prismic.
Ссылка на курс:Нажмите здесь
Количество студентов: 340+
Количество лекций: 3 часа из 35+ Лекции
Рейтинг курса:4,5/5
5. Gatsby JS: создайте блог PWA с помощью GraphQL и React + WordPress
Это еще один курс, который включает WordPress в Gatsby, и он немного отличается от этого: вы научитесь создавать прогрессивное веб-приложение Gatsby JS с помощью GraphQL и React + WordPress и добавлять Jam Stack к своим навыкам. Это курс с рейтингом 4.3, в котором обучается около 8500 студентов.
Вы хотите освоить Gatsby, чтобы создавать статические веб-сайты и получать данные из WordPress, или вы хотите научиться использовать Gatsby для создания быстрых SEO-оптимизированных веб-сайтов с идеальными базовыми результатами, тогда этот курс для вас? Инструктор проведет вас от полного новичка в Gatsby до мастерства в создании статического веб-сайта, и это даже если вы не думаете о реакции и драфте.
Вы также узнаете, как использовать WordPress в качестве автономной системы управления контентом для получения информации и предоставления вашим клиентам простого способа самостоятельно обновлять свои веб-сайты. Вы также узнаете, как развертывать проекты с помощью GitHub и уведомлять, и я также покажу вам, как вы можете использовать веб-перехватчики для непрерывного развертывания. После этого я расскажу, как упростить оптимизацию наших веб-сайтов и как создать идеальный балл маяка, который является отраслевым стандартом для аудита веб-сайтов, созданным Google. И последнее, но не менее важное: вы узнаете, как виртуализировать веб-сайт академии в прогрессивное веб-приложение, которое можно легко оценить как мобильное приложение в Google Play или Apple Store.
Ссылка на курс:Нажмите здесь
Количество студентов: 8500+
Количество лекций: 4 часа из 43+ Лекции
Рейтинг курса:4.3/5
6. Gatsby JS и Shopify: сайты электронной коммерции Gatsby [Gatsby 2020]
Электронная коммерция обычно не предпочтительна с использованием статического стека, но она использует Shopify, которая является одной из лучших CMS для электронной коммерции. Shopify не является бесплатным, но если вы хотите создать статический веб-сайт электронной коммерции, используя Shopify в качестве серверной части, то этот курс подходит именно вам.
В этом курсе мы собираемся создать гибридный динамический и статический сайт электронной коммерции, используя Gatsby для создания этого сайта и Shopify для обработки всех
наших продуктов и коллекций, а также любых заказов клиентов. Итак, в этом курсе мы создадим магазин Mad Hatter, и, как мы видим, этот магазин Hatter состоит из целевой страницы с кучей коллекций, по которым мы можем щелкнуть, чтобы сделать покупки, а внизу мы разместили шляпы.
Ссылка на курс:Нажмите здесь
Количество студентов:364+
Количество лекций: 6 часов из 62 + Лекции
Рейтинг курса:4,6/5
Выше приведены курсы Gatsby, и вы можете записаться на любой из курсов или на все из них, если хотите изучить всю интеграцию gatsby. Но если вы новичок и не знаете Gatsby, то я рекомендую вам записаться на первый курс, так как это единственный курс, который охватывает все основы Gatsby, а остальные вы можете записать, если хотите создавать проекты на основе Firebase. , WordPress и Shopify электронная коммерция.
Вы можете представить Gatsby как современный интерфейс. Он сочетает в себе лучшие компоненты Webpack на основе React, React Router, GraphQL и других интерфейсных инструментов, обеспечивая превосходный опыт разработчика. Это генератор статических веб-сайтов, который работает с React и GraphQL. Он использует мощную предварительную настройку для создания веб-страниц, использующих статические файлы, быструю загрузку страниц, обслуживающий персонал, разделение кода, рендеринг на стороне сервера, интеллектуальную загрузку изображений, оптимизацию ресурсов и поиск данных. Гэтсби — это гораздо больше, чем обычный генератор статического электричества.
Вы можете создавать бесшовные веб-приложения с помощью Gatsby JS или использовать их как автономную CMS. Мы предпочитаем Netlify CMS, которую можно использовать в сочетании с ней. Независимо от того, являетесь ли вы новичком в ведении блога или обладаете некоторыми техническими знаниями для разработки веб-сайта или веб-приложения, Gatsy JS — хороший вариант.
Учитывая динамику Гэтсби и его применение, крайне важно обладать этими навыками. Мы составили список лучших курсов Gatsby, которые вы можете посетить, чтобы освоить эти базовые навыки.
Раскрытие информации: мы получаем вознаграждение за наши отзывы. Мы получим небольшую прибыль, когда вы воспользуетесь нашей ссылкой для совершения покупки.
