Vue JS 2 - Полное руководство близкое к реальным приложениям (Vuex, Router, Node) - Видеоуроки

Vue JS 2 - The Full Guide by Real Apps (Vuex, Router, Node)
Duration 29:11:40
Открыть все курсы от udemy

Если вы планируете начать свою карьеру в качестве разработчика или просто хотите улучшить свои навыки программирования, тогда этот курс подходит именно вам. Получите все, что нужно, чтобы начать веб-разработку одним курсом!

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

Мы начнем очень легко с первого проекта Vue JS, в котором мы создадим макет нашего приложения. Я объясню вам, как создавать компоненты, данные и методы Vue. 

Кроме того, мы будем работать над простой моделью магазина, которая поможет нам лучше понять Vuex в следующих разделах. Мы будем хранить данные в нашем браузере Local Storage.

После первого проекта мы перейдем к гораздо большему приложению. Мы начнем работать над проектом Vue Meetuper. Приложение для создания и присоединения к различным Meetups. Очень волнующе!

Позже в этом курсе мы рассмотрим аутентификацию с помощью JWT (веб-токены json) и аутентификацию сеансов на стороне клиент / сервер.

Далее мы будем работать над основной функциональностью приложения для создания Meetup. Я представлю вам формы в Vue.js. Мы интегрируем плагин vuelidate и будем проверять входные данные нашей формы. Вы познакомитесь с интерактивными формами (форма мастера). Мы не будем работать только с традиционными входами, но я покажу вам, как интегрировать входы Datepicker и Timepicker.

После раздела создания Meetup мы рассмотрим возможность присоединиться и покинуть Meetup.

Мы еще не закончили. Далее мы будем работать над функцией создания тем и сообщений. Этот раздел будет очень интересным, потому что я представлю библиотеку Socket. Socket - это библиотека JavaScript для веб-приложений реального времени. Это обеспечивает двустороннюю связь в реальном времени между веб-клиентами и серверами. Мы будем использовать его для создания чата. Пользователи могут создавать сообщения в теме. После создания сообщения все клиенты, присутствующие на странице сведений о Meetup, будут обновлять свою страницу в режиме реального времени.

В последующих разделах мы будем работать над функцией получения местоположения с IP-адреса, и мы будем использовать это местоположение для улучшения UX на нашей странице. Мы будем искать Meetups по этому местоположению, поэтому каждый пользователь, заходящий на нашу страницу, имеет уникальный опыт. Я покажу вам, как создать базовую нумерацию страниц, а мы будем разбивать страницы на подробные страницы Meetup.

Мы закончим курс с функцией обновления встречи. Эта функция снова будет в основном создана вами.

Во время этого курса мы будем переключаться с нашего внешнего приложения на наше внутреннее приложение Node.js.

