Последние новости: Свежий coursehunters.club

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

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

Vue JS Essentials with Vuex and Vue Router - Полный список уроков

Развернуть / Свернуть
  • Урок 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

У вас ограниченное время для изучения 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 как можно быстрее, начинайте это прямо тут и сейчас.

Твоя оценка

10 2
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал 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
50 0
23-03-2018 ru 1 урок
Codedojo Знакомство с Vue.js
Познакомьтесь с набирающим популярность JavaScript-фреймворком - Vue. Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении Vue к своим проектам.Vue уникален для всех уровней веб-разработчиков. Независимо от того, переходите ли вы из jQuery или из других фреймворков.
Duration 04:11:21
12 0
24-04-2018 ru 197 уроков
webformyself Фреймворк Vue.js. Полное руководство для современной веб-разработки
Этот курс для тех, хто хочет освоить современный фреймворк и начать с ним работать. Vue позволяет сделать разработку приложеий куда проще, а также быть востребованным специалистом на рынке труда. Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
Duration 43:33:41
79 3
05-02-2018 en 352 урока
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:57:30
45 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
14 0
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
25 2
en 16 уроков
vueschool.io Vuex for Everyone
Этот курс Vue.js основан на официальном примере Vuex. Мы создадим корзину с Vue и постепенно узнаем о функциях Vuex, заменив части приложения мутациями, геттерами и действиями.
Duration 01:01:08
0 0

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

Gulp Сборка. Ускорение верстки

Gulp Сборка. Ускорение верстки

ru
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов? Все еще используете HTML + CSS? Переходи на красную сторону силы! У нас есть Gulp - Автообновление в браузере, LESS/SASS разложен по модулям, Нет дублированию кода, Компонентый подход.
Веб-разработка Full-Stack | Node, SQL, React и многое другое

Веб-разработка Full-Stack | Node, SQL, React и многое другое

en
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое! Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско.
Изучение Blockchain разработки с EOS и C++

Изучение Blockchain разработки с EOS и C++

en
Изучите экосистему ЕOS dApp и узнайте, как писать и развертывать смарт-контракты в EOSIO блокчейн. Смарт-контракты? Они здесь. EOS Blockchain? Да. C ++? Тут! Не может быть никаких сомнений: технология EOS и blockchain является самой разрушительной силой за последние годы. Компании не могут...
Знакомство с API ВКонтакте от Тарасова Алексея

Знакомство с API ВКонтакте от Тарасова Алексея

ru
Курс о том, как отправлять запросы к программному интерфейсу сервиса ВКонтакте и получать или размещать информацию в соц. API – это программный интерфейс взаимодействия между главным приложением (ВКонтакте) и дополнительными внешними приложениями. С помощью HTTP запросов к специальному серверу...
Асинхронные методы и примеры в Python

Асинхронные методы и примеры в Python

en
Поддержка асинхронного и параллельного программирования Python сильно недооценена. В этом курсе вы узнаете весь спектр параллельных API-интерфейсов Python. Мы начнем с изучения новых и мощных асинхронных и ожидающих ключевых слов вместе с базовым модулем: asyncio. Затем мы перейдем к потокам...
chat
logo