Vue JS 2: Полное руководство - Видеоуроки

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Duration 19:57:30
Открыть все курсы от udemy

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Course Introduction 00:03:10
  • Урок 2. Let's Create our First VueJS Application 00:04:46
  • Урок 3. Extending the VueJS Application 00:04:13
  • Урок 4. Course Structure 00:03:45
  • Урок 5. Take Advantage of all Course Resources! 00:01:57
  • Урок 6. Setup VueJS Locally 00:02:04
  • Урок 7. Module Introduction 00:00:46
  • Урок 8. Understanding VueJS Templates 00:02:36
  • Урок 9. How the VueJS Template Syntax and Instance Work Together 00:02:43
  • Урок 10. Accessing Data in the Vue Instance 00:01:50
  • Урок 11. Binding to Attributes 00:02:44
  • Урок 12. Understanding and Using Directives 00:01:28
  • Урок 13. Disable Re-Rendering with v-once 00:01:42
  • Урок 14. How to Output Raw HTML 00:02:44
  • Урок 15. Listening to Events 00:01:51
  • Урок 16. Getting Event Data from the Event Object 00:02:37
  • Урок 17. Passing your own Arguments with Events 00:01:54
  • Урок 18. Modifying an Event - with Event Modifiers 00:03:24
  • Урок 19. Listening to Keyboard Events 00:02:04
  • Урок 20. Writing JavaScript Code in the Templates 00:03:20
  • Урок 21. Using Two-Way-Binding 00:01:50
  • Урок 22. Reacting to Changes with Computed Properties 00:09:33
  • Урок 23. An Alternative to Computed Properties: Watching for Changes 00:03:54
  • Урок 24. Saving Time with Shorthands 00:01:27
  • Урок 25. Dynamic Styling with CSS Classes - Basics 00:04:23
  • Урок 26. Dynamic Styling with CSS Classes - Using Objects 00:01:36
  • Урок 27. Dynamic Styling with CSS Classes - Using Names 00:03:28
  • Урок 28. Setting Styles Dynamically (without CSS Classes) 00:03:16
  • Урок 29. Styling Elements with the Array Syntax 00:01:15
  • Урок 30. Module Wrap Up 00:00:45
  • Урок 31. Module Introduction 00:00:50
  • Урок 32. Conditional Rendering with v-if 00:03:39
  • Урок 33. Using an Alternative v-if Syntax 00:01:37
  • Урок 34. Don't Detach it with v-show 00:01:44
  • Урок 35. Rendering Lists with v-for 00:02:27
  • Урок 36. Getting the Current Index 00:01:52
  • Урок 37. Using an Alternative v-for Syntax 00:01:11
  • Урок 38. Looping through Objects 00:04:45
  • Урок 39. Looping through a List of Numbers 00:00:58
  • Урок 40. Keeping Track of Elements when using v-for 00:04:09
  • Урок 41. Module Wrap Up 00:00:52
  • Урок 42. Introduction & Challenge 00:02:55
  • Урок 43. Setting up the Course Project 00:02:38
  • Урок 44. Creating the Vue Instance and Styling the Healthbars 00:05:17
  • Урок 45. Showing the Player Controls Conditionally 00:02:03
  • Урок 46. Implementing a "Start Game" Method 00:01:54
  • Урок 47. Implementing a "Attack" Method 00:08:04
  • Урок 48. Write better Code - Time for Refactoring! 00:04:53
  • Урок 49. Implementing a "Special Attack" 00:02:12
  • Урок 50. Implementing a "Heal" Method 00:02:22
  • Урок 51. Finishing the Action Buttons 00:01:00
  • Урок 52. Creating an Action Log 00:02:42
  • Урок 53. Printing the Log (v-for) 00:02:21
  • Урок 54. Finishing the Log 00:01:58
  • Урок 55. Styling the Log Conditionally 00:01:45
  • Урок 56. Wrap Up 00:01:29
  • Урок 57. Module Introduction 00:01:05
  • Урок 58. Some Basics about the VueJS Instance 00:02:59
  • Урок 59. Using Multiple Vue Instances 00:02:53
  • Урок 60. Accessing the Vue Instance from Outside 00:03:30
  • Урок 61. How VueJS manages your Data and Methods 00:04:02
  • Урок 62. A Closer Look at $el and $data 00:04:56
  • Урок 63. Placing $refs and Using them on your Templates 00:05:49
  • Урок 64. Where to learn more about the Vue API 00:00:59
  • Урок 65. Mounting a Template 00:06:43
  • Урок 66. Using Components 00:04:57
  • Урок 67. Limitations of some Templates 00:02:36
  • Урок 68. How VueJS Updates the DOM 00:03:26
  • Урок 69. The VueJS Instance Lifecycle 00:03:13
  • Урок 70. The VueJS Instance Lifecycle in Practice 00:05:40
  • Урок 71. Module Wrap Up 00:00:55
  • Урок 72. Module Introduction 00:01:34
  • Урок 73. Why do we need a Development Server? 00:02:48
  • Урок 74. What does "Development Workflow" mean? 00:03:52
  • Урок 75. Using the Vue CLI to create Projects 00:02:36
  • Урок 76. Installing the Vue CLI and Creating a new Project 00:04:19
  • Урок 77. An Overview over the Webpack Template Folder Structure 00:03:41
  • Урок 78. Understanding ".vue" Files 00:06:47
  • Урок 79. Understanding the Object in the Vue File 00:01:12
  • Урок 80. How to Build your App for Production 00:00:50
  • Урок 81. Module Wrap Up 00:01:12
  • Урок 82. Module Introduction 00:01:05
  • Урок 83. An Introduction to Components 00:04:57
  • Урок 84. Storing Data in Components with the Data Method 00:04:05
  • Урок 85. Registering Components Locally and Globally 00:02:51
  • Урок 86. The "Root Component" in the App.vue File 00:03:22
  • Урок 87. Creating a Component 00:04:25
  • Урок 88. Using Components 00:05:33
  • Урок 89. Moving to a Better Folder Structure 00:02:44
  • Урок 90. How to Name your Component Tags (Selectors) 00:04:32
  • Урок 91. Scoping Component Styles 00:05:06
  • Урок 92. Module Wrap Up 00:00:51
  • Урок 93. Module Introduction 00:00:47
  • Урок 94. Communication Problems 00:02:53
  • Урок 95. Using Props for Parent => Child Communication 00:03:11
  • Урок 96. Naming "props" 00:01:11
  • Урок 97. Using "props" in the Child Component 00:01:29
  • Урок 98. Validating "props" 00:04:58
  • Урок 99. Using Custom Events for Child => Parent Communication 00:05:56
  • Урок 100. Understanding Unidirectional Data Flow 00:01:08
  • Урок 101. Communicating with Callback Functions 00:02:24
  • Урок 102. Communication between Sibling Components 00:06:26
  • Урок 103. Using an Event Bus for Communication 00:05:33
  • Урок 104. Centralizing Code in an Event Bus 00:02:15
  • Урок 105. Wrap Up 00:00:42
  • Урок 106. Module Introduction 00:00:39
  • Урок 107. Setting up the Module Project 00:03:01
  • Урок 108. Passing Content - The Suboptimal Solution 00:02:20
  • Урок 109. Passing Content with Slots 00:00:43
  • Урок 110. How Slot Content gets Compiled and Styled 00:03:04
  • Урок 111. Using Multiple Slots (Named Slots) 00:02:51
  • Урок 112. Default Slots and Slot Defaults 00:02:02
  • Урок 113. A Summary on Slots 00:00:46
  • Урок 114. Switching Multiple Components with Dynamic Components 00:05:32
  • Урок 115. Understanding Dynamic Component Behavior 00:02:08
  • Урок 116. Keeping Dynamic Components Alive 00:00:59
  • Урок 117. Dynamic Component Lifecycle Hooks 00:01:19
  • Урок 118. Wrap Up 00:01:12
  • Урок 119. Module Introduction 00:01:37
  • Урок 120. Setting up the Project 00:01:23
  • Урок 121. Initializing the Application 00:01:29
  • Урок 122. Creating the Application Components 00:04:05
  • Урок 123. Passing Data with Props and Slots 00:02:14
  • Урок 124. Allowing Users to Create Quotes with a NewQuote Component 00:04:09
  • Урок 125. Adding Quotes with Custom Events 00:03:35
  • Урок 126. Adding a Info Box 00:01:07
  • Урок 127. Allowing for Quote Deletion 00:03:41
  • Урок 128. Controlling Quotes with a Progress Bar 00:03:53
  • Урок 129. Finishing Touches and State Management 00:02:14
  • Урок 130. Module Introduction 00:00:55
  • Урок 131. A Basic <input> Form Binding 00:03:47
  • Урок 132. Grouping Data and Pre-Populating Inputs 00:02:43
  • Урок 133. Modifying User Input with Input Modifiers 00:02:59
  • Урок 134. Binding <textarea> and Saving Line Breaks 00:02:54
  • Урок 135. Using Checkboxes and Saving Data in Arrays 00:04:06
  • Урок 136. Using Radio Buttons 00:02:31
  • Урок 137. Handling Dropdowns with <select> and <option> 00:05:10
  • Урок 138. What v-model does and How to Create a Custom Control 00:02:50
  • Урок 139. Creating a Custom Control (Input) 00:05:14
  • Урок 140. Submitting a Form 00:02:09
  • Урок 141. Wrap Up 00:00:44
  • Урок 142. Module Introduction 00:00:54
  • Урок 143. Understanding Directives 00:03:35
  • Урок 144. How Directives Work - Hook Functions 00:02:29
  • Урок 145. Creating a Simple Directive 00:01:23
  • Урок 146. Passing Values to Custom Directives 00:01:09
  • Урок 147. Passing Arguments to Custom Directives 00:02:41
  • Урок 148. Modifying a Custom Directive with Modifiers 00:02:25
  • Урок 149. Custom Directives - A Summary 00:00:29
  • Урок 150. Registering Directives Locally 00:01:38
  • Урок 151. Using Multiple Modifiers 00:04:28
  • Урок 152. Passing more Complex Values to Directives 00:02:14
  • Урок 153. Wrap Up 00:00:45
  • Урок 154. Module Introduction 00:00:46
  • Урок 155. Creating a Local Filter 00:04:33
  • Урок 156. Global Filters and How to Chain Multiple Filters 00:01:46
  • Урок 157. An (often-times better) Alternative to Filters: Computed Properties 00:05:16
  • Урок 158. Understanding Mixins 00:02:24
  • Урок 159. Creating and Using Mixins 00:02:26
  • Урок 160. How Mixins get Merged 00:02:59
  • Урок 161. Creating a Global Mixin (Special Case!) 00:03:27
  • Урок 162. Mixins and Scope 00:02:34
  • Урок 163. Wrap Up 00:01:57
  • Урок 164. Module Introduction 00:01:09
  • Урок 165. Understanding Transitions 00:01:02
  • Урок 166. Preparing Code to use Transitions 00:03:12
  • Урок 167. Setting Up a Transition 00:03:10
  • Урок 168. Assigning CSS Classes for Transitions 00:02:28
  • Урок 169. Creating a "Fade" Transition with the CSS Transition Property 00:03:22
  • Урок 170. Creating a "Slide" Transition with the CSS Animation Property 00:04:00
  • Урок 171. Mixing Transition and Animation Properties 00:03:32
  • Урок 172. Animating v-if and v-show 00:00:34
  • Урок 173. Setting Up an Initial (on-load) Animation 00:01:31
  • Урок 174. Using Different CSS Class Names 00:04:02
  • Урок 175. Using Dynamic Names and Attributes 00:02:34
  • Урок 176. Transitioning between Multiple Elements (Theory) 00:00:35
  • Урок 177. Transitioning between Multiple Elements (Practice) 00:04:43
  • Урок 178. Listening to Transition Event Hooks 00:02:07
  • Урок 179. Understanding JavaScript Animations 00:08:04
  • Урок 180. Excluding CSS from your Animation 00:01:29
  • Урок 181. Creating an Animation in JavaScript 00:06:19
  • Урок 182. Animating Dynamic Components 00:05:58
  • Урок 183. Animating Lists with <transition-group> 00:00:45
  • Урок 184. Using <transition-group> - Preparations 00:04:21
  • Урок 185. Using <transition-group> to Animate a List 00:06:13
  • Урок 186. Understanding the App 00:01:16
  • Урок 187. Creating the App 00:12:05
  • Урок 188. Adding Animations 00:06:39
  • Урок 189. Wrap Up 00:01:04
  • Урок 190. Module Introduction 00:01:43
  • Урок 191. Accessing Http via vue-resource - Setup 00:04:01
  • Урок 192. Creating an Application and Setting Up a Server (Firebase) 00:05:25
  • Урок 193. POSTing Data to a Server (Sending a POST Request) 00:06:11
  • Урок 194. GETting and Transforming Data (Sending a GET Request) 00:06:55
  • Урок 195. Configuring vue-resource Globally 00:02:49
  • Урок 196. Intercepting Requests 00:03:35
  • Урок 197. Intercepting Responses 00:02:52
  • Урок 198. Where the "resource" in vue-resource Comes From 00:04:43
  • Урок 199. Creating Custom Resources 00:02:40
  • Урок 200. Resources vs "Normal" Http Requests 00:00:29
  • Урок 201. Understanding Template URLs 00:05:07
  • Урок 202. Wrap Up 00:01:43
  • Урок 203. Module Introduction 00:01:39
  • Урок 204. Setting up the VueJS Router (vue-router) 00:02:17
  • Урок 205. Setting Up and Loading Routes 00:06:44
  • Урок 206. Understanding Routing Modes (Hash vs History) 00:04:15
  • Урок 207. Navigating with Router Links 00:03:46
  • Урок 208. Where am I? - Styling Active Links 00:03:21
  • Урок 209. Navigating from Code (Imperative Navigation) 00:02:43
  • Урок 210. Setting Up Route Parameters 00:02:00
  • Урок 211. Fetching and Using Route Parameters 00:02:04
  • Урок 212. Reacting to Changes in Route Parameters 00:03:05
  • Урок 213. Setting Up Child Routes (Nested Routes) 00:04:40
  • Урок 214. Navigating to Nested Routes 00:03:10
  • Урок 215. Making Router Links more Dynamic 00:02:05
  • Урок 216. A Better Way of Creating Links - With Named Routes 00:03:22
  • Урок 217. Using Query Parameters 00:02:55
  • Урок 218. Multiple Router Views (Named Router Views) 00:03:28
  • Урок 219. Redirecting 00:02:14
  • Урок 220. Setting Up "Catch All" Routes / Wildcards 00:01:07
  • Урок 221. Animating Route Transitions 00:02:35
  • Урок 222. Passing the Hash Fragment 00:03:29
  • Урок 223. Controlling the Scroll Behavior 00:03:22
  • Урок 224. Protecting Routes with Guards 00:01:14
  • Урок 225. Using the "beforeEnter" Guard 00:07:52
  • Урок 226. Using the "beforeLeave" Guard 00:03:32
  • Урок 227. Loading Routes Lazily 00:07:09
  • Урок 228. Wrap Up 00:01:03
  • Урок 229. Module Introduction 00:01:13
  • Урок 230. Why a Different State Management May Be Needed 00:02:26
  • Урок 231. Understanding "Centralized State" 00:01:33
  • Урок 232. Using the Centralized State 00:06:50
  • Урок 233. Why a Centralized State Alone Won't Fix It 00:02:42
  • Урок 234. Understanding Getters 00:00:49
  • Урок 235. Using Getters 00:02:41
  • Урок 236. Mapping Getters to Properties 00:06:58
  • Урок 237. Understanding Mutations 00:01:15
  • Урок 238. Using Mutations 00:04:52
  • Урок 239. Why Mutations have to run Synchronously 00:01:35
  • Урок 240. How Actions improve Mutations 00:01:33
  • Урок 241. Using Actions 00:05:00
  • Урок 242. Mapping Actions to Methods 00:04:59
  • Урок 243. A Summary of Vuex 00:04:15
  • Урок 244. Two-Way-Binding (v-model) and Vuex 00:05:57
  • Урок 245. Improving Folder Structures 00:01:02
  • Урок 246. Modularizing the State Management 00:04:57
  • Урок 247. Using Separate Files 00:04:19
  • Урок 248. Using Namespaces to Avoid Naming Problems 00:06:45
  • Урок 249. Wrap Up 00:00:51
  • Урок 250. Project Introduction 00:03:12
  • Урок 251. Project Setup and Planning 00:02:46
  • Урок 252. Creating the First Components 00:02:56
  • Урок 253. Setup Project Routes 00:04:43
  • Урок 254. Adding a Header and Navigation 00:06:45
  • Урок 255. Planning the Next Steps 00:01:23
  • Урок 256. Creating Stocks Components 00:06:32
  • Урок 257. Adding a "Buy" Button 00:05:58
  • Урок 258. Setting up the Vuex State Management 00:10:22
  • Урок 259. Adding a Portfolio Module to Vuex 00:10:03
  • Урок 260. Working on the Portfolio Stocks 00:06:52
  • Урок 261. Connecting the Portfolio with Vuex 00:02:22
  • Урок 262. Time to fix some Errors 00:02:01
  • Урок 263. Displaying the Funds 00:03:42
  • Урок 264. Adding some Order Checks 00:05:42
  • Урок 265. Making Funds Look Nicer with Filters 00:01:49
  • Урок 266. Ending the Day - Randomizing Stocks 00:05:31
  • Урок 267. Animating the Route Transitions 00:03:15
  • Урок 268. Saving & Fetching Data - Adding a Dropdown 00:02:18
  • Урок 269. Setting up vue-resource and Firebase 00:02:17
  • Урок 270. Saving Data (PUT Request) 00:02:52
  • Урок 271. Fetching Data (GET Request) 00:05:05
  • Урок 272. Testing and Bug Fixes 00:02:51
  • Урок 273. Project Wrap Up 00:01:23
  • Урок 274. Bonus: Debugging Vuex with Vue Developer Tools 00:02:00
  • Урок 275. Module Introduction 00:01:13
  • Урок 276. Preparing for Deployment 00:01:46
  • Урок 277. Deploying the App (Example: AWS S3) 00:05:58
  • Урок 278. Courses Roundup 00:00:59
  • Урок 279. Time to Practice (1) - Outputting Data to Templates (Problem) 00:02:00
  • Урок 280. Time to Practice (1) - Outputting Data to Templates (Solution) 00:06:13
  • Урок 281. Time to Practice (2) - Events (Problem) 00:01:43
  • Урок 282. Time to Practice (2) - Events (Solution) 00:04:55
  • Урок 283. Time to Practice (3) - Reactive Properties (Problem) 00:02:30
  • Урок 284. Time to Practice (3) - Reactive Properties (Solution) 00:05:48
  • Урок 285. Time to Practice (4) - Styling (Problem) 00:03:50
  • Урок 286. Time to Practice (4) - Styling (Solution) 00:18:18
  • Урок 287. Time to Practice (5) - Conditionals and Lists (Problem) 00:01:41
  • Урок 288. Time to Practice (5) - Conditionals and Lists (Solution) 00:09:39
  • Урок 289. Time to Practice (6) - Components (Problem) 00:01:46
  • Урок 290. Time to Practice (6) - Components (Solution) 00:02:13
  • Урок 291. Time to Practice (7) - Component Communication (Problem) 00:03:07
  • Урок 292. Time to Practice (7) - Component Communication (Solution) 00:10:18
  • Урок 293. Time to Practice (8) - Slots and Dynamic Components (Problem) 00:01:28
  • Урок 294. Time to Practice (8) - Slots and Dynamic Components (Solution) 00:03:01
  • Урок 295. Time to Practice (9) - Forms (Problem) 00:01:31
  • Урок 296. Time to Practice (9) - Forms (Solution) 00:15:18
  • Урок 297. Time to Practice (10) - Directives (Problem) 00:00:55
  • Урок 298. Time to Practice (10) - Directives (Solution) 00:05:56
  • Урок 299. Time to Practice (11) - Filters and Mixins (Problem) 00:01:09
  • Урок 300. Time to Practice (11) - Filters and Mixins (Solution) 00:08:13
  • Урок 301. About this Section 00:00:38
  • Урок 302. Module Introduction 00:01:08
  • Урок 303. Project Setup 00:02:47
  • Урок 304. Axios Setup 00:02:13
  • Урок 305. Sending a POST Request 00:05:40
  • Урок 306. Sending a GET Request 00:02:53
  • Урок 307. Accessing & Using Response Data 00:05:49
  • Урок 308. Setting a Global Request Configuration 00:05:44
  • Урок 309. Using Interceptors 00:05:50
  • Урок 310. Custom Axios Instances 00:04:58
  • Урок 311. Wrap Up 00:00:59
  • Урок 312. About this Section 00:00:53
  • Урок 313. Module Introduction 00:02:00
  • Урок 314. How Authentication Works in SPAs 00:03:11
  • Урок 315. Project Setup 00:02:37
  • Урок 316. Adding User Signup 00:05:15
  • Урок 317. Adding User Signin (Login) 00:02:42
  • Урок 318. Using Vuex to send Auth Requests 00:04:27
  • Урок 319. Storing Auth Data in Vuex 00:03:46
  • Урок 320. Accessing other Resources from Vuex 00:08:42
  • Урок 321. Sending the Token to the Backend 00:05:39
  • Урок 322. Protecting Routes (Auth Guard) 00:02:49
  • Урок 323. Updating the UI State (based on Authentication State) 00:03:02
  • Урок 324. Adding User Logout 00:05:02
  • Урок 325. Adding Auto Logout 00:05:37
  • Урок 326. Adding Auto Login 00:10:37
  • Урок 327. Wrap Up 00:01:02
  • Урок 328. About this Section 00:00:58
  • Урок 329. Module Introduction 00:01:06
  • Урок 330. Installing Vuelidate 00:02:05
  • Урок 331. Adding a Validator 00:10:15
  • Урок 332. Adding Validation UI Feedback 00:04:56
  • Урок 333. Controlling Styles for Invalid Entries 00:02:11
  • Урок 334. More Validators 00:06:34
  • Урок 335. Validating Passwords For Equality 00:06:17
  • Урок 336. Using the Required-Unless Validator 00:04:53
  • Урок 337. Validating Arrays 00:07:20
  • Урок 338. Controlling the Form Submit Button 00:02:13
  • Урок 339. Creating Custom Validators 00:02:47
  • Урок 340. Async Validators 00:09:17
  • Урок 341. Wrap Up 00:01:06
  • Урок 342. Module Introduction 00:03:19
  • Урок 343. Creating a Project 00:04:42
  • Урок 344. Analyzing the Created Project 00:04:50
  • Урок 345. Using Plugins 00:04:06
  • Урок 346. CSS Pre-Processors 00:03:15
  • Урок 347. Environment Variables 00:07:29
  • Урок 348. Building the Project 00:03:44
  • Урок 349. Instant Prototyping 00:02:40
  • Урок 350. Different Build Targets 00:08:40
  • Урок 351. Using the "Old" CLI Templates (vue init) 00:01:20
  • Урок 352. Using the Graphical User Interface (GUI) 00:05:06

