Этот курс по Nuxt.js 2.4+ создан для тех, кто уже знаком с основами Vue и хочет перейти на следующий уровень веб‑разработки. Вы узнаете, как использовать возможности Nuxt для создания масштабируемых, быстрых и SEO‑оптимизированных приложений, а также почувствуете разницу между разработкой на Vue и Nuxt на реальных примерах.
Что делает Nuxt.js идеальным выбором
Nuxt расширяет возможности Vue и снимает с разработчика множество рутинных задач. Благодаря встроенной маршрутизации, удобной структуре и мощной системе плагинов, вы сможете сосредоточиться на логике приложения, а не на его настройке.
В курсе вы увидите, как привычные концепции Vue преобразуются в Nuxt и почему этот фреймворк экономит вам время при разработке.
Чему вы научитесь
Понимание структуры проекта
Вы сравните структуру, созданную Vue CLI 3, с проектом Nuxt и узнаете, как Nuxt автоматически управляет страницами, маршрутизацией и конфигурацией.
Работа с возможностями Nuxt
Основы Nuxt: ключевые концепции и архитектура.
Плагины и модули: настройка сторонних библиотек и расширение функций приложения.
Контекст приложения: оптимальное использование данных и серверных возможностей.
Работа с backend: взаимодействие с Express.js, обработка cookie и создание системы авторизации.
Структура курса
5 логически выстроенных разделов
Каждый раздел построен так, чтобы вы последовательно закрепляли полученные знания.
Теория и демонстрации.
Инфографика с обзором ключевых идей.
Практические задания для создания реального приложения.
Практика с реальными сценариями
После каждого раздела вы будете применять изученное на практике: от создания базовой структуры до реализации авторизации, обработки cookie и работы с внешним API.
Итог: чему вы придёте после прохождения курса
К завершению курса вы поймёте, как устроен Nuxt изнутри, научитесь быстро собирать продвинутые приложения и эффективно использовать свои знания Vue для развития в сторону полноценной SSR/SPА‑разработки.
Урок 1.00:03:45
Set up a Vue app using Vue-CLI 3
Урок 2.00:04:49
Project root directory analysis
Урок 3.00:00:53
App design
Урок 4.00:02:50
Create the App Part 1
Урок 5.00:03:50
Create the App Part 2
Урок 6.00:04:19
Project wrap-up
Урок 7.00:08:50
Set up Nuxt
Урок 8.00:07:01
Project file structure analysis
Урок 9.00:01:40
Layout
Урок 10.00:05:34
Custom error page
Урок 11.00:01:13
Mini practice: custom page layout
Урок 12.00:03:08
Create the header, main and footer
Урок 13.00:02:35
Create the navi bar
Урок 14.00:02:12
Create pages
Урок 15.00:03:45
The error page and challenge
Урок 16.00:04:45
Universal CSS and CDN
Урок 17.00:04:00
Assets VS. static
Урок 18.00:05:09
UI Module: bootstrap-vue
Урок 19.00:01:51
Vue Meta in Nuxt
Урок 20.00:04:05
VueX in Nuxt Part 1
Урок 21.00:02:01
VueX in Nuxt Part 2
Урок 22.00:04:21
CDN, plugin and Nuxt module
Урок 23.00:03:29
Custom head information
Урок 24.00:01:34
Universal CSS and linkExactActiveClass
Урок 25.00:01:56
VueX
Урок 26.00:01:34
Nuxt Router Introduction
Урок 27.00:03:30
Nested route
Урок 28.00:02:28
nuxt-link
Урок 29.00:04:46
active-link
Урок 30.00:04:32
Create transition effects and animate.css
Урок 31.00:03:05
Dynamic route Part 1
Урок 32.00:05:11
Dynamic route Part 2
Урок 33.00:02:19
Dynamic nested route
Урок 34.00:04:38
Validate
Урок 35.00:03:47
Highlight the active button and unexpected problems
Урок 36.00:02:43
Nested route
Урок 37.00:03:55
Dynamic nested route
Урок 38.00:04:40
The home page and the validate method
Урок 39.00:01:04
Introduction to Context
Урок 40.00:05:04
How to create and register middlewares
Урок 41.00:03:24
Middleware and Nuxt router
Урок 42.00:02:27
Middleware and VueX
Урок 43.00:00:31
The Express program we use
Урок 44.00:02:20
Operating Cookie using Middleware
Урок 45.00:01:40
Cookie-universal-nuxt
Урок 46.00:02:50
Lock out unregistered users
Урок 47.00:02:06
Introduction to asyncData
Урок 48.00:03:11
Return promise
Урок 49.00:01:17
async await
Урок 50.00:01:52
axios module
Урок 51.00:02:58
The fetch method
Урок 52.00:03:35
The nuxtServerInit Action Method
Урок 53.00:05:53
Retrieve data for the homepage using nuxtServerInit
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф