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

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

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

The Complete Vue JS Developer Course – inc. Vue JS 2!

udemy

Скачать курс архивом Скачать материалы курса

Продолжительность

44 ч 0 мин

Категория

Vue

Количество уроков

276 Видео

Дата добавления

9 апр. 2019 г., 14:17

Язык

Английский

Дата выхода

19 мар. 2019 г., 09:00

Дата обновления

21 июл. 2020 г., 23:07

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

Этот ресурс является единственным ресурсом, который вам нужен для того, чтобы начать веб-разработку с 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. 00:12:10

Detailed Overview + Requirements
Урок 2. 00:02:16

How to get help + Course Info
Урок 3. 00:01:34

Section Introduction
Урок 4. 00:10:58

Initilization of Vue App
Урок 5. 00:09:45

Your first code - Hello World!
Урок 6. 00:13:57

Introduction to Variables
Урок 7. 00:14:37

Introduction to Functions - part 1
Урок 8. 00:21:10

Introduction to Functions - part 2
Урок 9. 00:14:14

How web apps work - part 1
Урок 10. 00:17:02

How web apps work - part 2
Урок 11. 00:16:13

Introduction to Operators
Урок 12. 00:15:21

What is Call Stack
Урок 13. 00:22:29

Introduction to Objects
Урок 14. 00:12:24

Introduction to Classes
Урок 15. 00:13:06

More about Class Contructor
Урок 16. 00:21:07

Introduction to "this" context
Урок 17. 00:16:47

Introduction to Inheritance - part 1
Урок 18. 00:22:34

Introduction to Inheritance - part 2
Урок 19. 00:17:35

What is IF statement
Урок 20. 00:08:33

Learn more about IFs
Урок 21. 00:16:11

Introduction to Arrays
Урок 22. 00:08:49

Map and Filter array functions
Урок 23. 00:22:59

Create custom Array functions
Урок 24. 00:14:33

Difference between var, const & let
Урок 25. 00:08:07

What is function scope
Урок 26. 00:09:28

Initilization of Todo App
Урок 27. 00:09:16

Vue Component "data" and "methods"
Урок 28. 00:12:19

Create todo container html and css
Урок 29. 00:12:19

Create todo items html and stylings
Урок 30. 00:08:25

Introduction to Scss
Урок 31. 00:12:15

Let's create more Vue Components
Урок 32. 00:12:11

What are Props
Урок 33. 00:07:45

Explanation of "v-for" directive
Урок 34. 00:16:08

Initilization of Modal + Stylings
Урок 35. 00:04:36

Modal "open" button stylings
Урок 36. 00:12:35

Move modal to separate component
Урок 37. 00:11:13

Toggling of Modal Component
Урок 38. 00:08:58

Implement close Modal
Урок 39. 00:05:54

Refactoring of Modal component
Урок 40. 00:12:16

Initilization of Todo create form
Урок 41. 00:05:32

What is Two way data binding
Урок 42. 00:08:58

New Todo create component
Урок 43. 00:13:50

Implementation of Todo create
Урок 44. 00:06:34

Introduction to Form Validation
Урок 45. 00:17:28

Close modal after Todo create
Урок 46. 00:11:46

Learn how to handle form errors
Урок 47. 00:07:26

Create edit and delete buttons
Урок 48. 00:07:03

Display edit form for Todo
Урок 49. 00:06:24

Get values to edit form inputs
Урок 50. 00:11:11

Data store architecture
Урок 51. 00:12:28

Dispatch action from the store
Урок 52. 00:14:46

Finishing update todo functionality
Урок 53. 00:07:47

Implementing delete todo functionality
Урок 54. 00:10:29

Introduction to Store architecture
Урок 55. 00:06:05

Learn how to persist data
Урок 56. 00:05:07

Persist data improvements
Урок 57. 00:00:45

Section Summary
Урок 58. 00:01:13

Section Introduction
Урок 59. 00:07:47

Introduction to Vue.JS (Initialise Project)
Урок 60. 00:02:00

