leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
3 ч 3 мин
Категория
VueКоличество уроков
23 Видео
Дата добавления
3 апр. 2019 г., 08:16
Язык
Английский
Дата обновления
29 апр. 2026 г., 02:53
Хотите научиться создавать молниеносные статические сайты на базе Vue.js и современного фреймворка Gridsome? В этом курсе вы шаг за шагом освоите рабочие инструменты, настройки и практики, позволяющие собирать статические проекты на HTML и JavaScript, используя мощь GraphQL и гибкость Vue.
Что вы узнаете в курсе
Курс создан для разработчиков, которые хотят быстро и эффективно освоить Gridsome и применить его для реальных проектов. Уроки разбиты на логичные блоки, чтобы вы могли сразу применять знания на практике.
Основы работы с Gridsome
- Установка и базовая настройка проекта
- Структура проекта и важные директории
- Создание страниц и маршрутизация
Использование Vue в статическом проекте
- Компоненты Vue в Gridsome
- Работа с шаблонами и вычисляемыми свойствами
- Переиспользуемые компоненты и слоты
Работа с GraphQL
GraphQL — ключевая часть Gridsome, поэтому значительная часть курса посвящена работе с данными.
- Основы запросов GraphQL
- Получение данных для страниц и компонентов
- Создание собственных источников данных
Почему статические сайты — это круто
Статическая генерация позволяет делать сайты:
- быстрыми — страницы загружаются мгновенно;
- безопасными — нет серверной логики, меньше уязвимостей;
- простыми в размещении — подойдут даже бесплатные хостинги;
- оптимизированными для SEO — поисковые системы любят статический HTML.
Кому подойдёт этот курс
Этот курс будет полезен:
- Начинающим фронтенд‑разработчикам, желающим освоить современные инструменты;
- Vue-разработчикам, которые хотят углубиться в статическую генерацию;
- Тем, кто создаёт быстрые сайты и блоги с упором на SEO;
- Разработчикам, ищущим лёгкую и удобную альтернативу сложным CMS.
Результат прохождения курса
По завершении обучения вы сможете самостоятельно построить полноценный статический сайт на Gridsome, подключить источники данных через GraphQL, настроить компоненты и оптимизировать проект для реального использования.
Заключение
Gridsome — мощный инструмент, который позволяет объединить скорость статических сайтов и гибкость Vue. Курс поможет вам не только освоить технологию, но и научиться создавать современные веб‑проекты с нуля.
- Урок 1.00:00:38#0 Series Introduction
- Урок 2.00:05:22#1 What Is Gridsome
- Урок 3.00:11:25#2 Project Setup
- Урок 4.00:06:06#3 How Gridsome Works
- Урок 5.00:07:49#4 Intro To GraphQL in Gridsome
- Урок 6.00:06:54#5 Creating A Page
- Урок 7.00:04:32#6 Routing In Gridsome
- Урок 8.00:06:44#7 Vue Components
- Урок 9.00:08:32#8 Layouts In Gridsome
- Урок 10.00:13:33#9 Plugins And Transformers
- Урок 11.00:07:28#10 Static Queries
- Урок 12.00:10:08#11 Frontmatter And Formatting
- Урок 13.00:06:01#12 Creating Posts Automatically With Templates
- Урок 14.00:10:43#13 Page Queries And GraphQL Variables
- Урок 15.00:10:28#14 Amazing Image Loading
- Урок 16.00:11:23#15 Images In GraphQL
- Урок 17.00:14:45#16 Sass In Gridsome
- Урок 18.00:10:44#17 Tooling
- Урок 19.00:07:17#18 Page Transitions
- Урок 20.00:07:20#19 GraphQL Sorting Filtering and Limiting
- Урок 21.00:04:08#20 Building Your Site
- Урок 22.00:07:10#21 Deploying To Netlfiy
- Урок 23.00:04:21#22 Where To Go From Here
Автор - leveluptutorials
Комментарии