Nuxt.js - Vue.js на стероидах (Maximilian Schwarzmüller) - Видеоуроки

Nuxt.js - Vue.js on Steroids
Duration 06:27:50
Открыть все курсы от udemy
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

Nuxt.js - Vue.js on Steroids - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Welcome & Introduction 00:01:54
  • Урок 2. What is Nuxt.js? 00:02:59
  • Урок 3. Understanding Server Side Rendering 00:04:02
  • Урок 4. Nuxt vs "Normal" Server Side Rendering 00:01:33
  • Урок 5. Creating our First Nuxt App 00:05:08
  • Урок 6. Understanding the Folder Structure 00:05:39
  • Урок 7. What can we Build with Nuxt? 00:02:34
  • Урок 8. What's Inside This Course? 00:02:07
  • Урок 9. How To Get The Most Out Of This Course 00:01:58
  • Урок 10. Module Introduction 00:00:56
  • Урок 11. From Folders to Routes 00:06:33
  • Урок 12. Creating a Route with a Dynamic Path 00:05:25
  • Урок 13. Adding Links & Navigating Around 00:06:22
  • Урок 14. Validating Parameters 00:05:58
  • Урок 15. Creating Nested Routes 00:03:12
  • Урок 16. Layouts, Pages & Components - Theory 00:01:31
  • Урок 17. Adding a New Layout 00:03:53
  • Урок 18. Adding a Default Error Page 00:01:24
  • Урок 19. Working with "Normal" Components 00:07:52
  • Урок 20. Styling Nuxt Apps 00:05:36
  • Урок 21. Wrap Up 00:01:04
  • Урок 22. Module Introduction 00:01:14
  • Урок 23. Creating the Main "Sections" (Pages) 00:07:59
  • Урок 24. Adding External Fonts 00:03:50
  • Урок 25. Creating the Landing Page 00:05:51
  • Урок 26. Splitting the Page into Components 00:08:29
  • Урок 27. Adding Static Assets - The Background Image 00:02:34
  • Урок 28. Adding the Header Component 00:05:55
  • Урок 29. Vue Router vs. Nuxt Router 00:01:30
  • Урок 30. Working on the Post Page 00:04:34
  • Урок 31. Creating an Admin Section 00:12:37
  • Урок 32. Preparing the Backend 00:10:21
  • Урок 33. Improving the App 00:02:38
  • Урок 34. Adding a Separate Layout to the Admin Area 00:02:51
  • Урок 35. Module Introduction 00:01:01
  • Урок 36. Adding Dynamic Data 00:05:53
  • Урок 37. Preparing Data on the Server-Side (through Nuxt) 00:09:09
  • Урок 38. asyncData on Client & Server 00:03:18
  • Урок 39. A Closer Look at the Context Object 00:02:46
  • Урок 40. Adding Async Data to a Single Post 00:05:32
  • Урок 41. Handling Errors with a Callback 00:01:56
  • Урок 42. Using Promises in asyncData 00:03:18
  • Урок 43. Adding the Vuex Store 00:08:00
  • Урок 44. Vuex, fetch() and nuxtServerInit() 00:09:27
  • Урок 45. Wrap Up 00:03:13
  • Урок 46. Module Introduction 00:00:46
  • Урок 47. Executing Code on the Server 00:03:37
  • Урок 48. Adding Firebase as a Backend 00:02:07
  • Урок 49. Using Firebase to Store Data 00:04:56
  • Урок 50. Fetching Data from the Backend 00:04:18
  • Урок 51. Initializing our Store 00:02:55
  • Урок 52. Fetching all Posts 00:05:10
  • Урок 53. Editing Posts 00:04:33
  • Урок 54. Synchronizing Vuex and the Backend 00:10:38
  • Урок 55. Wrap Up 00:02:00
  • Урок 56. Module Introduction 00:00:58
  • Урок 57. The Nuxt Config File 00:06:29
  • Урок 58. The Loading Property 00:03:29
  • Урок 59. Working with Environment Variables 00:05:39
  • Урок 60. Manipulating Routing Settings 00:04:35
  • Урок 61. Animating Page Transitions 00:03:18
  • Урок 62. Adding Plugins 00:05:17
  • Урок 63. Registering a Date Filter 00:02:11
  • Урок 64. Understanding Modules 00:08:09
  • Урок 65. Wrap Up 00:00:47
  • Урок 66. Module Introduction 00:00:45
  • Урок 67. What is Middleware? 00:06:47
  • Урок 68. Adding User Signup 00:06:50
  • Урок 69. Adding User Login 00:02:54
  • Урок 70. Storing the Token 00:06:00
  • Урок 71. Using the Token for Authentication 00:03:22
  • Урок 72. Implementing a Middleware 00:04:11
  • Урок 73. Invalidating the Token 00:02:53
  • Урок 74. Persisting the Token Across Page Refreshes 00:09:54
  • Урок 75. Implementing Cookies 00:09:34
  • Урок 76. Fixing the Logout Timer 00:06:20
  • Урок 77. Adding the Logout Functionality 00:05:04
  • Урок 78. A Quick Bugfix 00:00:49
  • Урок 79. Module Introduction 00:01:14
  • Урок 80. Adding Server Side Middleware 00:06:19
  • Урок 81. Testing the Middleware 00:02:12
  • Урок 82. Starting a Project with a Server Side Template 00:03:10
  • Урок 83. Module Introduction 00:00:32
  • Урок 84. Universal vs SPA vs Static 00:03:02
  • Урок 85. Building our App as a Universal App 00:02:03
  • Урок 86. Building our App as a SPA 00:05:45
  • Урок 87. Building our App as a Static Website 00:03:22
  • Урок 88. Improving the Generate Process 00:04:44
  • Урок 89. Limiting the Amount of http Requests 00:03:05
  • Урок 90. Adjusting the Store 00:02:34
  • Урок 91. Course Roundup 00:00:57