ПРИМЕЧАНИЕ. Разделы Node не являются обязательными, вы можете загружать код сервера и работать только с приложением Vue JS.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Detailed Overview + Requirements 00:12:07
  • Урок 2. How to get a help + Course Info 00:02:12
  • Урок 3. Init Project 00:07:44
  • Урок 4. App Introduction 00:01:58
  • Урок 5. Install Vue 00:07:05
  • Урок 6. First Directives, v-bind v-if 00:07:56
  • Урок 7. Directives v-on v-else 00:08:07
  • Урок 8. Directives v-for 00:11:53
  • Урок 9. Iterate Activities Assignment 00:05:11
  • Урок 10. Activity Form 00:08:04
  • Урок 11. Vue Components 00:10:51
  • Урок 12. Activity Form Adjustments 00:10:21
  • Урок 13. Init Project Vue CLI 00:07:34
  • Урок 14. Init Project Github Repo 00:08:39
  • Урок 15. Project Folder Structure Explanation 00:10:40
  • Урок 16. Merging Code from old Application 00:18:09
  • Урок 17. Lifecycle Functions Intro 00:09:33
  • Урок 18. Eslint 00:10:04
  • Урок 19. Computed Properties 00:14:20
  • Урок 20. Watchers 00:15:20
  • Урок 21. More Computed Properties 00:10:40
  • Урок 22. Category Select Input 00:06:52
  • Урок 23. Activity Create Component 00:14:42
  • Урок 24. Create Activity Emit Event 00:09:34
  • Урок 25. Create Activity Debugging 00:10:07
  • Урок 26. Create Activity Vue Set 00:07:32
  • Урок 27. Fetch Activities Async 00:07:33
  • Урок 28. Reject Error from Fetch Activities 00:10:06
  • Урок 29. Style Biding 00:11:20
  • Урок 30. Progress Styles 00:08:58
  • Урок 31. Mixins 00:15:36
  • Урок 32. Filters 00:08:26
  • Урок 33. Abstraction Fake API Part 1 00:10:47
  • Урок 34. Abstraction Fake API Part 2 00:13:59
  • Урок 35. Callbacks 00:05:45
  • Урок 36. Delete Activity Part 1 00:12:09
  • Урок 37. Delete Activity Part 2 00:07:53
  • Урок 38. Update Activity Part 1 00:11:47
  • Урок 39. Update Activity Part 2 00:14:58
  • Урок 40. Store part 1 00:07:08
  • Урок 41. Store part 2 00:08:10
  • Урок 42. Store part 3 00:15:20
  • Урок 43. Update Activity Continue Part 1 00:07:45
  • Урок 44. Update Activity Continue Part 2 00:08:37
  • Урок 45. Local Storage 00:16:15
  • Урок 46. Filtering Activities Part 1 00:08:55
  • Урок 47. Filtering Activities Part 2 00:18:03
  • Урок 48. Filtering Activities Part 3 00:10:27
  • Урок 49. Project init GIT - Preferable 00:10:51
  • Урок 50. [Optional]: Project Init Vue CLI 00:12:22
  • Урок 51. [Optional]: Server Explanation 00:10:28
  • Урок 52. Database Setup 00:16:30
  • Урок 53. Proxy Config + Fetch Categories 00:13:25
  • Урок 54. Display Categories 00:09:29
  • Урок 55. Display Meetups 00:14:02
  • Урок 56. Vue Router Intro 00:11:42
  • Урок 57. Router Navigation to Detail Page 00:09:02
  • Урок 58. Meetup Detail Page & Fetch Data 00:11:54
  • Урок 59. Meetup Detail - Display Threads & Posts 00:14:40
  • Урок 60. Meetup Find Page 00:13:01
  • Урок 61. Not Found Page 00:12:22
  • Урок 62. Vuex Init 00:07:06
  • Урок 63. Vuex Actions 00:10:02
  • Урок 64. Provide Vuex to Components 00:11:51
  • Урок 65. Vuex shared functions 00:06:39
  • Урок 66. Mapping Functions 00:10:47
  • Урок 67. Modules part 1 00:07:23
  • Урок 68. Modules part 2 00:12:41
  • Урок 69. App Spinner part 1 00:07:59
  • Урок 70. App Spinner part 2 00:13:23
  • Урок 71. Init Page Register & Login 00:05:50
  • Урок 72. Bind Values to Form 00:11:03
  • Урок 73. Validation Start 00:12:24
  • Урок 74. More Validators 00:19:28
  • Урок 75. Custom Validators 00:09:20
  • Урок 76. Register Init [Skippable - Code Included] 00:04:44
  • Урок 77. Register Implementation 00:12:34
  • Урок 78. Session Setup 00:19:39
  • Урок 79. Passport Intro 00:11:30
  • Урок 80. Login Implementation & Debugging 00:20:39
  • Урок 81. Logout & Auth Middleware 00:08:53
  • Урок 82. Debugging Auth & Logout 00:05:34
  • Урок 83. Register 00:05:26
  • Урок 84. Login 00:05:12
  • Урок 85. Username in Navbar 00:07:14
  • Урок 86. Preserve Auth State 00:08:58
  • Урок 87. Logout 00:04:50
  • Урок 88. Resolve Auth State 00:05:32
  • Урок 89. Secret Page 00:13:48
  • Урок 90. Secret Page Redirect 00:09:58
  • Урок 91. Only Guest User 00:09:33
  • Урок 92. Server Init [Skippable - Server Code Included] 00:13:56
  • Урок 93. Finishing JWT 00:11:33
  • Урок 94. Debugging JWT 00:07:43
  • Урок 95. JWT Client 00:13:10
  • Урок 96. Logout & Interceptor 00:07:10
  • Урок 97. Display Toast Message 00:09:46
  • Урок 98. Error Handling Server 00:16:43
  • Урок 99. Meetup Create Init 00:11:46
  • Урок 100. Move through the steps 00:10:09
  • Урок 101. Merge Form Data 00:13:24
  • Урок 102. Confirmation Step and Input Validation 00:09:49
  • Урок 103. Check Step Validity part 1 00:05:47
  • Урок 104. Check Step Validity part 2 00:06:13
  • Урок 105. Dynamic Render Component 00:06:44
  • Урок 106. Date Picker Input 00:15:12
  • Урок 107. Time Picker Input 00:11:13
  • Урок 108. Confirmation Event 00:07:46
  • Урок 109. [Server] Create meetup 00:02:17
  • Урок 110. Finalisation of Create Meetup 00:13:00
  • Урок 111. Join & Leave Computed Properties 00:10:31
  • Урок 112. Apply Computed Properties 00:03:12
  • Урок 113. Join Meetup 00:11:57
  • Урок 114. [Server] Join & Leave Meetup 00:06:16
  • Урок 115. Join Meetup Working 00:07:35
  • Урок 116. Leave Meetup Finish 00:12:13
  • Урок 117. Join & Leave Debugging 00:09:40
  • Урок 118. Thread Create Modal 00:10:11
  • Урок 119. Toggle Modal 00:13:03
  • Урок 120. Create Thread Action + Server 00:06:57
  • Урок 121. Create Thread Working + Debugging 00:09:24
  • Урок 122. Ordering Threads + Toast 00:09:04
  • Урок 123. Thread List and Post Create Components 00:11:21
  • Урок 124. Custom Directive 00:19:43
  • Урок 125. Auto Expand Directive 00:08:01
  • Урок 126. Send Post Action 00:11:03
  • Урок 127. [Server] Send Post 00:05:19
  • Урок 128. Send Post Action & Update View 00:13:28
  • Урок 129. Socket Init 00:09:35
  • Урок 130. Emitting & Subscribing 00:14:41
  • Урок 131. Custom Plugin 00:13:02
  • Урок 132. Socket Plugin 00:07:40
  • Урок 133. Socket Final 00:22:43
  • Урок 134. Socket Testing 00:16:02
  • Урок 135. Redirect After Logout, Final Improvements 00:06:40
  • Урок 136. Page Profile & Server 00:12:32
  • Урок 137. Fetch Stats Actions 00:07:52
  • Урок 138. Display Stats 00:10:44
  • Урок 139. Tab Functionality 00:05:44
  • Урок 140. User Update Modal Component 00:04:50
  • Урок 141. Provide User To Modal 00:04:38
  • Урок 142. Update User 00:11:11
  • Урок 143. Profile Section Debugging 00:13:11
  • Урок 144. [Server] Get location from IP 00:12:19
  • Урок 145. Meta Module 00:06:48
  • Урок 146. Display Location in Find Page 00:09:19
  • Урок 147. Display Location in Create Page 00:12:52
  • Урок 148. Search Meetup By Location 00:11:10
  • Урок 149. Search Meetup By Location Debugging 00:09:11
  • Урок 150. Find Meetups by Category 00:11:29
  • Урок 151. Find Meetups Improvements 00:13:08
  • Урок 152. Load More Threads, Server Init 00:10:18
  • Урок 153. Fetch Threads Apply Query Params 00:08:54
  • Урок 154. Fetch More Threads Working 00:15:49
  • Урок 155. Debugging Section 00:09:00
  • Урок 156. Page Meetup Edit 00:09:20
  • Урок 157. Edit Guard 00:14:54
  • Урок 158. Bind Values to Meetup Edit 00:20:13
  • Урок 159. Update Meetup Working 00:15:46
  • Урок 160. Meetup Update Fixes 00:12:10
  • Урок 161. Meetup Edit Styling Changes 00:13:40
  • Урок 162. Meetups Home Page - Add Location 00:09:31
  • Урок 163. Debugging & Final Lesson! 00:03:37
  • Урок 164. Heroku Preparation Part 1 00:11:23
  • Урок 165. Heroku Preparation Part 2 00:13:37
  • Урок 166. Heroku Preparation Part 3 00:09:04
  • Урок 167. App Testing 00:07:44
