«Основы Nuxt 3» — это практический вводный семинар, который поможет начинающим разработчикам уверенно освоить современный стек на базе Nuxt. Вы узнаете, как эффективно работать с Nuxt 3, его модулями и возможностями Vue 3, чтобы быстро создавать производительные приложения и сайты.
Что вы узнаете на курсе
Программа курса выстроена так, чтобы шаг за шагом познакомить вас с ключевыми инструментами Nuxt 3 и показать, как применять их в реальных проектах.
Основы и структура Nuxt 3
Как устроен проект Nuxt 3 и какие файлы за что отвечают.
Работа с маршрутизацией, страницами и layout-шаблонами.
Использование серверных возможностей Nuxt (server routes, server/data).
Модули Nuxt для ускорения разработки
Настройка и применение Nuxt Content для работы с контентом без CMS.
Оптимизация изображений с помощью Nuxt Image.
Подключение и конфигурация других популярных модулей в экосистеме Nuxt.
Vue 3 в контексте Nuxt 3
Использование Composition API для построения гибкой логики компонентов.
Реактивность, хуки, работа с состоянием и жизненным циклом.
Паттерны и лучшие практики разработки.
Создание статических сайтов на Nuxt
Принципы работы статической генерации в Nuxt 3.
Преимущества: скорость, SEO, снижение нагрузки на сервер.
Практические сценарии использования и деплой статических сайтов.
Кому подойдёт этот семинар
Курс предназначен для новичков в Nuxt 3, а также для разработчиков, знакомых с Vue, но желающих освоить современный фреймворк для создания быстрых и удобных веб-приложений.
Результаты прохождения курса
По завершении обучения вы сможете самостоятельно создавать проекты на Nuxt 3, уверенно использовать его модули, применять возможности Vue 3 и собирать оптимизированные статические сайты для реальных задач.
Удален по просьбе правообладателя
Урок 1.00:04:03
Introduction
Урок 2.00:02:57
Course Setup
Урок 3.00:07:32
Nuxt CLI Starter Project
Урок 4.00:09:47
Options API
Урок 5.00:13:00
Options API Exercise
Урок 6.00:09:30
Composition API
Урок 7.00:05:29
Composition API Exercise
Урок 8.00:09:06
CSS Styling
Урок 9.00:10:18
Styling with SCSS & Bulma
Урок 10.00:03:39
CSS Styling Exercise
Урок 11.00:05:18
Creating Components
Урок 12.00:12:23
Using Slots
Урок 13.00:22:28
Components & Slots Exercise
Урок 14.00:08:13
Auto-Imports & Global Components
Урок 15.00:08:40
Routing with NuxtPage
Урок 16.00:09:11
Routing Exercise
Урок 17.00:06:37
Composables
Урок 18.00:09:34
Query Params
Урок 19.00:05:10
Photo Gallery Exercise
Урок 20.00:05:20
Dynamic Routes
Урок 21.00:03:51
Dynamic Routes Exercise
Урок 22.00:04:27
Layouts
Урок 23.00:02:31
Layouts Exercise
Урок 24.00:04:39
Page Metadata & Resources
Урок 25.00:02:03
Page Metadata & Resources Exercise
Урок 26.00:07:56
Fetching Data from an API
Урок 27.00:06:18
Wrapping Up
Авторы - Ben Hong, master.dev (ex FrontendMasters)
Бен Хонг - инженер по пользовательскому опыту разработки (DX) и участник основных команд Vue.js и Angular. Он сочетает в себе роли разработчика, психолога и преподавателя, увлечён созданием продуктов, которые помогают людям осваивать новые навыки и знания, независимо от их прошлого опыта.
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Непонятна целевая аудитория сего семинара. Сначала рассказываются самые базовые вещи Vue, типа что такое компонент, что в нём три секции: js, html, css. Потом немного про api, но очень поверхностно. Потом долго мурыжит про css, что бывают разные препроцессоры и целый урок подключаем булму и долго стилизуем тудушку. Потом переходит к роутингу Нукста, всё начинает путаться и глючить, преп говорит, что это нормально, для прода сойдёт. Ну и так далее. То есть новичку тут вообще ничего не понятно будет, а продвинутому нет смысла делать простейшую тудушку.
Maxxidom
Код к урокам: https://github.com/bencodezen/nuxt-3-fundamentals-workshop
То есть новичку тут вообще ничего не понятно будет, а продвинутому нет смысла делать простейшую тудушку.