Создавайте очень крутые приложения Vue JS с помощью Nuxt.js. Nuxt добавляет простой серверный рендеринг и конфиг на основе папок. Vue.js - это супер JavaScript фреймворк, который вы можете использовать для создания высокопривлекательных пользовательских интерфейсов и одностраничных приложений (SPA). Вы можете присоединиться к моему бестселлеру на Vue.js, если хотите узнать больше об этом фреймворке!

Nuxt.js поднимает вас на следующий уровень!

Это библиотека для Vue.js (вроде «фреймворк для фреймворка»), и она добавляет две важные вещи в Vue.js:

  • Рендеринг Vue-приложения на стороне сервера
  • Легкая конфигурация приложения через папки и файлы

Разумеется вы узнаете все подробности этого курса, но самое важное - это то, что Nuxt.js упрощает создание более оптимизированных и более способных приложений Vue - и все это в то же время практически не накладывая лишних расходов.

В этом курсе я научу вас как создавать приложения Nuxt / Vue с нуля! Мы построим целый проект курса и погрузимся в основные функции Nuxt.js.

По завершении курса у вас будет полное приложение Vue, построенное с помощью Nuxt.js, с рендерингом на сервере (или как статический веб-сайт!) и высоко оптимизировано.

Курс научит вас ...

  • ... что такое Nuxt.js и как он связан с Vue.js
  • ... как использовать Nuxt.js для создания лучших приложений Vue
  • ... все что вам нужно знать о подходе «Конфигурация через папки и файлы», принятом Nuxt
  • ... различные возможности построения, такие как приложения SSR, SPA или статическая веб-страница
  • ...  вы построите весь проект, включая аутентификацию, через Nuxt.js
  • ... и многое другое

Твоя оценка

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

Комментарии

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