Introduction to the Activity Planner App
Урок 61. 00:07:06

Installation of Vue.JS Framework
Урок 62. 00:07:57

Starting with directives - directive v-bind and v-if
Урок 63. 00:08:08

Explanation of directives v-else and v-on
Урок 64. 00:11:54

Explanation of directive v-for
Урок 65. 00:05:12

Iterate over activities array
Урок 66. 00:08:05

Introduction to forms - Create Activity Form
Урок 67. 00:10:52

Introduction to Vue components
Урок 68. 00:10:22

Making improvements in Activity Form
Урок 69. 00:00:44

Section Outro
Урок 70. 00:02:28

Section Intro
Урок 71. 00:07:37

Initialization of the Activity Planner via Vue CLI
Урок 72. 00:08:43

Initialization of the Activity Planner via Github
Урок 73. 00:10:44

Explanation of CLI application folder structure
Урок 74. 00:18:10

Merging code from Project 1 application
Урок 75. 00:09:34

Introduction to lifecycle funtions
Урок 76. 00:10:05

Introduction to Eslint
Урок 77. 00:14:21

Introduction to computed properties
Урок 78. 00:15:21

Introduction to watchers
Урок 79. 00:10:41

Learning more about computed properties
Урок 80. 00:06:53

Creating select input in form
Урок 81. 00:14:43

Moving form to separate component
Урок 82. 00:09:35

Learning how to emit events
Урок 83. 00:10:08

Introduction to debugging
Урок 84. 00:07:33

Responsive UI updates with Vue.set
Урок 85. 00:07:34

Asynchronous fetching of Activities data
Урок 86. 00:10:07

Handle error from response
Урок 87. 00:11:21

Introduction to Style Binding
Урок 88. 00:08:59

Improving styling of Progress Bar
Урок 89. 00:15:37

Introduction to Mixins
Урок 90. 00:08:27

Introduction to Filters
Урок 91. 00:10:48

Create abstraction of API
Урок 92. 00:14:00

Finishing the API abstraction + Debugging
Урок 93. 00:05:46

Introduction to callback functions
Урок 94. 00:12:10

Implementing Delete Activity functionality
Урок 95. 00:07:54

Finishing Delete Activity functionality
Урок 96. 00:11:49

Implementing Update Activity functionality
Урок 97. 00:14:59

Finishing Update Activity functionality
Урок 98. 00:07:09

Introduction to Store architecture - part 1
Урок 99. 00:08:11

Store architecture - part 2
Урок 100. 00:15:21

Store architecture - part 3
Урок 101. 00:07:46

Improvements of Activity update functionality Part 1
Урок 102. 00:08:38

Improvements of Activity update functionality Part 2
Урок 103. 00:16:16

Persisting activities data in Local Storage
Урок 104. 00:08:56

Filtering activities feature - part 1
Урок 105. 00:18:04

Filtering activities feature - part 2
Урок 106. 00:10:28

Filtering activities feature - part 3
Урок 107. 00:01:35

Section Outro
Урок 108. 00:01:47

Section Intro
Урок 109. 00:10:55

Initialization of VueMeetuper via Github
Урок 110. 00:12:25

[Optional]: Initialization of VueMeetuper app via Vue CLI
Урок 111. 00:10:29

[Optional]: Explanation of Node Server
Урок 112. 00:16:31

Setting up Mongo Atlas Database
Урок 113. 00:13:29

Explanation of Proxy + fetching Categories data
Урок 114. 00:09:32

Display Categories data in app
Урок 115. 00:14:06

Display Meetups data in app
Урок 116. 00:11:45

Introduction to Vue router
Урок 117. 00:09:03

Setting up navigation to Detail page
Урок 118. 00:11:55

Working on Detail page + fetching Meetup Data
Урок 119. 00:14:41

Display Threads & Posts data in Detail page
Урок 120. 00:13:02

Working on Meetup Find Page
Урок 121. 00:12:23

