Разобраться с главными темами фреймворка Nuxt и научиться создавать SPA, поддерживающие Server Side Rendering, с минимальными трудозатратами для программиста (по сравнению с реализацией SSR с нуля на чистом Vue). Мы хотим организовать тренировку, приближенную к реальности, и поэтому сразу подключаем Vuetify, изучаем её компоненты и прощупываем проблемы UI-библиотек при SSR.
Программа кура:
Урок 1 Знакомство с Nuxt, работа с Nuxi Процесс разработки и концепция автоимпорта Структура директорий и основные части системы Простой роутинг, страницы и компоненты Плагины и middleware Настройки в nuxt.config
Урок 2 Выбор UI, установка Vuetify 3 в Nuxt Базовые концепции Vuetify Конфигурация и стили Application layout Основные UI-компоненты Правильное подключение иконок
Урок 3 SSR и гидратация SPA Проблема асинхронных операций Работа с данными в Nuxt useFetch, useAsyncData и $fetch Создание обёртки $appFetch Нюансы плагинов: setup, dependsOn, provide
Урок 4 Авторизация: pinia и auth store Роутинг и вложенные маршруты Мета-данные маршрутов и definePageMeta Разработка Auth-middleware $appFetch: авторизация и 401-ые ошибки Отключение SSR для закрытых страниц
Урок 5 Создание страницы входа на сайт Работа с формами Создание composable useForm Обработка 422-ых ошибок Layouts для клиентской части и админ-панели
Урок 6 Разработка функционала админки Взаимодействие с backend-api Api и паттерн repository Умеренное погружение в typescript Скрытая папка .nuxt и магия типов
Урок 7 Режимы генерации контента Пререндеринг vs SSR SSR и фокусы UI-библиотек Работа с SEO-тегами AsyncData и динамические метатеги
Урок 8 Доработка SPA Развёртывание на VDS Node.js и pm2 Nginx reverse proxy Проверка Core Web Vitals с SSR и без
Информация о видео Название: Nuxt. Интенсивный базовый кур Автор: Дмитрий Лаврик Год выхода: 2024 Жанр: Видеокурс Язык: Русский Выпущено: Россия Продолжительность: 26:06:12
Файл Формат: MP4 (доп.файлы) Видео: AVC, 1920x1080, ~225 Kbps Аудио: AAC, 128 Kbps, 48.0 KHz Размер файла: 5.66 Gb
Скачать Дмитрий Лаврик - Nuxt. Интенсивный базовый курс (2024) PCRec
| 
Главная 
