Курс · Профессиональное обучение
Nuxt — fullstack Vue фреймворк
Nuxt — fullstack Vue фреймворк. Обучение в школе PurpleSchool. По итогам: сертификат.
- Длительность2 мес.
- ДокументСертификат
Программа обучения
14 разделов программы по данным школы.
1Введение
- Nuxt
- Как устроен курс
- Обзор проекта
- Работа на платформе
- Проект домашнего задания
- AI и тренажёры
- Практика на проекте
- Рекомендуемый курс
2Настройка окружения
- Настройка окружения
- Установка Node
- Настройки VSCode
- Рекомендуемый курс
- Создание проекта
- Домашнее задание AI
3Структура проекта
- Обзор проекта
- Автоимпорт
- Вложенные компоненты
- Настройка автоимпортов
- App configuration
- Environment vars
- Тест — Структура проекта
- Занятие — Структура проекта
- Домашнее задание — Структура проекта
4Роутинг
- Добавление страниц
- Программный роутинг
- NuxtLink и prefetch
- Перенаправление
- Страница ошибки
- Nuxt Font и стили
- Упражнение — Компонент кнопки
- Упражнение — Стилизация страницы ошибки
- Структура путей
- Динамические пути
- Тест — Роутинг
- Занятие — Роутинг
- Домашнее задание — Роутинг
5Layout
- Default Layout
- Custom Layout
- Упражнение — Input
- Добавление иконок
- NuxtIcon
- Упражнение — Вёрстка Footer
- Стилизация иконок
- Упражнение — Шапка
- Состояние ссылок
- Тест — Layout
- Занятие — Layout
- Домашнее задание — Layout
6Server Side Rendering
- Universal Rendering
- Пример рендера
- Client Side Rendering
- ClientOnly
- Жизненный цикл Nuxt
- Hybrid Rendering
- Тест — Server Side Rendering
- Занятие — Server Side Rendering
7Стилизация и анимация
- CSS модули
- Postcss
- Page Transitions
- Внешние стили
- Tailwind
- Тест — Стилизация и анимация
- Занятие — Стилизация и анимация
- Домашнее задание — Стилизация и анимация
8Получение данных
- Развёртка API
- Запросы в Insomnia
- $fetch
- useFetch
- Ограничения useFetch
- Refresh данных
- useAsyncData
- Упражнение — Select
- Вывод категорий в каталоге
- Упражнение — Карточка товара
- v-bind стилей
- Упражнение — Данные товаров
- Тест — Получение данных
- Занятие — Получение данных
- Домашнее задание — Получение данных
9Работа с состоянием
- Повторный запрос данных
- Хранение состояния с SSR
- Упражнение — Поиск по каталогу
- useDebounce
- Добавление Pinia
- Store для избранного
- callOnce
- Добавление в избранное
- Persisted State
- Упражнение — Отображение избранного
- Тест — Работа с состоянием
- Занятие — Работа с состоянием
- Домашнее задание — Работа с состоянием
10Авторизация
- Форма авторизации
- Получение JWT
- Упражнение — State авторизации
- Middleware
- Глобальный middleware
- Упражнение — Выход пользователя
- Тест — Авторизация
- Занятие — Авторизация
- Домашнее задание — Авторизация
11SEO и Metadata
- Default head и favicon
- useHead и useSeoMeta
- Динамический title
- Title template
- Sitemap
- Robots txt
- Nuxt DevTools
- Тест — SEO и Metadata
- Занятие — SEO и Metadata
- Домашнее задание — SEO и Metadata
12Server endpoints
- Server Middleware
- Server routes
- Body Query Params
- Подключение базы данных
- Сохранение данных
- Интеграция с frontend
- Упражнение — Получение данных
- Тест — Server endpoints
- Занятие — Server endpoints
- Домашнее задание — Server endpoints
13Заключение
- Куда двигаться дальше?
- Финальное тестирование
- Собеседование с AI наставником
- Рекомендуемый курс
- Практика собеседования с AI
14Практика на проекте
- Основы Scrum
- Старт задачи
- Выполнение задачи
- Код ревью
- Старт работы
Разбор Обучакина
Перед выбором сравните программу и условия договора. Это вопросы для проверки, а не обещания результата.
Что оценить
- Соответствие программы вашим задачам
- Формат практики и обратной связи
- Требования к поступающим
Что уточнить
- Актуальную стоимость и условия оплаты
- Доступ к материалам и поддержку
- Порядок возврата и выдачи документов
Документ после обучения
Сертификат
Частые вопросы
Какой документ выдаётся?
Сертификат