07-05-2018 en 133 урока
udemy Vue JS Essentials with Vuex and Vue Router
У вас ограниченное время для изучения Vue, Vuex и Vue Router? Пройдите этот курс и изучите Vue всего за 11 часов!Управление состоянием с Vuex? Тут. Drag and drop image upload?  загрузка изображения? Покрыто! Аутентификация с помощью OAuth2? Это здесь!Если вы хотите узнать Vue, Vuex и Vue Router в рекордные сроки, вы в нужном месте! Я построил этот курс, чтобы помочь вам понять Vue за долю времени, требуемого другими курсами. Здесь вы не...
Duration 10:15:00
18 2
30-11--0001 en 13 уроков
egghead Build a Server Rendered Vue.js App with Nuxt and Vuex
Vue.js обладает первоклассной экосистемой помогающей создавать приложения. Сюда входит Nuxt.js, который позволяет применять Server Rendered приложения и постраничный подход.
Этот курс начнется с пустого приложения и расскажет как использовать Vue.js для создания приложения, Nuxt.js для организации приложения и Vuex для управления состоянием.
Duration 00:33:40
27 4
05-09-2017 en 14 уроков
egghead Create a News App with Vue.js and Nuxt
Этот курс поможет вам создание веб-приложения новостей с использованием Vue.js и фреймворка Nuxt. Вы узнаете как создавать динамические страницы для каждого раздела вашего приложения и загружать, хранить, отображать, фильтровать и стилизовать его данные. Конечным результатом будет приложение новостей с несколькими страницами категорий, комментариями для каждого раздела и пользовательскими страницами.
Duration 00:36:15
9 0
15-11-2017 en 75 уроков
udemy Vue.js: Build a Full Stack App With Firebase, Vuex & Router
Поднимите свои навыки Javascript и Vue на следующий уровень, изучив управление состоянием, маршрутизацию, аутентификацию и Firebase! Если у вас есть небольшой опыт создания сайтов с использованием Javascript или фреймворков, таких как Vue.js, этот курс станет следующим шагом в вашем учебном путешествии! Во время этого курса вы создадите проект полного стека, чтобы еще больше повысить свои навыки и узнать, как интегрировать управление состоянием,...
Duration 06:05:49
21 0
30-11--0001 en
fullstack.io Fullstack Vue Book - The Complete Guide to Vue.js
Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения
с Vue.js. Fullstack Vue - это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.
Duration
34 0
23-03-2018 ru 1 урок
Codedojo Знакомство с Vue.js
Познакомьтесь с набирающим популярность JavaScript-фреймворком - Vue. Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении Vue к своим проектам.Vue уникален для всех уровней веб-разработчиков. Независимо от того, переходите ли вы из jQuery или из других фреймворков.
Duration 04:11:21
14 1
24-04-2018 ru 197 уроков
webformyself Фреймворк Vue.js. Полное руководство для современной веб-разработки
Этот курс для тех, хто хочет освоить современный фреймворк и начать с ним работать. Vue позволяет сделать разработку приложеий куда проще, а также быть востребованным специалистом на рынке труда. Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
Duration 43:33:41
140 6
30-11--0001 en 34 урока
adamwathan Advanced Vue Component Design
Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Duration 03:57:19
63 1
18-07-2018 ru 68 уроков
udemy Vue.js 2.5 Создаем сайт на Vue.JS с Firebase, Vuex и Router
Узнайте, как создавать динамические веб-сайты на Vue.JS с Firebase 5 (включая Авторизацию), Vuex & Vue Router - 2018!Этот курс для тех, кто хочет освоить современный фреймворк и начать с ним работать. Vue JS позволяет сделать разработку приложений куда проще, а также быть востребованным специалистом на рынке труда. Vue JS позаимствовал многое из Angular и React, но проще в понимании и реализации. И это никак не отображается на ваших...
Duration 08:24:41
38 4
30-11--0001 en 105 уроков
vueschool.io The Vue.js Master Class
Изучите Vue.js, создав реальное приложение приложение с нуля с Алексом Кириакидисом (Alex Kyriakidis ), членом основной команды Vue.js и автором бестселлера «Величество Vue.js» (The Majesty of Vue.js ). Хотя существует множество отличных курсов vue.js, большинство из них ориентированы на новичков или охватывают только фундаментальные концепции.Я посвятил себя созданию самого всестороннего курса Vue, в котором мы строим реальное...
Duration 07:15:06
29 4
30-11--0001 en 12 уроков
vueschool.io Dynamic Forms with Vue.js
Узнайте, как создавать динамические формы, которые состоят из нескольких шагов с помощью Vue.js. Динамические формы - это формы с несколькими шагами. Их также часто называют волшебными формами, где вы проходите серию шагов, прежде чем сможете заполнить основную форму.Назначение курса - завершить процесс регистрации и заказа нашей вымышленной службы подписки на кофе. Мы подготовили разметку и CSS, чтобы вы могли погрузиться прямо в забавную часть.
Duration 00:56:13
8 1
16-10-2018 en 188 уроков
udemy The complete Vue JS course
Научитесь создавать красивые веб-приложения, используя VUE js. включая три практических проекта. Вы хотите узнать весь процесс создания своего приложения с помощью Vue ?. Это курс для вас. Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать его ... и почему я должен« реально понимать, как работает Vue, и заставить его общаться с другими технологиями, такими как Firebase и Node js.
Duration 25:19:16
21 2
en 14 уроков
vueschool.io Nuxt.js Fundamentals
Изучите основы Nuxt.js в этом курсе, который мы создали вместе с создателями Nuxt. Курс охватывает то, что вам нужно знать для развертывания вашего первого приложения Nuxt.js.
Duration 00:35:54
4 0
ru 6 уроков
itvdn Vue.js Essential
Курс состоит из 6 уроков, на которых учащиеся смогут ознакомиться с возможностями Vue.js с использованием компонентной структуры приложения и установкой VUE-CLI. Курс будет полезен как для начинающих разработчиков в изучении Vue.js, так и слушателей Vue.js Starter. Студенты рассмотрят работу с маршрутизацией в приложении, использование валидации полей, асинхронных запросов и научатся управлять состоянием приложения.
Duration 03:18:05
2 1
en 7 уроков
vueschool.io Async Data with Nuxt.js
Узнайте, как управлять асинхронными данными и рендерить ваше приложение на стороне сервера с Nuxt.js. Может быть сложно и обременительно настроить пользовательскую систему для извлечения асинхронных данных, прежде чем вы предоставите свое приложение своим пользователям и отобразите все на стороне сервера. Поскольку JavaScript был спроектирован в основном для запуска на стороне клиента, он имеет несколько нежелательных особенностей.
Duration 00:24:02
1 0
en 4 урока
vueschool.io Static Site Generation with Nuxt.js
Узнайте, как создавать статические веб-сайты (предварительный рендеринг) с помощью Nuxt.js, чтобы повысить как производительность, так и SEO, а также сократить расходы на хостинг.
Duration 00:11:46
1 0
en 2 урока
vuemastery Scaling Vue with Nuxt.js
Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.
Duration 00:20:35
2 0

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