Implementation of Not Found Page
Урок 122. 00:01:32

Section Outro
Урок 123. 00:01:05

Section Intro
Урок 124. 00:07:10

Initialization of Vuex
Урок 125. 00:10:03

Introduction to Vuex Actions
Урок 126. 00:11:52

Injecting Vuex into Components
Урок 127. 00:06:40

Purpose of Shared Functions in Vuex
Урок 128. 00:10:48

Easier access to Vuex - Mapping
Урок 129. 00:07:24

Introduction to Modules - part 1
Урок 130. 00:12:42

Introduction to Modules - part 2
Урок 131. 00:08:00

Implementation of Loading Spinner
Урок 132. 00:13:26

Finishing the Loading Spinner
Урок 133. 00:00:58

Section Outro
Урок 134. 00:01:18

Section Intro
Урок 135. 00:05:52

Initialization of Register and Login page
Урок 136. 00:11:04

Binding component values to form
Урок 137. 00:12:25

Validation of form inputs
Урок 138. 00:19:29

Introduction to built-in Vuelidate validators
Урок 139. 00:09:21

Creating custom validators
Урок 140. 00:00:37

Section Outro
Урок 141. 00:01:07

Section Intro
Урок 142. 00:04:47

Initialization of Register functionality
Урок 143. 00:12:35

Implementation of Register controllers and routes
Урок 144. 00:19:40

Configuring Session implementation
Урок 145. 00:11:31

Introduction to Passport package
Урок 146. 00:20:40

Implementation of Login functionality + Debugging
Урок 147. 00:08:54

Implementation of Logout and Authentication middleware
Урок 148. 00:05:35

Debugging of implemented Authentication functionality
Урок 149. 00:00:54

Section Outro
Урок 150. 00:01:32

Section Intro
Урок 151. 00:05:30

Sending request to register user
Урок 152. 00:05:13

Sending request to login user
Урок 153. 00:07:15

Display user name in navigation bar
Урок 154. 00:09:00

Creating persistent authentication state
Урок 155. 00:04:51

Working on logout functionality
Урок 156. 00:05:33

Informing application about authentication state
Урок 157. 00:13:49

Creating Secret page protected by authentication
Урок 158. 00:09:59

Redirecting when user is not authenticated
Урок 159. 00:09:34

Creating only-guest restricted pages
Урок 160. 00:01:32

Section Outro
Урок 161. 00:01:56

Section Intro
Урок 162. 00:13:58

Replacing Session authentication with JWT
Урок 163. 00:11:34

Finishing implementation of JWT
Урок 164. 00:07:44

Debugging implemented JWT functionality
Урок 165. 00:13:14

Implementing JWT authentication to VueMeetuper
Урок 166. 00:07:11

Changing Logout and adding Interceptor functionality
Урок 167. 00:09:47

Display Toast message on error
Урок 168. 00:16:44

Improving error handing on Server
Урок 169. 00:01:10

Section Outro
Урок 170. 00:02:06

Section Introduction
Урок 171. 00:11:50

Initialization of Meetup create page
Урок 172. 00:10:10

Separating form into multiple screens
Урок 173. 00:13:25

Sharing form data with form screens
Урок 174. 00:09:50

Confirmation form step and input validation
Урок 175. 00:05:48

Checking form step validity - part 1
Урок 176. 00:06:14

Checking form step validity - part 2
Урок 177. 00:06:45

Creating dynamically rendered component
Урок 178. 00:15:13

Initialization of date picker Input
Урок 179. 00:11:14

Initialization of time picker Input
Урок 180. 00:07:47

Emitting form data to parent page
Урок 181. 00:02:18

Implementing create meetup on server
Урок 182. 00:13:01

Wrapping up create meetup functionality
Урок 183. 00:01:12

Section Summary
Урок 184. 00:01:45

Section Introduction
Урок 185. 00:10:34

Creating join and leave meetup computed properties
Урок 186. 00:03:13

Applying computed properties to view
Урок 187. 00:11:59

