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

Основы Vue JS с Vuex и Vue Router - Видеоуроки

Vue JS Essentials with Vuex and Vue Router
Duration 10:15:00
Открыть все курсы от udemy

У вас ограниченное время для изучения Vue, Vuex и Vue Router? Пройдите этот курс и изучите Vue всего за 11 часов!

Управление состоянием с Vuex? Тут. Drag and drop image upload?  загрузка изображения? Покрыто! Аутентификация с помощью OAuth2? Это здесь!

Если вы хотите узнать Vue, Vuex и Vue Router в рекордные сроки, вы в нужном месте! Я построил этот курс, чтобы помочь вам понять Vue за долю времени, требуемого другими курсами. Здесь вы не найдете абсолютно никакой воды, только прямые, точные и краткие объяснения того, как работает Vue.

Vue - чрезвычайно популярный фреймворк Javascript, разработанный для разработки динамических и интерактивных веб-приложений. В течение последних нескольких лет Vue вырос чрезвычайно и готов обгонять даже React и Angular как король всех веб-фреймворков. Секрет Vue - его простота. Чтобы помочь вам овладеть Vue, я построил этот курс специально, чтобы его можно было завершить за минимальное время. 

Всего за 11 часов вы можете стать мастером Vue!

Vue может использоваться сам по себе, но он становится еще лучше при использовании с Vuex и Vue Router. Vuex - это система управления состоянием, которая используется для извлечения, хранения и перемещения данных вокруг вашего приложения. В этом курсе вы получите глубокое представление о том, как работает Vuex и как он хорошо работает с Vue, получая много практики, извлекая данные, сохраняя их, а затем извлекая их для использования внутри приложения Vue. Vue Router используется для навигации на разных страницах в одном приложении. Vue Router невероятно прост, чтобы начать работу - вы освоите его внутреннюю работу после того, как я покажу вам один простой пример.

На протяжении всего курса вы получите практический опыт в следующем:

  • Создание динамических, гибких приложений с использованием Vue
  • Загрузка изображений на удаленный сервер с помощью перетаскивания изображений
  • Зарегистрируйте пользователей в своем приложении, используя аутентификацию OAuth2
  • Используйте передовой проектный шаблон с Vue CLI
  • Уменьшите количество кода, который вы пишете, используя Директивы шаблона
  • Общение между компонентами, используя props и events
  • Обновление компонентов Vue с использованием свойств реактивных данных
  • Сделаете навигацию пользователей по вашему приложению с помощью Vue Router
  • Данные приложения модели с использованием мощной инфраструктуры Vuex
  • Сохранять информацию, хранящуюся в вашем приложении, используя локальное хранилище
  • Разработаете понимание между уровнями императивного и декларативного программирования
  • Узнайте, как Vue предоставляет разработчикам несколько инструментов для выполнения задачи и знает, что лучше для вас

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