[Книга] Java Persistence with Hibernate

[Книга] Java Persistence with Hibernate

ru
Java Persistence – механизм, помогающий обеспечить сохранность данных после завершения программы, что является главной чертой современных приложений. Hibernate – наиболее популярный инструмент Java для работы с базами данных, предоставляющим автоматическое прозрачное объектно-реляционное...
[Книга] React+D3v4

[Книга] React+D3v4

en
Повторно используемые данные и игры с использованием современного JavaScript. Создание динамических визуализаций данных в сети - боль в заднице. С React + d3.js ES6 вы научитесь создавать многократно используемые компоненты визуализации с использованием современных стандартов JavaScript примерно...
[Книга] Spring 5 для профессионалов

[Книга] Spring 5 для профессионалов

ru
Книга «Spring 5 для профессионалов» представляет собой многолетний бестселлер, который обновлен с целью отражения функциональных средств, предлагаемых последней версией платформы Spring Framework 5 - одного из самых популярных фреймворков для разработки приложения на Java.
Введение в CQRS и Event Sourcing

Введение в CQRS и Event Sourcing

en
Изучите источники событий на теоретических и практических примерах. Более 3 часов видео контента вводят новые концепции, а затем погружаются в реализацию идей с использованием кода. Получите доступ к источнику полнофункционального веб-приложения на основе событий, созданного с использованием...
Непрерывная интеграция на Gitlab

Непрерывная интеграция на Gitlab

en
Шаг за шагом, практическое руководство. Установите и используйте собственную среду GitLab / GitLab CI. К концу этого курса вы получите четкое представление о том, как работает непрерывная интеграция GitLab. У вас будет практический опыт настройки GitLab CE и добавления пользователей, проектов...
Стать менеджером по продукту | Изучите навыки и получите работу

Стать менеджером по продукту | Изучите навыки и получите работу

en
Самый обновленный и полный курс по управлению продуктами на Udemy! Вы изучите навыки, составляющие всю работу и процесс управления продуктом: от идеи до исследования рынка, от разработки UX до создания прототипов, технологий, метрик и, наконец, до создания продукта с пользовательскими историями...
[Книга] Unity в действии. Мультиплатформенная разработка на C#. 2-е межд. издание

[Книга] Unity в действии. Мультиплатформенная разработка на C#. 2-е межд. издание

ru
Unity зачастую представляют как набор компонентов, не требующих программирования, что в корне неверно. Для создания успешной игры необходимо многое: великолепная работа художника, программистские навыки, интересная история, увлекательный геймплей, дружная и слаженная работа команды разработчиков.
chat
logo