Implementing join meetup functionality
Урок 188. 00:06:17

Server implementation of join and leave meetup
Урок 189. 00:07:36

Finishing up join meetup functionality
Урок 190. 00:12:14

Finishing up leave meetup functionality
Урок 191. 00:09:41

Debugging of join and leave meetup implementation
Урок 192. 00:01:11

Section Summary
Урок 193. 00:01:52

Section Introduction
Урок 194. 00:10:14

Implementing modal window to create Thread
Урок 195. 00:13:04

Toggling modal window functionality
Урок 196. 00:06:58

Implemeting Action to create Thread
Урок 197. 00:09:25

Finishing Thread create feature + Debugging
Урок 198. 00:09:05

Ordering Threads by date + displaying Toast message
Урок 199. 00:11:22

New components Thread List and Post Create
Урок 200. 00:19:44

Introduction to custom directives
Урок 201. 00:08:03

Creating Auto Expand directive
Урок 202. 00:11:04

Sending Action to create Thread post
Урок 203. 00:05:20

Server implementation of create Post
Урок 204. 00:13:29

Updating view after post is created
Урок 205. 00:01:14

Section Summary
Урок 206. 00:01:42

Section Introduction
Урок 207. 00:09:39

Initialization of Socket library
Урок 208. 00:14:42

Learning how to emit event and subscribe to socket
Урок 209. 00:13:03

Introduction to Vue plugins
Урок 210. 00:07:41

Creating custom socket plugin
Урок 211. 00:22:44

Wrapping up socket functionality
Урок 212. 00:16:03

Testing socket implementation
Урок 213. 00:06:41

Redirecting after logout - small improvements
Урок 214. 00:01:03

Section Summary
Урок 215. 00:01:38

Section Introduction
Урок 216. 00:12:36

Initialization of Profile page
Урок 217. 00:07:53

Fetching user statistics from server
Урок 218. 00:10:45

Displaying user statistics in page
Урок 219. 00:05:45

Implementing Tabs to display different screen
Урок 220. 00:04:51

Creating Modal to display update user form
Урок 221. 00:04:39

Passing user data to modal component
Урок 222. 00:11:12

Finishing up update user feature
Урок 223. 00:13:12

Debugging of profile section
Урок 224. 00:01:05

Section Summary
Урок 225. 00:01:12

Section Introduction
Урок 226. 00:12:22

Getting location from IP - server implementation
Урок 227. 00:06:49

Creating meta module in Vuex
Урок 228. 00:09:20

Displaying Location in Find Page
Урок 229. 00:12:54

Providing location to meetup create page
Урок 230. 00:11:11

Searching Meetup by location
Урок 231. 00:09:12

Debugging of search meetup functionality
Урок 232. 00:00:55

Section Summary
Урок 233. 00:01:17

Section Introduction
Урок 234. 00:11:33

Implementing search meetup by category feature
Урок 235. 00:13:09

Improvements in meetup search
Урок 236. 00:10:19

Loading more threads - server implementation
Урок 237. 00:08:55

Applying query parameters to fetch threads request
Урок 238. 00:15:50

Loading more threads in VueMeetuper
Урок 239. 00:09:01

Debugging of meetup search and load more threads feature
Урок 240. 00:01:00

Section Summary
Урок 241. 00:01:08

Section Introduction
Урок 242. 00:09:24

Creating page to update meetup
Урок 243. 00:15:00

Allow only meetup creators to access update meetup page
Урок 244. 00:20:18

Bind values to Meetup Edit component
Урок 245. 00:15:50

Finishing up Meetup update functionality
Урок 246. 00:12:11

Fixing small issues in Meetup update
Урок 247. 00:13:41

Style changes in meetup update page
Урок 248. 00:09:32

Adding location to meetup home page
Урок 249. 00:03:40

Course wrap-up + Debugging
Урок 250. 00:01:06

Section Summary
Урок 251. 00:01:07

Section Introduction
Урок 252. 00:11:27