Этот курс находится в платной подписке!

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

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

Комментарии

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

en 2 урока
vuemastery Scaling Vue with Nuxt.js
Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.
Duration 00:20:35
3 0
en 9 уроков
vuemastery Real World Vue.js
За основами мы покажем вам больше реальной техники, которая необходима для приложений Vue. Мы проведем вас от установки с помощью Vue CLI до развертывания.
Duration 01:32:03
27 0
en 7 уроков
vuemastery Mastering Vuex
Узнайте, как обрабатывать состояние в приложении с Vuex, собственным паттерном управления состоянием Vue и библиотекой.
Duration 01:27:25
27 0
01-10-2018 en 118 уроков
udemy Build Web Apps with Vue JS 2 & Firebase
Изучите Vue JS и Firebase, создав и развернув динамические веб-приложения (включая аутентификацию). Если вы хотите начать создавать приложения с полным стеком с Vue JS и Firebase, то не смотрите дальше. В этом курсе я отведу вас от новичка к ниндзя в Vue JS, начиная с самых оснований VueJS, а затем продвигаюсь к созданию полноценных VueJS-приложений.
Duration 11:46:49
19 0
16-10-2018 en 188 уроков
udemy The complete Vue JS course
Научитесь создавать красивые веб-приложения, используя VUE js. включая три практических проекта. Вы хотите узнать весь процесс создания своего приложения с помощью Vue ?. Это курс для вас. Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать его ... и почему я должен« реально понимать, как работает Vue, и заставить его общаться с другими технологиями, такими как Firebase и Node js.
Duration 25:19:16
29 2
11-09-2018 en 82 урока
udemy Full-Stack Vue with GraphQL - The Ultimate Guide
Создайте приложение с полным стеком Pinterest с нуля с помощью Vue, GraphQL, Apollo 2, Vuex и Vuetify. Включает Apollo Server 2, Apollo Boost и новый Vue CLI 3! Заинтересованы в создании приложений следующего уровня с помощью Vue и GraphQL? Не смотрите дальше! Этот курс - ваш универсальный путеводитель по обучению...
Duration 09:52:03
20 2
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
32 4
30-11--0001 en 34 урока
adamwathan Advanced Vue Component Design
Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Duration 03:57:19
70 1
24-04-2018 ru 197 уроков
webformyself Фреймворк Vue.js. Полное руководство для современной веб-разработки
Этот курс для тех, хто хочет освоить современный фреймворк и начать с ним работать. Vue позволяет сделать разработку приложеий куда проще, а также быть востребованным специалистом на рынке труда. Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
Duration 43:33:41
155 6
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
88 2
05-09-2017 en 14 уроков
egghead Create a News App with Vue.js and Nuxt
Этот курс поможет вам создание веб-приложения новостей с использованием Vue.js и фреймворка Nuxt. Вы узнаете как создавать динамические страницы для каждого раздела вашего приложения и загружать, хранить, отображать, фильтровать и стилизовать его данные. Конечным результатом будет приложение новостей с несколькими страницами категорий, комментариями для каждого раздела и пользовательскими страницами.
Duration 00:36:15
10 0
19-12-2017 ru 12 уроков
Дмитрий Лаврик Интенсивный курс по Vue.js
Сейчас на "рынке" javascript фреймворков стоят три кита: React, Angular и Vue. Этот курс познакомит вас одним из них -  Vue.js -  который ничем не уступает реакту и ангулару, а также сравнительно проще в изучении для быстрого старта.
Duration 19:55:32
381 3

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

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo