- Регистрация
- 22 Февраль 2018
- Сообщения
- 11.012
Автор: Udemy
Название: Gatsby JS: Создание PWA Блога с GraphQL и React + WordPress (2020)
Описание:
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy
Gatsby JS - это бесплатный фреймворк с открытым исходным кодом на основе React, который помогает разработчикам создавать невероятно быстрый генератор статических сайтов, который может создавать веб-сайты и приложения.
Но что это вообще значит?
Что ж ... он сочетает в себе лучшие части React, Webpack, React-router, GraphQL и других интерфейсных инструментов в один и создает удивительный инструмент, приятный для разработчиков!
С Gatsby JS вы можете без головной боли использовать современные веб-технологии. Все будет настроено и будет ждать, пока вы начнете разработку.
Одна из лучших особенностей Gatsby - это то, что вы можете приносить свои собственные данные из headless CMS, API, баз данных или файловой системы.
Там нет предела.
Вы можете получать данные даже из WordPress и это позволяет клиентам очень легко взаимодействовать с веб-сайтом, который вы для них создали и добавлять новый контент. Им просто нужно обновить свои посты в WordPress и все ...
Кроме того, с Gatsby вы не будете создавать веб-сайт с использованием технологий прошлого десятилетия.
Будущее Интернета - за мобильными устройствами, JavaScript и API - JAMstack.
Каждый веб-сайт - это веб-приложение, и каждое веб-приложение - это веб-сайт.
С Gatsby очень легко превратить ваш проект в статическое прогрессивное веб-приложение (PWA). Вы получаете готовый код и разделение данных.
Gatsby загружает только критически важные HTML, CSS, данные и JavaScript, поэтому ваш сайт загружается очень быстро. После загрузки Gatsby предварительно выбирает ресурсы для других страниц, поэтому переход по сайту выполняется мгновенно!
Gatsby.js создает максимально быстрый веб-сайт.
Вместо того, чтобы ждать создания страниц по запросу, предварительно создайте страницы и поместите их в глобальное облако серверов, готовых к немедленной доставке вашим пользователям, где бы они не находились.
В этом курсе вы узнаете следующее:
- Основы Gatsby JS, как его установить и создать первый проект;
- Как использовать стартеры Gatsby для создания вашего проекта;
- Как создавать страницы в Gatsby и как правильно их связывать;
- Как разделить элементы на компоненты и использовать;
- Как создавать макеты страниц, которые можно использовать в качестве шаблонов;
- Как использовать GraphQL;
- Как добавить плагины для поиска;
- Как использовать Markdown Remark для создания ваших страниц / постов;
- Как создать блог с помощью Gatsby и Markdown Remark (стек JAM);
- Как использовать WordPress как Headless CMS;
- Как добавить метатеги и улучшить SEO сайта;
- Как создать компонент SEO и использовать его в макетах;
- Как развернуть свой проект в Netlify и Github;
- Как сделать непрерывное развертывание с помощью Netlify Webhooks;
- Как проверить свой веб-сайт с помощью Lighthouse (стандарт от Google);
- Как создать идеальную оценку Lighthouse;
- Как преобразовать свой сайт в прогрессивное веб-приложение (PWA);
- Как создать веб-перехватчики WordPress для повторного развертывания вашего проекта на Netlify, когда вы создаете / обновляете / удаляете пост.
Материал на английском языке
Подробнее:
Скачать:
Название: Gatsby JS: Создание PWA Блога с GraphQL и React + WordPress (2020)
Описание:
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy
Gatsby JS - это бесплатный фреймворк с открытым исходным кодом на основе React, который помогает разработчикам создавать невероятно быстрый генератор статических сайтов, который может создавать веб-сайты и приложения.
Но что это вообще значит?
Что ж ... он сочетает в себе лучшие части React, Webpack, React-router, GraphQL и других интерфейсных инструментов в один и создает удивительный инструмент, приятный для разработчиков!
С Gatsby JS вы можете без головной боли использовать современные веб-технологии. Все будет настроено и будет ждать, пока вы начнете разработку.
Одна из лучших особенностей Gatsby - это то, что вы можете приносить свои собственные данные из headless CMS, API, баз данных или файловой системы.
Там нет предела.
Вы можете получать данные даже из WordPress и это позволяет клиентам очень легко взаимодействовать с веб-сайтом, который вы для них создали и добавлять новый контент. Им просто нужно обновить свои посты в WordPress и все ...
Кроме того, с Gatsby вы не будете создавать веб-сайт с использованием технологий прошлого десятилетия.
Будущее Интернета - за мобильными устройствами, JavaScript и API - JAMstack.
Каждый веб-сайт - это веб-приложение, и каждое веб-приложение - это веб-сайт.
С Gatsby очень легко превратить ваш проект в статическое прогрессивное веб-приложение (PWA). Вы получаете готовый код и разделение данных.
Gatsby загружает только критически важные HTML, CSS, данные и JavaScript, поэтому ваш сайт загружается очень быстро. После загрузки Gatsby предварительно выбирает ресурсы для других страниц, поэтому переход по сайту выполняется мгновенно!
Gatsby.js создает максимально быстрый веб-сайт.
Вместо того, чтобы ждать создания страниц по запросу, предварительно создайте страницы и поместите их в глобальное облако серверов, готовых к немедленной доставке вашим пользователям, где бы они не находились.
В этом курсе вы узнаете следующее:
- Основы Gatsby JS, как его установить и создать первый проект;
- Как использовать стартеры Gatsby для создания вашего проекта;
- Как создавать страницы в Gatsby и как правильно их связывать;
- Как разделить элементы на компоненты и использовать;
- Как создавать макеты страниц, которые можно использовать в качестве шаблонов;
- Как использовать GraphQL;
- Как добавить плагины для поиска;
- Как использовать Markdown Remark для создания ваших страниц / постов;
- Как создать блог с помощью Gatsby и Markdown Remark (стек JAM);
- Как использовать WordPress как Headless CMS;
- Как добавить метатеги и улучшить SEO сайта;
- Как создать компонент SEO и использовать его в макетах;
- Как развернуть свой проект в Netlify и Github;
- Как сделать непрерывное развертывание с помощью Netlify Webhooks;
- Как проверить свой веб-сайт с помощью Lighthouse (стандарт от Google);
- Как создать идеальную оценку Lighthouse;
- Как преобразовать свой сайт в прогрессивное веб-приложение (PWA);
- Как создать веб-перехватчики WordPress для повторного развертывания вашего проекта на Netlify, когда вы создаете / обновляете / удаляете пост.
Материал на английском языке
Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.
Скачать:
Скрытое содержимое могут видеть только члены группы Премиум.
Скрытый контент для пользователей All-dar.