Nuxt.js 2.4+ Полное Руководство - Видеоуроки

Complete Nuxt.js 2.4+ Course
Duration 03:03:04
Открыть все курсы от udemy

Как расширенная версия Vue, Nuxt имеет больше функциональных возможностей, а также прост в настройке. С Nuxt вы можете писать меньше, но делать больше. Вам не нужно быть экспертом во Vue, чтобы изучать Nuxt. Достаточно только базовых знаний Vue. В первом разделе мы создадим приложение Vue, используя Vue CLI 3.

Структура файлов, созданная Vue CLI 3, очень похожа на структуру, используемую в Nuxt. У них даже есть тот же механизм генерации страниц.

Мы воссоздадим то же приложение, используя Nuxt, и покажем вам сходство между Vue и Nuxt.Ваши предыдущие знания Vue могут помочь вам быстро понять рабочий механизм Nuxt. Как только вы поняли, как работает Nuxt, вы можете освоить его в кратчайшие сроки.

Наше официальное исследование Nuxt включает пять разделов.

  • 1. Nuxt основы
  • 2. Nuxt плагины и модули
  • 3. Система маршрутизации Nuxt
  • 4. Дополнительный контекст
  • 5. Обмен данными с бэкэнд-программой (Express.js)

В конце каждого раздела будет инфографическая статья, которая поможет вам просмотреть все, что вы только что узнали.

За каждым обзором следует практическое занятие, на котором вы будете практиковаться и применять все, что узнали, создавая настоящее приложение. Вы также узнаете много новых навыков в этом процессе, в том числе как обращаться с файлами cookie и создавать систему членства.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Set up a Vue app using Vue-CLI 3 00:03:45
  • Урок 2. Project root directory analysis 00:04:49
  • Урок 3. App design 00:00:53
  • Урок 4. Create the App Part 1 00:02:50
  • Урок 5. Create the App Part 2 00:03:50
  • Урок 6. Project wrap-up 00:04:19
  • Урок 7. Set up Nuxt 00:08:50
  • Урок 8. Project file structure analysis 00:07:01
  • Урок 9. Layout 00:01:40
  • Урок 10. Custom error page 00:05:34
  • Урок 11. Mini practice: custom page layout 00:01:13
  • Урок 12. Create the header, main and footer 00:03:08
  • Урок 13. Create the navi bar 00:02:35
  • Урок 14. Create pages 00:02:12
  • Урок 15. The error page and challenge 00:03:45
  • Урок 16. Universal CSS and CDN 00:04:45
  • Урок 17. Assets VS. static 00:04:00
  • Урок 18. UI Module: bootstrap-vue 00:05:09
  • Урок 19. Vue Meta in Nuxt 00:01:51
  • Урок 20. VueX in Nuxt Part 1 00:04:05
  • Урок 21. VueX in Nuxt Part 2 00:02:01
  • Урок 22. CDN, plugin and Nuxt module 00:04:21
  • Урок 23. Custom head information 00:03:29
  • Урок 24. Universal CSS and linkExactActiveClass 00:01:34
  • Урок 25. VueX 00:01:56
  • Урок 26. Nuxt Router Introduction 00:01:34
  • Урок 27. Nested route 00:03:30
  • Урок 28. nuxt-link 00:02:28
  • Урок 29. active-link 00:04:46
  • Урок 30. Create transition effects and animate.css 00:04:32
  • Урок 31. Dynamic route Part 1 00:03:05
  • Урок 32. Dynamic route Part 2 00:05:11
  • Урок 33. Dynamic nested route 00:02:19
  • Урок 34. Validate 00:04:38
  • Урок 35. Highlight the active button and unexpected problems 00:03:47
  • Урок 36. Nested route 00:02:43
  • Урок 37. Dynamic nested route 00:03:55
  • Урок 38. The home page and the validate method 00:04:40
  • Урок 39. Introduction to Context 00:01:04
  • Урок 40. How to create and register middlewares 00:05:04
  • Урок 41. Middleware and Nuxt router 00:03:24
  • Урок 42. Middleware and VueX 00:02:27
  • Урок 43. The Express program we use 00:00:31
  • Урок 44. Operating Cookie using Middleware 00:02:20
  • Урок 45. Cookie-universal-nuxt 00:01:40
  • Урок 46. Lock out unregistered users 00:02:50
  • Урок 47. Introduction to asyncData 00:02:06
  • Урок 48. Return promise 00:03:11
  • Урок 49. async await 00:01:17
  • Урок 50. axios module 00:01:52
  • Урок 51. The fetch method 00:02:58
  • Урок 52. The nuxtServerInit Action Method 00:03:35
  • Урок 53. Retrieve data for the homepage using nuxtServerInit 00:05:53
  • Урок 54. Retrieve data for the gallery comp. using fetch 00:06:09
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 08.06.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