Setting up production environment - part 1
Урок 253. 00:13:38

Setting up production environment - part 2
Урок 254. 00:09:05

Deploying application to Heroku
Урок 255. 00:07:47

Testing Application on Heroku
Урок 256. 00:01:06

Section Introduction
Урок 257. 00:08:51

Implementing delete endpoint on server
Урок 258. 00:08:32

Display confirm window before delete
Урок 259. 00:05:52

Create action in VUEX to delete meetup
Урок 260. 00:07:17

Mutate state after meetup delete
Урок 261. 00:13:27

Remove threads and posts from state 1
Урок 262. 00:09:02

Remove threads and posts from state 2
Урок 263. 00:11:12

Pagination server implementation
Урок 264. 00:11:43

Initilization of pagination component
Урок 265. 00:04:59

Set pagination parameters in Vuex
Урок 266. 00:15:00

Sending request with actual page
Урок 267. 00:11:18

Persistent pagination with query params
Урок 268. 00:00:51

Section Summary
Урок 269. 00:05:18

Section Introduction
Урок 270. 00:13:24

Create confirmation Hash
Урок 271. 00:01:19

Tips and Suggestions before sending Email
Урок 272. 00:22:48

Send email with NodeMailer
Урок 273. 00:07:07

New user Activate Page
Урок 274. 00:12:49

Activate User implementation
Урок 275. 00:14:09

Display redirect messages
Урок 276. 00:04:56

Last Improvements + Section Summar

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+191

Категории

Комментарии

Amstel

3 окт. 2021 г., 11:16

Hello Admin, lesson video 163 - Finishing implementation of JWT, is not playing. Kindly help fix it.
mblandr

30 сент. 2021 г., 14:35

видео 163. Finishing implementation of JWT повреждено. Поправьте, пожалуйста!
Smith

21 июл. 2020 г., 10:26

Update please. Thanks

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

Другие материалы в этой категории

Изображение курса Масштабируем Vue с Nuxt.js

vuemastery

9 февр. 2019 г., 13:43

Vue Nuxt

Масштабируем Vue с Nuxt.js

Scaling Vue with Nuxt.js

Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.

1 ч 34 мин

Английский

Посмотреть

+23

vuemastery

18 дек. 2018 г., 16:20

Vue

Real World Vue.js

За основами мы покажем вам больше реальной техники, которая необходима для приложений Vue. Мы проведем вас от установки с помощью Vue CLI до развертывания.

1 ч 32 мин

Английский

Посмотреть

+64

vuemastery

22 дек. 2018 г., 04:31

Vue

Mastering Vuex

Узнайте, как обрабатывать состояние в приложении с Vuex, собственным паттерном управления состоянием Vue и библиотекой.

1 ч 27 мин

Английский

Посмотреть

+55

Изображение курса Создание веб-приложений с помощью Vue JS 3 и Firebase

udemy

6 нояб. 2018 г., 15:32

Vue

Создание веб-приложений с помощью Vue JS 3 и Firebase

Build Web Apps with Vue JS 3 & Firebase

Изучите Vue JS и Firebase, создав и развернув динамические веб-приложения (включая аутентификацию). Если вы хотите начать создавать приложения с полным стеком с Vue JS и Firebase, то не смотрите дальше. В этом курсе я отведу вас от новичка к ниндзя в Vue JS, начиная с самых оснований VueJS, а затем продвигаюсь к созданию полноценных VueJS-приложений.

31 ч 35 мин

Английский

Посмотреть

+64

udemy

1 нояб. 2018 г., 11:03

Vue

Полный курс Vue JS

The complete Vue JS course

Научитесь создавать красивые веб-приложения, используя VUE js. включая три практических проекта. Вы хотите узнать весь процесс создания своего приложения с помощью Vue ?. Это курс для вас. Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать его ... и почему я должен« реально понимать, как работает Vue, и заставить его общаться с другими технологиями, такими как Firebase и Node js.

25 ч 19 мин

Английский

Посмотреть

+38