Ознакомиться с важной информацией

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

Nuxt.js - Vue.js on Steroids
Открыть все курсы от udemy

Создавайте очень крутые приложения 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
  • ... и многое другое
Полный список уроков Развернуть / Свернуть
  • Урок 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
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре по истечению месяца после даты добавления (12 Feb 2018). Войди в свой аккаунт или оформи подписку в личном кабинете, чтобы посмотреть его уже сейчас.

Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

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

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 для управления состоянием.
19 2
05-09-2017 en 14 уроков
egghead Create a News App with Vue.js and Nuxt
Этот курс поможет вам создание веб-приложения новостей с использованием Vue.js и фреймворка Nuxt. Вы узнаете как создавать динамические страницы для каждого раздела вашего приложения и загружать, хранить, отображать, фильтровать и стилизовать его данные. Конечным результатом будет приложение новостей с несколькими страницами категорий, комментариями для каждого раздела и пользовательскими страницами.
1 0
15-11-2017 en 75 уроков
udemy Vue.js: Build a Full Stack App With Firebase, Vuex & Router
Поднимите свои навыки Javascript и Vue на следующий уровень, изучив управление состоянием, маршрутизацию, аутентификацию и Firebase! Если у вас есть небольшой опыт создания сайтов с использованием Javascript или фреймворков, таких как Vue.js, этот курс станет следующим шагом в вашем учебном путешествии! Во время этого курса вы создадите проект полного стека, чтобы еще больше повысить свои навыки и узнать, как интегрировать управление состоянием,...
0 0

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

AWS Сертифицированный разработчик - Associate 2018

AWS Сертифицированный разработчик - Associate 2018

en
Сертификация Amazon Web Services - быстро становится обязательным сертификатом для любого ИТ-специалиста работающего с AWS. Этот курс разработан чтобы помочь вам пройти экзамен AWS Certified Developer Associate (CDA) 2018. Даже если вы никогда не заходили на платформу AWS раньше, к концу...
Firebase в IOS

Firebase в IOS

en
Часть курса начнется с изучения основных навыков интеграции Firebase в ваши проекты. Это умение важно, поскольку вы увидите что эти шаги повторяются на протяжении всего курса; поэтому, пожалуйста, не пропустите первый раздел, если вы не знакомы с интеграцией Firebase.
Angular Advanced

Angular Advanced

ru
Angular Advanced - это логическое продолжение курса Angular Essential от itvdn. В этой серии уроков вы рассмотрите пользовательские директевыи и фильтры, посмотрите на использование реактивных подходов в написании приложений на ангулар, и работу с Observable . Пройдя эту серию уроков вы начнете...
Vue.js: Строим Full Stack приложение с Firebase, Vuex и Router

Vue.js: Строим Full Stack приложение с Firebase, Vuex и Router

en
Поднимите свои навыки Javascript и Vue на следующий уровень, изучив управление состоянием, маршрутизацию, аутентификацию и Firebase! Если у вас есть небольшой опыт создания сайтов с использованием Javascript или фреймворков, таких как Vue.js, этот курс станет следующим шагом в вашем учебном...
Строим приложение с ASP.NET Core и Angular 2 (4+)

Строим приложение с ASP.NET Core и Angular 2 (4+)

en
Создайте Full-stack приложение с ASP.NET Core, Entity Framework и Angular 2 (Angular 4+). С более чем 3000 студентов и более 300 положительных отзывов, этот курс является самым популярным курсом на Udemy для изучения ASP.NET Core. ASP.NET Core - это следующее поколение ASP.NET MVC.
React Native Design - Делаем front end 10-ти мобильных приложений

React Native Design - Делаем front end 10-ти мобильных приложений

en
Создайте фронтенд часть 10 приложений для Android и iOS, используя React Native. Expo, Native Base, Elements - все в этом курсе. Для прохождения этого курса вам нужны знания Javascript (но не гуру), React js не требуется для этого курса, поскольку мы начнем с основ и больше сосредоточимся...
Проектирование + программирования приложения для Android с нуля

Проектирование + программирования приложения для Android с нуля

en
Есть миллион курсов которые охватывают дизайн приложения или программирования приложений. Но сколько из них учат вас сразу двум вещам, в формате создания реального проекта с двумя учителями - дизайнером и про программистом? Не так много. Этот курс - безусловно да. Мы считаем что вы лучше...
chat
logo