Ознакомиться с важной информацией: Майнер отключен!

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

Nuxt.js - Vue.js on Steroids
Duration 06:27:50
Открыть все курсы от udemy

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
  • ... и многое другое

Твоя оценка

23 0
Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал 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
1 1
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
23 3
05-09-2017 en 14 уроков
egghead Create a News App with Vue.js and Nuxt
Этот курс поможет вам создание веб-приложения новостей с использованием Vue.js и фреймворка Nuxt. Вы узнаете как создавать динамические страницы для каждого раздела вашего приложения и загружать, хранить, отображать, фильтровать и стилизовать его данные. Конечным результатом будет приложение новостей с несколькими страницами категорий, комментариями для каждого раздела и пользовательскими страницами.
Duration 00:36:15
3 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
10 0
en
fullstack.io Fullstack Vue Book - The Complete Guide to Vue.js
Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения
с Vue.js. Fullstack Vue - это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.
Duration
19 0
23-03-2018 ru 1 урок
Codedojo Знакомство с Vue.js
Познакомьтесь с набирающим популярность JavaScript-фреймворком - Vue. Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении Vue к своим проектам.Vue уникален для всех уровней веб-разработчиков. Независимо от того, переходите ли вы из jQuery или из других фреймворков.
Duration 04:11:21
6 0
24-04-2018 ru 197 уроков
webformyself Фреймворк Vue.js. Полное руководство для современной веб-разработки
Этот курс для тех, хто хочет освоить современный фреймворк и начать с ним работать. Vue позволяет сделать разработку приложеий куда проще, а также быть востребованным специалистом на рынке труда. Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
Duration 43:33:41
15 0

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

Создайте приложение с React, Redux и Firestore с нуля

Создайте приложение с React, Redux и Firestore с нуля

en
Узнайте, как создать веб-приложение с помощью React, Redux и Firestore с нуля до развертывания. Вы хотите изучить React и Redux в контексте построения полного приложения? Вы хотите узнать о Firestore, новой базе данных от Google, которая предоставляет «живые данные» для нашего приложения?
JavaScript: Новые Жесткие Части

JavaScript: Новые Жесткие Части

en
«На этом семинаре мы разработаем интуитивное понимание новых возможностей JavaScript в ES6 и ES7: итераторы, генераторы, обещания и async / await». Понимание этих областей является основой того, чтобы быть способным инженером JavaScript. Для этого мы получим четкое представление о стеке вызовов...
Профессиональная разработка темы WordPress

Профессиональная разработка темы WordPress

en
Создание замечательных тем WordPress c нуля / 4 завершенные проекты / 26 файлов PSD / расширенные темы. Начните создавать свои собственные CUSTOM WordPress Themes с нуля с помощью этого 100% практического курса. WordPress поддерживает 25% всех веб-сайтов в мире - разработка WordPress Темы
Основы Swift c нуля

Основы Swift c нуля

ru
Начните программировать на новейшем языке уже через 2-3 недели и создавайте мобильные приложения для iPhone/iPad и других OS. Для обучения НЕ требуется MacBook. Версия: Swift 4. Swift - относительно новый язык программирования, с помощью которого можно создавать приложения...
Pазработчик BigData. Часть 1 из 5

Pазработчик BigData. Часть 1 из 5

ru
В настоящее время каждый сервис или устройство генерируют огромное количество данных. С помощью методов машинного обучения из данных стало возможным извлекать полезные знания. По этой причине данные становятся самым ценным ресурсом в бизнесе, а умение извлекать из данных информацию...
Laravel React CRUD/SPA Приложение за 2 часа

Laravel React CRUD/SPA Приложение за 2 часа

en
Научитесь делать GET POST PUT и DELETE запросы на laravel backend с помощью axios из React Components. Постройте CRUD / SPA. Научитесь делать CRUD (создавать, читать и удалять) / SPA (одностраничное приложение) Приложение, использующее Laravel и React JS всего за 2 часа! Этот 100-процентный...
Полный курс по Angular 2, 4, 5, 6 в глубине - Легкий путь!

Полный курс по Angular 2, 4, 5, 6 в глубине - Легкий путь!

en
Angular 6 CLI, Routing, Services, Pipes, Ajax и REST Api calls, RxJs, Angular Material Design, Проект и многое другое. Курс покрывает ввесь Ангулар с нуля! Вам НЕОБХОДИМО иметь предварительное знание Ангулар или TypeScript. От среды настройки до развертывания этот курс охватывает все такие...
Ruby on Rails с React и Angular

Ruby on Rails с React и Angular

en
Создавайте динамические веб-приложения с помощью Rails и с React, Angular, Yarn и Webpack в качестве фронтенда. Создавайте веб-приложения с дико популярными React JS, AngularJS и Ruby on Rails 5. Сегодня это самые популярные высокопоставленные веб-технологии в мире. Среди многих других функций...
Руководство по хранению данных на стороне клиента

Руководство по хранению данных на стороне клиента

en
JavaScript, HTML5, Cookies, WebStorage, LocalStorage, SessionStorage, IndexedDB, WebSQL и другое. Один и наиболее полных курсов по хранению данных на стороне клиента на Udemy! В современной веб-разработке клиентская сторона все больше и больше замещает серверную. Современные браузеры теперь...
chat
logo