phone_picture

Цель курса

Разобраться с главными темами фреймворка Nuxt и научиться создавать SPA, поддерживающие Server Side Rendering, с минимальными трудозатратами для программиста
(по сравнению с реализацией SSR с нуля на чистом Vue).

Мы хотим организовать тренировку, приближенную к реальности, и поэтому сразу подключаем Vuetify, изучаем её компоненты и прощупываем проблемы UI-библиотек при SSR.

Программа курса

3 октября, 20:00 — урок 1

  • Знакомство с Nuxt, работа с Nuxi
  • Процесс разработки и концепция автоимпорта
  • Структура директорий и основные части системы
  • Простой роутинг, страницы и компоненты
  • Плагины и middleware
  • Настройки в nuxt.config

7 октября, 20:00 — урок 2

  • Выбор UI, установка Vuetify 3 в Nuxt
  • Базовые концепции Vuetify
  • Конфигурация и стили
  • Application layout
  • Основные UI-компоненты
  • Правильное подключение иконок

10 октября, 20:00 — урок 3

  • SSR и гидратация SPA
  • Проблема асинхронных операций
  • Работа с данными в Nuxt
  • useFetch, useAsyncData и $fetch
  • Создание обёртки $appFetch
  • Нюансы плагинов: setup, dependsOn, provide

14 октября, 20:00 — урок 4

  • Авторизация: pinia и auth store
  • Роутинг и вложенные маршруты
  • Мета-данные маршрутов и definePageMeta
  • Разработка Auth-middleware
  • $appFetch: авторизация и 401-ые ошибки
  • Отключение SSR для закрытых страниц

17 октября, 20:00 — урок 5

  • Создание страницы входа на сайт
  • Работа с формами
  • Создание composable useForm
  • Обработка 422-ых ошибок
  • Layouts для клиентской части и админ-панели

21 октября, 20:00 — урок 6

  • Разработка функционала админки
  • Взаимодействие с backend-api
  • Api и паттерн repository
  • Умеренное погружение в typescript
  • Скрытая папка .nuxt и магия типов

24 октября, 20:00 — урок 7

  • Режимы генерации контента
  • Пререндеринг vs SSR
  • SSR и фокусы UI-библиотек
  • Работа с SEO-тегами
  • AsyncData и динамические метатеги

28 октября, 20:00 — урок 8

  • Доработка SPA
  • Развёртывание на VDS
  • Node.js и pm2
  • Nginx reverse proxy
  • Проверка Core Web Vitals с SSR и без

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

8 онлайн уроков

По понедельникам и четвергам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

Домашнее задание каждого ученика разбирается на уроке. Если прислано много работ, преподаватель записывает отдельный видеоролик с комментариями по каждой работе.

Доступ в закрытую группу

Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса

Внимание! Для эффективного прохождения курса необходим хотя бы небольшой опыт создания SPA на Vue.

Если вы хотите ознакомиться с мыслями автора о курсе,

посмотрите видео, расположенное рядом

В нём подробно рассматривается программа курса, и даются рекомендации по необходимым начальным знаниям.

Запись на курс

Максимальная скидка на первый поток!

21 000 руб. 12 600 руб.

 
Способы оплаты

Часто задаваемые вопросы

Какой начальный уровень знаний необходим

Хотя бы небольшой опыт создания SPA на Vue, понимание Composition Api, Vue Router, Pinia, взаимодействие с сервером ( axios / fecth ).

Обязательно ли прохождение Vue / Vue Level 2

Если вы уверенно применяете технологии, перечисленные в предыдущем пункте, можете участвовать без прохождения курсов по Vue.

Изучать Nuxt сейчас или подождать 4 версии

Советую сейчас. Во-первых, изменений планируется немного. Во-вторых, 4 версию могут задержать из-за выхода Vue 3.5 с поддержкой механизмов отложенной гидратации (мб захотят сразу внедрить в новую версию nuxt)

Пишем на TypeScript или чистом JS

Планируется TypeScript на минималках - все сложные типы nuxt выводит сам, а мы пишем почти как на чистом js. Если вы ни разу не применяли TS, то хватит пары часов, чтобы привыкнуть к синтаксису и освоить простейшие типы.

Будут ли записи уроков

Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.

Будут ли ещё потоки этого курса

Будут, но, точно, не скоро. Сложные курсы стартуют один-два раза в год.