(UPDATED 02/2018)! VueJS - крутой JavaScript фрэймворк для создания фронт-енд приложений. Vue 2 взял лучшее у Angular 2 и React. Общедоступные фрэймворки чрезвычайно популярны, потому что они дают нам рективную скорость построение сложных приложений из коробки. Не удивительно, что рабочие места с такими навыками как фрэймворк VueJS являются одними из самых высокооплачиваемых. Вы можете уже знать Angular 2 и ReactJS, но VueJS сочетает в себе самое лучшее из них обоих.

Не имеет значения на какие метрике вы смотрите (Google Trends, Github Stars, Tweets ...) VueJS - это прорыв в мире JavaScript фреймворков - он просто супер!

Мы начнем с самых основ, что такое Vue.js и как он работает, прежде чем перейти к более сложным и расширенным темам. Вот что в этом курсе:

  • Что вообще такое VueJS и зачем его использовать?
  • Настройка среды разработки и рабочего процесса
  • Основы (включая базовый синтаксис, описание шаблонов и многое другое!)
  • Взаимодействие с DOM (списки рендеринга ...)
  • Использование компонентов (и с каких компонентов следует начинать)
  • Связывание с формами ввода
  • Все о директивах, фильтрах и миксинах
  • Как сделать приложение более красивым с анимацией и переходами
  • Как создать потрясающее одностраничное приложение (SPA) с маршрутизацией
  • Как улучшить управление состоянием с помощью Vuex
  • Как развернуть приложение
  • И многое другое ...