24-04-2019 ru 106 уроков
webformyself Фреймворк NuxtJS. Руководство по FullStack-разработке
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса создайте с нуля универсальное SPA-приложение и поместите его в портфолио. Создание и настройка SSR-приложений занимает много времени. Nuxt позволяет крайне...
Duration 15:24:59
6 1
20-12-2018 en 98 уроков
udemy Nuxt JS with Laravel API - Building SSR Vue JS Apps
Изучите Laravel API разработку. Изучите Nuxt JS с нуля, чтобы создавать веб-приложения для SPA, Static и SSR Vue JS с Vuex. Здравствуйте и добро пожаловать в полную версию Laravel API Development с Nuxt JS в качестве фреймворка внешнего интерфейса, который помогает создавать мощные приложения на стороне сервера для визуализации Vue js с Vuex наилучшим возможным способом.
Duration 08:53:01
5 0
en 2 урока
vuemastery Scaling Vue with Nuxt.js
Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.
Duration 00:20:35
5 0
en 4 урока
vueschool.io Static Site Generation with Nuxt.js
Узнайте, как создавать статические веб-сайты (предварительный рендеринг) с помощью Nuxt.js, чтобы повысить как производительность, так и SEO, а также сократить расходы на хостинг.
Duration 00:11:46
3 1
05-02-2018 en 91 урок
udemy Nuxt.js - Vue.js on Steroids
Создавайте очень крутые приложения Vue JS с помощью Nuxt.js. Nuxt добавляет простой серверный рендеринг и конфиг на основе папок. Vue.js - это супер JavaScript фреймворк, который вы можете использовать для создания высокопривлекательных пользовательских интерфейсов и одностраничных приложений (SPA). Вы можете присоединиться к моему бестселлеру на Vue.js, если хотите узнать больше об этом фреймворке!
Duration 06:27:50
86 1
en 7 уроков
vueschool.io Async Data with Nuxt.js
Узнайте, как управлять асинхронными данными и рендерить ваше приложение на стороне сервера с Nuxt.js. Может быть сложно и обременительно настроить пользовательскую систему для извлечения асинхронных данных, прежде чем вы предоставите свое приложение своим пользователям и отобразите все на стороне сервера. Поскольку JavaScript был спроектирован в основном для запуска на стороне клиента, он имеет несколько нежелательных особенностей.
Duration 00:24:02
4 0

Последнее добавленное

100 дней веб-разработки с Python

100 дней веб-разработки с Python

en
# 100DaysOfWeb в Python - это курс, который обеспечит вам успех, обучая вас веб-разработке на Python. Каждые 4 дня, посвященные другой концепции, вы будете поражены тем, сколько веб-технологий и библиотек Python вы изучите в этом путешествии. Присоединяйтесь к курсу и начните свое 100-дневное...
Практический JavaScript

Практический JavaScript

ru
Для изучения курса желательно знание HTML + CSS. Знание основы JS будет плюсом, но не обязательно. Делаем форму для регистрации и входа пользователей. На нативном JavaScript (ES6). Все эффекты прописываем с помощью JS самостоятельно. Пишем проверку (валидацию) формы с выводом ошибок.
Android юнит-тестирование и TDD

Android юнит-тестирование и TDD

en
Этот курс научит вас всему, что вам нужно знать о юнит тестировании и разработке через тестирование в приложениях для Android. Он разработан, чтобы быстро приступить к работе с юнит тестированием с использованием Android Studio и JUnit, выполнив серию тщательно разработанных практических упражнений.
Animating React

Animating React

en
В этой серии уроков мы с головой погрузимся в анимацию в React. Мы будем использовать библиотеку React Spring и physics based анимацию. Мы будем использовать очень много клевых техник которые можно и нужно использовать в реальных приложениях. Мы будем строить меню, модальные окна и все с чем вы...
chat
logo