Создавать современные веб-сайты сложно. Предварительная загрузка, маршрутизация, сжатие, критический CSS, кеширование, масштабирование и сборщики - все это делает веб-сайты невероятно быстрыми, но мешают дополнительные разработки и инструменты. Gatsby - это фреймворк React.js, который сделает все за вас.
Этот курс научит вас создавать свои веб-сайты, а Gatsby позаботится обо всем другом ™.
Что вы построите?
Вместе мы создаем веб-сайт для местной пиццерии Slick's Slices. Сайт включает в себя все, с чем вы столкнетесь при создании веб-сайта сегодня, и призван служить хорошим справочником по copy/ paste для сайтов, которые вы создаете.
Вот некоторые из тем, которые мы затрагиваем:
- Несколько типов данных
- Настраиваемые поля
- Прогрессивные изображения
- Реляционные данные
- Область видимости CSS
- Получение данных из REST API
- Получение данных из CMS
- Теги + Фильтрация
- Многоразовые компоненты
- Динамически генерируемые страницы
- Пагинация
- Форма динамического заказа
- Fetching на стороне клиента
- Межстраничное управление состоянием
- SEO + мета-теги
- Отправка заказа по электронной почте
- Развертывание и хостинг
В этом курсе мы также пишем весь CSS для стилизации веб-сайта.
Мы изучим забавные вещи, такие как переменные CSS, макеты с Grid (и sub-Grid!), Flexbox, clamp (), запросы @supports, преобразования, определение области CSS, адаптивный дизайн и многое другое!
Я записал это таким образом, что видео CSS можно пропустить, если вы не хотите изучать CSS по пути.
Этот курс предназначен для всех, кто хочет научиться создавать современные веб-сайты. Если вы хотите создать новый личный веб-сайт или опробовать новые технологии со своей командой, вы многому научитесь в этом курсе.
Для кого этот курс?
- Разработчики React - примените свой существующий набор навыков и быстро освойте Gatsby
- WordPress / Drupal Devs - принесите существующий бэкэнд и используйте Gatsby в качестве интерфейса.
- Студенты - Создайте свой личный веб-сайт с портфолио с Gatsby
- Разработчики агентств - агентства любят Gatsby, потому что он быстро строится, легко обменивается кодом между проектами и не требует присмотра после его создания, потому что он компилируется в HTML, CSS и JS.
- Маркетологи - оптимизирован для SEO, легко размещаются, отлично подходят для микросайтов.
- Дизайнеры - немного знаете CSS и JS? Воплотите свои проекты в жизнь с помощью Gatsby.
- Новые разработчики - Gatsby и React.js в настоящее время являются одними из лучших навыков, которые нужно включить в ваше резюме.
- Люди - у меня закончились категории, я пытаюсь сказать, что вы должны пройти курс!