Создавать современные веб-сайты сложно. Предварительная загрузка, маршрутизация, сжатие, критический CSS, кеширование, масштабирование и сборщики - все это делает веб-сайты невероятно быстрыми, но мешают дополнительные разработки и инструменты. Gatsby - это фреймворк React.js, который сделает все за вас.
Этот курс научит вас создавать свои веб-сайты, а Gatsby позаботится обо всем другом ™.
Что вы построите?
Вместе мы создаем веб-сайт для местной пиццерии Slick's Slices. Сайт включает в себя все, с чем вы столкнетесь при создании веб-сайта сегодня, и призван служить хорошим справочником по copy/ paste для сайтов, которые вы создаете.
Вот некоторые из тем, которые мы затрагиваем:
В этом курсе мы также пишем весь CSS для стилизации веб-сайта.
Мы изучим забавные вещи, такие как переменные CSS, макеты с Grid (и sub-Grid!), Flexbox, clamp (), запросы @supports, преобразования, определение области CSS, адаптивный дизайн и многое другое!
Я записал это таким образом, что видео CSS можно пропустить, если вы не хотите изучать CSS по пути.
Этот курс предназначен для всех, кто хочет научиться создавать современные веб-сайты. Если вы хотите создать новый личный веб-сайт или опробовать новые технологии со своей командой, вы многому научитесь в этом курсе.
Для кого этот курс?
Gatsby - это основанный на React генератор статических сайтов на основе GraphQL. Он сочетает в себе лучшие части React, webpack ,act-router, GraphQL и других интерфейсных инструментов, чтобы обеспечить отличные возможности для разработчиков. Gatsby гораздо больше, чем обычный генератор статических сайтов. Вы можете думать о нем больше как о современной интерфейсной среде.
Когда вы видите слово «тема», вы можете подумать о визуальных аспектах сайта или редактора кода, где установка параметра в одном месте может изменить внешний вид везде. Темы Gatsby переносят эту идею на новый уровень, позволяя вам изменять и составлять целые фрагменты функциональности.
frontendmasters
Базовые настройки в Gatsby унесут вас далеко, но в любом сложном приложении или веб-сайте вы в конечном итоге захотите выйти за пределы значений по умолчанию. Этот курс научит вас, как использовать API-интерфейсы Gatsby для обработки сложных вариантов использования, таких как обработка динамического содержимого, добавление ваших собственных данных в API-интерфейс GraphQL Gatsby, настройка схемы Gatsby, создание тем для повторного использования и
Создавайте невероятно быстрые, многофункциональные и в целом потрясающие приложения React с платформой Gatsby. Хотите сделать самые быстрые, самые производительные и в целом лучшие приложения React? Смотрите не дальше, чем Gatsby. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Gatsby. В нем мы создадим полный блог и онлайн-магазин, от начала проекта до развертывания в Интернете.