Полный список уроков Развернуть / Свернуть
  • Урок 1. How to Get Help 00:01:08
  • Урок 2. Our First Vue App 00:08:06
  • Урок 3. App Overview 00:03:08
  • Урок 4. A Codepen Starter 00:02:25
  • Урок 5. Vue Templates and Instances 00:04:36
  • Урок 6. Creating the Template 00:02:13
  • Урок 7. Linking Templates and Instances 00:03:51
  • Урок 8. Step by Step Implementation 00:03:26
  • Урок 9. Defining Instance Methods 00:04:43
  • Урок 10. Defining Vue Directives 00:05:13
  • Урок 11. Retrieving Event Information 00:02:41
  • Урок 12. Imperative vs Delcarative Programming 00:10:25
  • Урок 13. Declarative Apps with the Vue API 00:06:00
  • Урок 14. Data Computed and Methods 00:02:44
  • Урок 15. Updated Data Values 00:04:33
  • Урок 16. Computed Properties 00:05:35
  • Урок 17. Review from Start to Finish 00:04:54
  • Урок 18. Template Placement 00:03:51
  • Урок 19. Referencing Data in the Template 00:03:45
  • Урок 20. Expressions in Templates 00:05:51
  • Урок 21. App Overview 00:02:09
  • Урок 22. App Challenges 00:03:30
  • Урок 23. Generating a New Project 00:02:33
  • Урок 24. Why Use Vue CLI 00:04:02
  • Урок 25. Project Walkthrough 00:04:28
  • Урок 26. Vue Files 00:04:43
  • Урок 27. Behind the Scenes of Vue Files 00:04:49
  • Урок 28. Vue Components vs Vue Instances 00:05:24
  • Урок 29. Starting from Scratch 00:05:38
  • Урок 30. The App Component 00:03:44
  • Урок 31. Another Way of Specifying Content 00:04:02
  • Урок 32. Multiple Ways of DOM Attachment 00:05:06
  • Урок 33. Making the SearchBar 00:02:20
  • Урок 34. Nesting Components 00:04:08
  • Урок 35. Event Directives 00:02:11
  • Урок 36. Shorthand Event Syntax 00:02:10
  • Урок 37. Data Sharing Between Components 00:03:47
  • Урок 38. Communication with Props and Events 00:02:18
  • Урок 39. Emitting Events 00:03:11
  • Урок 40. Listening for Custom Events 00:04:49
  • Урок 41. Youtube API Signup 00:05:29
  • Урок 42. Searching Youtube 00:05:12
  • Урок 43. Investigating Video Responses 00:02:39
  • Урок 44. Rendering a List of Videos 00:04:06
  • Урок 45. Updating Data Causes Rerenders 00:03:22
  • Урок 46. Data in Components vs Instances 00:04:12
  • Урок 47. Updating Data 00:05:08
  • Урок 48. Communicating from Parent to Child 00:06:55
  • Урок 49. Prop Validation 00:05:42
  • Урок 50. Separate List Components 00:04:21
  • Урок 51. Lists with V-For 00:03:50
  • Урок 52. Handling Props with V-For 00:06:21
  • Урок 53. Keys with V-For 00:03:05
  • Урок 54. Including Bootstrap Styling 00:02:12
  • Урок 55. Styling the Search Bar 00:03:57
  • Урок 56. Styling the Video List 00:02:39
  • Урок 57. Thumbnail Image Reference 00:05:32
  • Урок 58. Thumbnail By Computed Property 00:04:35
  • Урок 59. More List Item Styling 00:05:30
  • Урок 60. Handling Nested Clicks 00:04:24
  • Урок 61. Event Handling in the VideoList 00:04:49
  • Урок 62. Receiving Events in the App 00:03:05
  • Урок 63. Passing Props to the Video Detail 00:04:57
  • Урок 64. Updating Data 00:05:07
  • Урок 65. The V-If Directive 00:04:02
  • Урок 66. Referencing Video Title and Description 00:04:19
  • Урок 67. Crafting the Embed URL 00:07:41
  • Урок 68. Responsive Embeds 00:02:28
  • Урок 69. Two Column Layout 00:03:19
  • Урок 70. App Review 00:02:47
  • Урок 71. App Overview 00:02:45
  • Урок 72. App Challenges 00:05:09
  • Урок 73. Additional Dependencies 00:01:15
  • Урок 74. A Bit of Boilerplate 00:04:24
  • Урок 75. Building the Header 00:04:08
  • Урок 76. Including Semantic UI 00:05:32
  • Урок 77. Styling the Header 00:05:45
  • Урок 78. Imgur Overview 00:03:55
  • Урок 79. OAuth Overview 00:05:25
  • Урок 80. Imgur API Signup 00:06:52
  • Урок 81. Handling App Logic 00:05:53
  • Урок 82. Vue Introduction 00:03:29
  • Урок 83. Vuex Modules 00:11:51
  • Урок 84. Connecting Vuex to Vue 00:06:42
  • Урок 85. Initial Auth Module Design 00:06:40
  • Урок 86. Auth Module Mutations 00:07:11
  • Урок 87. Auth Module State and Getters 00:06:54
  • Урок 88. Updating State Values 00:03:10
  • Урок 89. Logging Out with Actions 00:04:33
  • Урок 90. Separate API Helpers 00:08:07
  • Урок 91. Forming the OAuth2 URL 00:08:14
  • Урок 92. Initiating the Login Flow 00:03:33
  • Урок 93. Wiring in the Auth Module 00:03:40
  • Урок 94. Initial OAuth Request 00:13:17
  • Урок 95. Extracting the Access Token 00:04:36
  • Урок 96. Wiring up Vue Router 00:07:09
  • Урок 97. Browser vs Hash Routers 00:05:00
  • Урок 98. Component Insertion Point 00:02:31
  • Урок 99. Component Lifecycle Methods 00:06:53
  • Урок 100. Calling Actions 00:03:22
  • Урок 101. Parsing the Access Token 00:06:20
  • Урок 102. Data in Components with MapGetters 00:06:46
  • Урок 103. The V-Else Directive 00:05:41
  • Урок 104. Persisting Login State 00:06:28
  • Урок 105. Button Styling 00:03:16
  • Урок 106. Logging Out Users 00:02:41
  • Урок 107. Automatic Component Updates 00:01:53
  • Урок 108. Clearing LocalStorage Tokens 00:02:25
  • Урок 109. Programmatic Navigation 00:07:21
  • Урок 110. Additional Route Config 00:04:41
  • Урок 111. Navigation with Router-Link 00:06:17
  • Урок 112. Image Module Deisgn 00:08:24
  • Урок 113. Module Implementation 00:03:52
  • Урок 114. Fetch Images API Documentation 00:02:34
  • Урок 115. Fetching Images 00:05:33
  • Урок 116. Communicating Across Modules 00:06:33
  • Урок 117. Testing Images Reponse 00:07:23
  • Урок 118. Image Upload via Imgur 00:03:38
  • Урок 119. Committing Images to State 00:03:11
  • Урок 120. Mapping the Images Getter 00:02:51
  • Урок 121. Listing Images 00:02:41
  • Урок 122. Image Upload Overview 00:03:07
  • Урок 123. Upload Form HTML 00:04:53
  • Урок 124. Styling the Upload Form 00:06:30
  • Урок 125. The Upload Images Action 00:02:30
  • Урок 126. File Change Event 00:02:56
  • Урок 127. Accepting Multiple Image Files 00:06:14
  • Урок 128. The Path to Upload 00:03:45
  • Урок 129. Attaching Images with FormData 00:07:21
  • Урок 130. Concurrent Uploads 00:05:44
  • Урок 131. Layout with CSS Grid 00:03:06
  • Урок 132. Hide Images on Logout 00:02:28
  • Урок 133. Expanding the App 00:02:07
Этот курс находится в платной подписке!

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

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

Комментарии

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

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
23 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
05-02-2018 en 341 урок
udemy Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
(UPDATED 02/2018)! VueJS - крутой JavaScript фрэймворк для создания фронт-енд приложений. Vue 2 взял лучшее у Angular 2 и React. Общедоступные фрэймворки чрезвычайно популярны, потому что они дают нам рективную скорость построение сложных приложений из коробки. Не удивительно, что рабочие места с такими навыками как фрэймворк VueJS являются одними из самых высокооплачиваемых. Вы можете уже знать Angular 2 и ReactJS, но VueJS сочетает в себе...
Duration 19:08:19
25 2
en 132 урока
udemy React JS vs Angular vs Vue JS – Quickstart & Comparison
Angular, React или Vue? Что такое Webpack и почему React использует его? Получите подробные ответы на эти вопросы в этом курсе. Что вы узнаете:

- Выберите свой фреймворк JavaScript и погрузитесь в него глубже;
- Поймете мир JavaScript фреймворков и его множества инструментов еще лучше;
- Сделаете свое приложение на голову лучше.

Требования:

- Основы языка JavaScript являются...
Duration 07:50:24
12 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