Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:02:50
    Getting to know what Vue.js is and how to install it
  • Урок 2. 00:03:10
    Create our first Vue.js program and display text using it
  • Урок 3. 00:01:29
    Controlling attribute value using Vue.js
  • Урок 4. 00:02:11
    Creating the news reading block used by BBC
  • Урок 5. 00:02:14
    The drawback of our BBC news reading program and the solution: V-FOR directive
  • Урок 6. 00:02:42
    V-FOR in a slightly more complicated application scenario
  • Урок 7. 00:02:33
    Apply V-FOR to the BBC news reading program we created before
  • Урок 8. 00:02:29
    Have you found a problem?
  • Урок 9. 00:01:32
    Introduction to the concept of PROXY
  • Урок 10. 00:01:18
    PROXY also works on methods, meaning you can proxy a method
  • Урок 11. 00:02:00
    How to communicatedbetween VM.data and VM.methods
  • Урок 12. 00:03:37
    Introduction to the V ON directive
  • Урок 13. 00:04:57
    Conditional rendering
  • Урок 14. 00:01:39
    Introduction to V-MODEL
  • Урок 15. 00:02:35
    Using V-MODEL in projects
  • Урок 16. 00:01:30
    Lazy modifier and number modifier
  • Урок 17. 00:04:19
    Using v-model in other tags: textarea, radio button, checked box, etc.
  • Урок 18. 00:02:19
    Creating a list dynamically
  • Урок 19. 00:00:53
    The difference between COMPUTED and FILTER
  • Урок 20. 00:02:30
    Introduction to FILTER
  • Урок 21. 00:02:37
    Introduction to COMPUTED
  • Урок 22. 00:01:54
    Project: reversing letter order using COMPUTED
  • Урок 23. 00:03:19
    Two-way data exchange between DATA and COMPUTED
  • Урок 24. 00:07:18
    Controlling CSS Part 1
  • Урок 25. 00:02:18
    Controlling CSS Part 2
  • Урок 26. 00:03:08
    Project analysis
  • Урок 27. 00:05:24
    Creating the APP
  • Урок 28. 00:01:50
    Introduction to Components
  • Урок 29. 00:06:11
    Registering and installing our first component and component naming rules
  • Урок 30. 00:01:31
    Register a local component
  • Урок 31. 00:01:40
    Introduction to props
  • Урок 32. 00:01:57
    Demonstration of sending data into component using props
  • Урок 33. 00:01:04
    Review of how to use props
  • Урок 34. 00:05:08
    An analysis of how to send data out of a component
  • Урок 35. 00:04:24
    Sending data out of component using $emit() and self-defined event
  • Урок 36. 00:02:07
    Sending multiple values simultanesouly
  • Урок 37. 00:00:58
    Clean a dead corner: using original event on component tags
  • Урок 38. 00:02:57
    The truth of the V-MODEL directive
  • Урок 39. 00:02:58
    Project analysis
  • Урок 40. 00:10:11
    Creating the price calculator
  • Урок 41. 00:02:05
    Introduction to slots
  • Урок 42. 00:01:22
    Using slots in news page
  • Урок 43. 00:03:09
    Named slots
  • Урок 44. 00:03:56
    Data exchange between sibling components Part 1
  • Урок 45. 00:10:18
    Data exchange between sibling components Part 2
  • Урок 46. 00:02:02
    Program analysis
  • Урок 47. 00:07:18
    Generate formatted data and time
  • Урок 48. 00:11:35
    Working on the project Part 1
  • Урок 49. 00:08:05
    Working on the project Part 2
  • Урок 50. 00:04:24
    The .sync modifier
  • Урок 51. 00:01:43
    Custom v-model
  • Урок 52. 00:00:58
    Introduction to scoped slots
  • Урок 53. 00:02:26
    Demonstration of using scoped slots
  • Урок 54. 00:04:03
    Using scoped slots on lists
  • Урок 55. 00:01:35
    is, keep-alive, and v-once
  • Урок 56. 00:01:47
    Retrieving the object representing the component using ref
  • Урок 57. 00:02:30
    Preface
  • Урок 58. 00:02:37
    APT Part 1
  • Урок 59. 00:01:16
    API Part 2
  • Урок 60. 00:07:17
    API Part 3
  • Урок 61. 00:03:26
    API Part 4
  • Урок 62. 00:01:23
    API Part 5
  • Урок 63. 00:01:24
    Try something interesting
  • Урок 64. 00:03:50
    API Part 6
  • Урок 65. 00:02:34
    API Part 7
  • Урок 66. 00:03:28
    API Part 8
  • Урок 67. 00:03:43
    API Part 9
  • Урок 68. 00:02:06
    API Part 10
  • Урок 69. 00:02:01
    API Part 11
  • Урок 70. 00:03:19
    API Part 12
  • Урок 71. 00:03:30
    API Part 13
  • Урок 72. 00:01:36
    Introduction to transition effects
  • Урок 73. 00:02:53
    Make sure you know EXACTLY how to use the transition attribute
  • Урок 74. 00:04:12
    Using transition in Vue programs
  • Урок 75. 00:03:23
    Create your first transition effect
  • Урок 76. 00:02:14
    Adding transition effect to our previous news reading and editing app
  • Урок 77. 00:01:12
    Adding transition effects to dynamic components
  • Урок 78. 00:03:29
    Transition-group: adding transitioning effects to lists
  • Урок 79. 00:01:27
    Introduction to animate.css
  • Урок 80. 00:02:12
    Adding transitioning effects created by animate.css
  • Урок 81. 00:02:25
    Creating transitioning effects using native JS
  • Урок 82. 00:01:58
    JS transition hooks
  • Урок 83. 00:04:13
    Creating a pop-in and out effect using JS hooks
  • Урок 84. 00:01:55
    Creating a transitioning component
  • Урок 85. 00:05:19
    Introduction to render function
  • Урок 86. 00:02:18
    Setting attributes using the RENDER function
  • Урок 87. 00:06:27
    Creating a list using the render function
  • Урок 88. 00:05:17
    Exchanging data using the render function
  • Урок 89. 00:05:05
    Introduction to custom directives
  • Урок 90. 00:03:22
    The binding property used in the directive property
  • Урок 91. 00:01:26
    A short-cut in custom directives
  • Урок 92. 00:01:31
    Introduction to mixin
  • Урок 93. 00:03:37
    Try our first local mixin
  • Урок 94. 00:01:32
    Conflicts with Mixin
  • Урок 95. 00:02:23
    Try global Mixin
  • Урок 96. 00:01:15
    Introduction to Ajax
  • Урок 97. 00:01:26
    The basic structure of an Ajax program
  • Урок 98. 00:08:23
    Sending Ajax requests
  • Урок 99. 00:08:40
    Receiving Ajax responses
  • Урок 100. 00:00:53
    Sending requests using GET
  • Урок 101. 00:03:48
    Complete Ajax Program Part 1: auto refresh using setinterval()
  • Урок 102. 00:03:31
    Complete Ajax Program Part 2: connecting Ajax to database
  • Урок 103. 00:02:14
    Complete Ajax Program Part 3: displaying retrieved data in DOM
  • Урок 104. 00:05:49
    Complete Ajax Program Part 4: fixing loopholes
  • Урок 105. 00:06:39
    Improving Ajax program efficiency
  • Урок 106. 00:02:39
    Introduction to jQuery's Ajax solution
  • Урок 107. 00:05:55
    Creating an Ajax program using jQuery
  • Урок 108. 00:02:41
    jQuery Ajax helper and short-cut methods
  • Урок 109. 00:05:18
    Understanding JSON
  • Урок 110. 00:01:31
    How to connect Vue to PHP and MySQL
  • Урок 111. 00:06:50
    Exchanging data between Vue and PHP
  • Урок 112. 00:05:46
    Connecting Vue to MySQL and display retrieved data
  • Урок 113. 00:04:42
    Connecting Vue with PHP and MySQL using jQuery
  • Урок 114. 00:03:37
    Deleting a row from database table Part 1
  • Урок 115. 00:04:58
    Deleting a row from database table Part 2
  • Урок 116. 00:02:21
    Creating a row in database Part 1: preparing the HTML part
  • Урок 117. 00:05:11
    Creating a row in database Part 2: installing a security filter
  • Урок 118. 00:08:44
    Creating a row in database Part 3: setting PHP and MySQL
  • Урок 119. 00:01:36
    Updating a row Part 1
  • Урок 120. 00:03:00
    Updating a row: setting UI
  • Урок 121. 00:03:39
    Updating a row Part 3: sending data to modal
  • Урок 122. 00:02:17
    Updating a row Part 4: Installing input boxes on modal
  • Урок 123. 00:01:41
    Updating a row Part 5: Installing a data filtering system
  • Урок 124. 00:01:25
    Updating a row Part 6: sending data to PHP
  • Урок 125. 00:01:49
    Updating a row Part 7: saving data to database
  • Урок 126. 00:05:05
    Command Line Crash Course: Mac
  • Урок 127. 00:06:29
    Command Line Crash Course: Windows
  • Урок 128. 00:03:15
    Introduction to NPM
  • Урок 129. 00:06:21
    NPM init and package.json
  • Урок 130. 00:03:01
    Things you must know about packages and dependencies
  • Урок 131. 00:06:13
    Managing packages using NPM
  • Урок 132. 00:02:44
    Installing packages using NPM
  • Урок 133. 00:04:59
    Installing Babel
  • Урок 134. 00:02:19
    Understanding how Babel works
  • Урок 135. 00:07:11
    Using Babel
  • Урок 136. 00:04:39
    Introduction to Webpack
  • Урок 137. 00:06:16
    Bundling JS files into one using Webpack
  • Урок 138. 00:07:11
    Style-loader and CSS-loader
  • Урок 139. 00:06:54
    Configuring Webpack using the webpack.config.js file
  • Урок 140. 00:04:33
    Using file-loader
  • Урок 141. 00:06:53
    Dealing with packages using expose-loader
  • Урок 142. 00:04:05
    Introduction to Webpack Plugin
  • Урок 143. 00:05:03
    Using HTML-Webpack-Plugin
  • Урок 144. 00:04:06
    Clean-Webpack-Plugin and UglifyJS-Webpack-Plugin
  • Урок 145. 00:04:07
    Source map and watch mode
  • Урок 146. 00:04:37
    Webpack-dev-server and Hot Module Replacement(HMR)
  • Урок 147. 00:05:54
    Webpack development config file and production file
  • Урок 148. 00:06:11
    module.exports and ES6 Import/Export
  • Урок 149. 00:06:01
    Tree shaking and deduplication
  • Урок 150. 00:07:50
    On-demand/ Lazy loading
  • Урок 151. 00:10:26
    Introduction to Vue-Cli
  • Урок 152. 00:08:34
    Introduction to .vue files and single file components
  • Урок 153. 00:04:29
    Project: creating a Dutch flag using single components
  • Урок 154. 00:07:27
    Introduction to Vue router and its basic use
  • Урок 155. 00:01:28
    Named router
  • Урок 156. 00:02:55
    Dynamic router
  • Урок 157. 00:01:36
    Redirect
  • Урок 158. 00:03:42
    Lazy loading
  • Урок 159. 00:02:11
    Nested router
  • Урок 160. 00:01:41
    Named router view
  • Урок 161. 00:02:31
    Introduction to VueX
  • Урок 162. 00:02:14
    The common or similar parts between VueX and Vue Router
  • Урок 163. 00:02:56
    Introduction to the five VueX core concepts
  • Урок 164. 00:06:51
    State and Getters
  • Урок 165. 00:03:26
    ...mapState and ...mapGetters
  • Урок 166. 00:01:10
    Using other names in ...mapState and ...mapGetters
  • Урок 167. 00:00:41
    Installing Vue Dev Tool
  • Урок 168. 00:05:48
    Mutations
  • Урок 169. 00:07:04
    Actions
  • Урок 170. 00:01:57
    ...mapMutations and ...mapActions
  • Урок 171. 00:05:23
    VueX Modules
  • Урок 172. 00:03:11
    Introduction to Axios
  • Урок 173. 00:03:51
    Creating a PHP-based backend, setting up a Vue project, and installing Axios
  • Урок 174. 00:06:37
    Sending data using axios.get()
  • Урок 175. 00:04:48
    Sending data using axios.post()
  • Урок 176. 00:03:30
    PathRewrite
  • Урок 177. 00:04:11
    Deal with concurrency (two or more requests sent simultaneously)
  • Урок 178. 00:04:09
    Handling Axios errors
  • Урок 179. 00:05:54
    Axios Interceptors: Request Interceptor
  • Урок 180. 00:01:40
    Axios Interceptors: Response Interceptor
  • Урок 181. 00:02:15
    Axios Interceptor: intercepting errors
  • Урок 182. 00:02:06
    Introduction to how to upload using Axios
  • Урок 183. 00:03:09
    Introduction to how to upload using PHP
  • Урок 184. 00:05:16
    Upload demonstration
  • Урок 185. 00:00:34
    Upload security
  • Урок 186. 00:03:26
    Controlling file size
  • Урок 187. 00:03:35
    Controlling file type
  • Урок 188. 00:03:45
    Renaming uploaded files
  • Урок 189. 00:02:43
    Creating new directories for uploaded files automatically
  • Урок 190. 00:05:53
    Final adjustments
  • Урок 191. 00:08:13
    Uploading files using Axios: uploading one file at a time
  • Урок 192. 00:04:05
    Uploading files using Axios: uploading multiple files simultaneously
  • Урок 193. 00:07:09
    Showing upload progress
  • Урок 194. 00:02:58
    Creating a progress bar
  • Урок 195. 00:01:37
    Custom Axios instance
  • Урок 196. 00:06:59
    Improve our previous program
  • Урок 197. 00:03:27
    Add a new functionality and fix a small problem
  • Урок 198. 00:01:54
    Why you need to learn a UI library
  • Урок 199. 00:01:21
    Installing iView
  • Урок 200. 00:05:19
    Try your first component and load iView components on-demand
  • Урок 201. 00:05:30
    Internationalization and the Button component
  • Урок 202. 00:02:05
    iView Theme Customization
  • Урок 203. 00:03:54
    Switch and Slider
  • Урок 204. 00:01:56
    Message
  • Урок 205. 00:02:48
    Table
  • Урок 206. 00:02:03
    Carousel
  • Урок 207. 00:01:16
    Porgress
  • Урок 208. 00:04:12
    Upload
  • Урок 209. 00:05:50
    Part 1
  • Урок 210. 00:02:12
    Part 2
  • Урок 211. 00:02:07
    Part 3
  • Урок 212. 00:02:10
    Part 4
  • Урок 213. 00:04:04
    Assignment-by-value VS. assignment-by-reference
  • Урок 214. 00:03:54
    Scope, hoisting and undeclared variables
  • Урок 215. 00:05:22
    Scope chain and JS garbage collection
  • Урок 216. 00:04:42
    Closure
  • Урок 217. 00:03:47
    Instantly Invoked Function Expression and its application in creating closure
  • Урок 218. 00:03:42
    Understanding THIS
  • Урок 219. 00:02:25
    bind, apply and call
  • Урок 220. 00:01:40
    Wrapper Object
  • Урок 221. 00:04:53
    NodeJS introduction
  • Урок 222. 00:06:04
    Express introduction and basic skills
  • Урок 223. 00:02:00
    Receiving value sent in URL via req.query and req.params
  • Урок 224. 00:04:57
    Handling posted data
  • Урок 225. 00:06:05
    Using middleware
  • Урок 226. 00:03:46
    Error-handling middleware
  • Урок 227. 00:03:32
    Next(), next('route') and next('router')
  • Урок 228. 00:02:01
    Router-level middleware and next('router')
  • Урок 229. 00:03:49
    Express Generator
  • Урок 230. 00:03:07
    Handling static files
  • Урок 231. 00:06:16
    Handling Cookies in Express
  • Урок 232. 00:02:17
    Signed Cookie
  • Урок 233. 00:03:26
    Session
  • Урок 234. 00:04:36
    Introduction to the MySQL package
  • Урок 235. 00:05:56
    Retrieving data from database
  • Урок 236. 00:04:17
    Updating data from database
  • Урок 237. 00:02:30
    Creating new row in database
  • Урок 238. 00:03:05
    Delete data from database
  • Урок 239. 00:07:30
    Connecting Vue to Express
  • Урок 240. 00:07:23
    Exchanging data between Vue and Express
  • Урок 241. 00:04:21
    Display retrieved data using Vue and UI library
  • Урок 242. 00:05:15
    How to delete Part 1
  • Урок 243. 00:06:00
    How to delete Part 2
  • Урок 244. 00:09:59
    How to create new rows
  • Урок 245. 00:09:35
    How to update rows
  • Урок 246. 00:05:47
    Vue CLI 3
  • Урок 247. 00:02:33
    Automatic plugin configuration
  • Урок 248. 00:02:46
    Vue UI
  • Урок 249. 00:06:28
    Customize output
  • Урок 250. 00:03:45
    Set up the project
  • Урок 251. 00:04:49
    Project root directory analysis
  • Урок 252. 00:00:53
    App design
  • Урок 253. 00:02:50
    Create the app Part 1
  • Урок 254. 00:03:50
    Create the app Part 2
  • Урок 255. 00:04:19
    Project wrap-up
  • Урок 256. 00:03:35
    What is Nuxt?
  • Урок 257. 00:04:44
    Setting up Nuxt and what are in its root directory
  • Урок 258. 00:04:02
    Nuxt Components and Pages
  • Урок 259. 00:03:32
    Working with Nuxt plugins
  • Урок 260. 00:04:57
    Nuxt route, validate and nested route
  • Урок 261. 00:05:23
    Nuxt middleware
  • Урок 262. 00:04:49
    Controlling view layout using Layouts and app.html
  • Урок 263. 00:07:41
    Handling static files in the assets directory and static directory
  • Урок 264. 00:01:15
    The backend program
  • Урок 265. 00:04:47
    Retrieving data using asyncData
  • Урок 266. 00:02:21
    VueX
  • Урок 267. 00:03:44
    The fetch method
  • Урок 268. 00:02:34
    nuxtServerInit
  • Урок 269. 00:03:58
    Set up the project and install and configure plugins
  • Урок 270. 00:06:51
    Create the app homepage
  • Урок 271. 00:01:25
    Using dynamic data
  • Урок 272. 00:06:00
    Bring components into the picture: "componentizing" header and footer
  • Урок 273. 00:03:55
    MUST WATCH: Bring Layouts into the picture
  • Урок 274. 00:04:34
    Bring VueX into the picture
  • Урок 275. 00:00:38
    Create the detail page
  • Урок 276. 00:08:01
    Nested routes: one parent comp. and three child components
  • Урок 277. 00:02:18
    Universal CSS
  • Урок 278. 00:05:01
    Transition effects
  • Урок 279. 00:07:06
    Controlling page title and META tags using head()
  • Урок 280. 00:02:14
    Validating user-submitted data
  • Урок 281. 00:05:03
    MUST WATCH:Custom error page and validating user-submitted data using middleware