Nuxt - fullstack Vue фреймворк

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

Ознакомьтесь с программой курса «Nuxt - fullstack Vue фреймворк» от PurpleSchool - purpleschool.ru

1. Введение. Nuxt, Как устроен курс, Обзор проекта, Работа на платформе, Проект домашнего задания, AI и тренажёры, Практика на проекте, Рекомендуемый курс.
2. Настройка окружения. Настройка окружения, Установка Node, Настройки VSCode, Создание проекта, Домашнее задание AI.
3. Структура проекта. Обзор проекта, Автоимпорт, Вложенные компоненты, Настройка автоимпортов, App configuration, Environment vars, Тест - Структура проекта, Занятие - Структура проекта, Домашнее задание - Структура проекта.
4. Роутинг. Добавление страниц, Программный роутинг, NuxtLink и prefetch, Перенаправление, Страница ошибки, Nuxt Font и стили, Упражнение - Компонент кнопки, Упражнение - Стилизация страницы ошибки, Структура путей, Динамические пути, Тест - Роутинг, Занятие -…
5. Layout. Default Layout, Custom Layout, Упражнение - Input, Добавление иконок, NuxtIcon, Упражнение - Вёрстка Footer, Стилизация иконок, Упражнение - Шапка, Состояние ссылок, Тест - Layout, Занятие - Layout, Домашнее задание - Layout.
6. Server 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, Упражнение - Выход пользователя, Тест - Авторизация, Занятие - Авторизация, Домашнее задание - Авторизация.
11. SEO и Metadata. Default head и favicon, useHead и useSeoMeta, Динамический title, Title template, Sitemap, Robots txt, Nuxt DevTools, Тест - SEO и Metadata, Занятие - SEO и Metadata, Домашнее задание - SEO и Metadata.
12. Server endpoints. Server Middleware, Server routes, Body Query Params, Подключение базы данных, Сохранение данных, Интеграция с frontend, Упражнение - Получение данных, Тест - Server endpoints, Занятие - Server endpoints, Домашнее задание - Server endpoints.
13. Заключение. Куда двигаться дальше?, Финальное тестирование, Собеседование с AI наставником, Рекомендуемый курс, Практика собеседования с AI.
14. Практика на проекте. Основы Scrum, Старт задачи, Выполнение задачи, Код ревью, Старт работы.

Чему вы научитесь

• Научитесь настраивать и организовывать: настройка окружения. настройка окружения, установка node, настройки vscode, создание проекта, домашнее задание ai.
• Освоите основы: введение. nuxt, как устроен курс, обзор проекта, работа на платформе, проект домашнего задания, ai и тренажёры, практика на проекте, рекомендуемый курс.
• Освоите и сможете применять: state авторизации, middleware, глобальный middleware, упражнение.
• Освоите и сможете применять: select, вывод категорий в каталоге, упражнение.
• Освоите и сможете применять: input, добавление иконок, nuxticon, упражнение.