24.08.2018 UPDATED -  Бонус VUE CLI 3 (342-352 урок)

В этом курсе я использовал Vue CLI 2 - этот раздел погружается в новый Vue CLI 3.

Важно: вы можете абсолютно продолжать использовать Vue CLI 2, он не сломан, небезопасен или что-то в этом роде. С другой стороны, вы также можете использовать весь код, как показано в этом курсе, с Vue CLI 3. Поскольку только CLI был обновлен, не Vue сам! Синтаксис по-прежнему на 100% одинаковый!

В лекциях этого раздела я покажу вам, как установить и использовать новый CLI и как вернуться к «старому» (Vue CLI 2), если хотите.

Твоя оценка

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

Комментарии

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

30-11--0001 en 22 урока
Vue.js 1.0: Step By Step
Этот видеокурс - это твои первые шаги в изучении Vue фреймворка, который набирает популярности с каждым днем все больше и больше. Посмотри на главные особенности vue.js и подумай, стоит ли его учить глубже.
Duration 03:14:37
25 3
30-11--0001 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 для управления состоянием.
Duration 00:33:40
28 4
30-11--0001 en 56 уроков
udemy Vue JS - Mastering Web Apps
Создавайте приложения c VueJS которые вы всегда хотели. В этом курсе мы создадим 5 приложений, изучим секреты разработки а также Vue Router, Vuex и многое другое. Vue является одним из самых быстроразвивающих фреймворком для веб-разработки. Проще говоря, понимание Vue откроет вам двери для трудоустройства во многих компаниях. Вы узнаете не только Vue, но и такие важные библиотеки как VueRouter и Vuex.
Duration 04:24:54
23 3
30-11--0001 en 176 уроков
udemy The Ultimate Vue JS 2 Developers Course
Настройте рабочую среду VueJS используя такие средства разработки как Webpack. Создайте универсальное приложение с рендерингом на стороне сервера.Используйте популярные плагины из экосистемы Vue, как vue-router и vue-resource.
Vue.js 2 - один из самых горячих Javascript-фреймворков прямо сейчас, и спрос на разработчиков на Vue быстро растет среди работодателей.
Я проведу вас через процесс создания трех приложений Vue.js в реальном...
Duration 12:54:35
21 0
30-11--0001 en 132 урока
udemy React JS vs Angular vs Vue JS – Quickstart & Comparison
Angular, React или Vue? Что такое Webpack и почему React использует его? Получите подробные ответы на эти вопросы в этом курсе. Что вы узнаете:

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

Требования:

- Основы языка JavaScript являются...
Duration 07:50:24
16 1
30-11--0001 en 15 уроков
frontendmasters Vue.js Advanced Features from the Ground Up
Мы часто используем существующие библиотеки при работе с расширенными функциями приложения, такими как маршрутизация, управление состоянием, проверка формы и i18n, и много раз реализации этих библиотек могут быть черным ящиком. В этом семинаре мы собираемся создавать простые версии таких библиотек с нуля, используя основные функции Vue.
Это поможет вам лучше понять природу этих проблем и как лучше использовать систему реактивности Vue,...
Duration 04:20:06
22 2
30-11--0001 en 7 уроков
frontendmasters Introduction to Vue.js
Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении к этому классу. Мы рассмотрим все способы, с помощью которых Vue быстро решает общие задачи разработчиков Frontend, а также гибкие способы доступа к базовому API, чтобы вы могли решить любую задачу. Присоединяйтесь к Саре Дрэснер и...
Duration 05:36:49
17 0
14-11-2017 ru 6 уроков
learnjavascriptru Курс по Vue.JS
Вы пройдетесь по всем основным частям vue js, а также рассмотрите компонентный подход разработки приложений, роутинг vue и увидете вохможности, которые предоставляет данный фреймворк. Вконце курса вы узнаете как работать с внешними плагинами, создадите собственные компоненты-обёртки для повторного использования, узнаете о Vuex и даже подружите Vue c server-side rendering.
Duration 09:35:04
19 35
19-12-2017 en 154 урока
udemy Vue.js 2 Course for Students with ZERO ES6 foundation
Изучите Vue, инструменты командной строки, Babel, NPM, Webpack, Vue-CLI, single-file компоненты и Vue Router.  Этот курс предназначен для студентов с нулевой базой ES6. Необходимы только базовые знания ES5. Если вы знаете, как установить цвет фона для DIV, используя собственные JS и jQuery, тогда вы можете начинать проходить этот курс.
Duration 09:19:51
21 0
19-12-2017 ru 12 уроков
Дмитрий Лаврик Интенсивный курс по Vue.js
Сейчас на "рынке" javascript фреймворков стоят три кита: React, Angular и Vue. Этот курс познакомит вас одним из них -  Vue.js -  который ничем не уступает реакту и ангулару, а также сравнительно проще в изучении для быстрого старта.
Duration 19:55:32
381 3
02-07-2017 en 25 уроков
Scotch.io Getting Started with Vue.js
В этом курсе мы познакомимься с vue.js, очень гибким фреймворком для разработки веб-приложений. Мы пройдеймься по основным концепциям Vue, затронем такую тему как переход на vue с jquery и vanila Js.
Duration 02:54:33
11 0
15-11-2017 en 75 уроков
udemy Vue.js: Build a Full Stack App With Firebase, Vuex & Router
Поднимите свои навыки Javascript и Vue на следующий уровень, изучив управление состоянием, маршрутизацию, аутентификацию и Firebase! Если у вас есть небольшой опыт создания сайтов с использованием Javascript или фреймворков, таких как Vue.js, этот курс станет следующим шагом в вашем учебном путешествии! Во время этого курса вы создадите проект полного стека, чтобы еще больше повысить свои навыки и узнать, как интегрировать управление состоянием,...
Duration 06:05:49
25 0
08-01-2018 ru 6 уроков
itvdn Видео курс Vue.js
Фреймворк Vue уже хорошо себя зарекомендовал в веб-разработке. В этом курсе новичок сможет познакомится с этим фреймворком, изучить основные элементы, которые нужны для начала работы с ним, а также вы рассмотрите некоторые библиотеки Vue, посмотрите на приминение фреймворка в разработке приложений используя Node. Вконце курса вы будете понимать принципы веб-разработки на Vue, а также сможете самостоятельно начать разрабатывать веб-приложения...
Duration 06:02:31
12 13
30-11--0001 en
fullstack.io Fullstack Vue Book - The Complete Guide to Vue.js
Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения
с Vue.js. Fullstack Vue - это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.
Duration
36 0
24-03-2018 en 24 урока
leveluptutorials Vue.js for everyone
В этой серии мы погружаемся в VueJS. Я расскажу вам все об основах разработки приложений Vue, где мы погружаемся в основы VueJS, анимации VueJS, вызовы API, Vue Router и многое другое!
Duration 03:14:43
9 0
24-04-2018 ru 197 уроков
webformyself Фреймворк Vue.js. Полное руководство для современной веб-разработки
Этот курс для тех, хто хочет освоить современный фреймворк и начать с ним работать. Vue позволяет сделать разработку приложеий куда проще, а также быть востребованным специалистом на рынке труда. Vue позаимствовал многое из ангулар и реакт, но проще в понимании и реализации. И это никак не отображается на ваших приложениях. Они по прежнему гибкие, легкие, быстрые, функциональные, безопасные и масштабируемые.
Duration 43:33:41
155 6
07-05-2018 en 133 урока
udemy Vue JS Essentials with Vuex and Vue Router
У вас ограниченное время для изучения Vue, Vuex и Vue Router? Пройдите этот курс и изучите Vue всего за 11 часов!Управление состоянием с Vuex? Тут. Drag and drop image upload?  загрузка изображения? Покрыто! Аутентификация с помощью OAuth2? Это здесь!Если вы хотите узнать Vue, Vuex и Vue Router в рекордные сроки, вы в нужном месте! Я построил этот курс, чтобы помочь вам понять Vue за долю времени, требуемого другими курсами. Здесь вы не...
Duration 10:15:00
19 2
30-11--0001 en 19 уроков
egghead Build Async Vue.js Apps with RxJS
Vue.js - это потрясающий фреймворк, который может легко обновлять и отображать пользовательский ввод с использованием шаблонов и привязки данных. Но существует множество сценариев, в которых сложное асинхронное поведение (например, загрузка данных, обработка «ожидающих» состояний, тайм-аутов и тд.) решается гораздо проще, используя возможности потоковой передачи RxJS. В этом курсе описывается, как настраивать и использовать функции...
Duration 00:41:11
15 0
30-11--0001 en 34 урока
adamwathan Advanced Vue Component Design
Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Duration 03:57:19
70 1
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
46 6
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 ru
Alex Kyriakidis The Majesty of Vue.js 2
Эта книга проведет вас по пути популярного JavaScript-фреймворка Vue.js! К концу этой книги вы сможете быстро создавать фронтенд-приложения и повышать производительность существующих проектов с помощью интеграции Vue.js 2.
Duration 00:00:00
11 3
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 16 уроков
vueschool.io Vuex for Everyone
Этот курс Vue.js основан на официальном примере Vuex. Мы создадим корзину с Vue и постепенно узнаем о функциях Vuex, заменив части приложения мутациями, геттерами и действиями.
Duration 01:01:08
3 1
30-11--0001 en 8 уроков
vueschool.io Vue.js + Firebase Realtime Database
Этот курс Vue.js научит вас использовать базу данных Firebase Realtime в ваших приложениях vue.js. Пример приложения - чат в реальном времени, и наша цель - убедиться, что все онлайн-пользователи получают обновления в реальном времени, когда сообщение добавляется, редактируется или удаляется.
Duration 00:34:07
5 0
30-11--0001 en 8 уроков
vueschool.io Vue.js + Firebase Authentication
Этот курс Vue.js научит вас использовать Firebase Authentication в ваших приложениях vue.js и позволит вашим пользователям проходить аутентификацию со своим любимым сторонним провайдером (Twitter, Github, Google и т.д.) Или простой электронной почтой и паролем - без написания серверного кода!
Duration 00:32:29
1 0
30-11--0001 en 10 уроков
vueschool.io Vue.js Fundamentals
Этот курс Vue.js научит вас и поможет вам с фундаментальными концепциями Vue.js. Отлично, если вы еще не дотронулись до Vue, или вы только начали!
Duration 00:27:57
5 0
30-11--0001 en 12 уроков
vueschool.io Vue.js Form Validation
Узнайте, как проверить свои формы с помощью Vue.js и Vuelidate, как профи. Этот курс научит вас, как стать мастером проверки форм с Vue.js. Узнайте, как предоставить своим пользователям восхитительный опыт при заполнении форм, подтвердив свои формы современными передовыми практиками и сообщая о конкретных ощибках. Курс начинается с изучения способов подтверждения форм без помощи сторонних библиотек или плагинов. Затем мы погрузимся в vuelidate и...
Duration 00:34:32
3 1
30-11--0001 en 12 уроков
vueschool.io Dynamic Forms with Vue.js
Узнайте, как создавать динамические формы, которые состоят из нескольких шагов с помощью Vue.js. Динамические формы - это формы с несколькими шагами. Их также часто называют волшебными формами, где вы проходите серию шагов, прежде чем сможете заполнить основную форму.Назначение курса - завершить процесс регистрации и заказа нашей вымышленной службы подписки на кофе. Мы подготовили разметку и CSS, чтобы вы могли погрузиться прямо в забавную часть.
Duration 00:56:13
8 1
16-10-2018 en 188 уроков
udemy The complete Vue JS course
Научитесь создавать красивые веб-приложения, используя VUE js. включая три практических проекта. Вы хотите узнать весь процесс создания своего приложения с помощью Vue ?. Это курс для вас. Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать его ... и почему я должен« реально понимать, как работает Vue, и заставить его общаться с другими технологиями, такими как Firebase и Node js.
Duration 25:19:16
29 2
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
ru 8 уроков
Codedojo Изучаем Vue.js
Постигаем основы популярного JavaScript-фреймворка для создания веб-приложений
Duration 13:39:02
28 0
ru 6 уроков
itvdn Vue.js Essential
Курс состоит из 6 уроков, на которых учащиеся смогут ознакомиться с возможностями Vue.js с использованием компонентной структуры приложения и установкой VUE-CLI. Курс будет полезен как для начинающих разработчиков в изучении Vue.js, так и слушателей Vue.js Starter. Студенты рассмотрят работу с маршрутизацией в приложении, использование валидации полей, асинхронных запросов и научатся управлять состоянием приложения.
Duration 03:18:05
2 3
19-03-2019 en 167 уроков
udemy Vue JS 2 - The Full Guide by Real Apps (Vuex, Router, Node)
Если вы планируете начать свою карьеру в качестве разработчика или просто хотите улучшить свои навыки программирования, тогда этот курс подходит именно вам. Получите все, что нужно, чтобы начать веб-разработку одним курсом!
Duration 29:11:40
2 2

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

Жесткие части: 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