Frontend Masters – Introduction to Vue 3 2020-10 – Downloadly
Description
Introduction to Vue 3, name of a course for teaching the Vue.js industry. Very quick work at the moment with the framework, JavaScript, Vue.js to get started. You’ll learn how to create components with reuse and also leverage them using props, lifecycles, and slots. From guidelines for building agencies, with the use of the markup and how to create guidelines for personalization yourself, you will learn, and finally added elements that are new in Vue 3 and how to summarize the agency with the use of the components learn new API.
What you learn in the Introduction to Vue 3 course:
- Introducing Vue.js as a framework JavaScript
- Topics related to policies, modifiers and data rendering include V-model policy etc. v-if & v-else etc., v-bind etc., v-for etc. v-once & v-pre etc. Event bindings & v-on., the v-html & v-text
- Explain the how and function of the method in. Calculated properties and explain the observers with an example
- Explain the components, ingredients, props and slots with examples
- Developing the app, installing and using the Vue CLI and using Nuxt with offering the solution and example.
- Talk about the animations and use them in action using CSS as well as a variety of dynamic exponential functions
- Explore the Composition API and custom directives and how to use them with examples
- Use Vuex to asynchronously exchange data, logic and shared oe method
Specifications Volume:
Publisher: FrontendMasters
Teacher: Sarah Drasner
Language: English
Training level: basic to advanced
Number of lessons: 65
Duration: 4 hours and 57 minutes
This course:
introduction
introduction
00:00:00 – 00:10:38
Course resources and facility
00:10:39 – 00:13:56
Vue 3 Hello world
00:13:57 – 00:19:12
Instructions, modifiers and data rendering
V-model directive
00:19:13 – 00:23:17
v-if & v-else
00:23:18 – 00:26:47
v-bind
00:26:48 – 00:28:43
v-for
00:28:44 – 00:31:39
v-once & v-pre
00:31:40 – 00:34:12
Event bindings and V-On
00:34:13 – 00:36:26
V-HTML and V-Text
00:36:27 – 00:38:51
Policy exercise
00:38:52 – 00:39:52
Directive solution
00:39:53 – 00:47:03
V-model modifiers
00:47:04 – 00:48:30
Event modifiers
00:48:31 – 00:50:19
Methods, calculated properties and observers
Methods
00:50:20 – 00:59:22
Methods in forms
00:59:23 – 01:03:54
Sort table data with v-for
01:03:55 – 01:08:13
Calculated properties
01:08:14 – 01:14:53
Calculated Properties Exercise
01:14:54 – 01:16:28
Calculated properties solution
01:16:29 – 01:19:59
Examples of calculated properties
01:20:00 – 01:23:21
Vue’s reactivity system and proxies
01:23:22 – 01:34:42
Set(), Map() and WeakMap()
01:34:43 – 01:38:47
observer
01:38:48 – 01:48:10
Observer exercise
01:48:11 – 01:49:29
Watchers solution
01:49:30 – 01:51:33
Example for observers
01:51:34 – 01:55:51
Components and props
Components
01:55:52 – 02:03:47
props
02:03:48 – 02:10:31
Components in practice
02:10:32 – 02:20:47
Component events with emit
02:20:48 – 02:27:55
Key
02:27:56 – 02:38:23
Component exercise
02:38:24 – 02:39:48
Component solution
02:39:49 – 02:41:19
App development
Single file templates
02:41:20 – 02:46:25
Vue CLI
02:46:26 – 02:54:08
Build and deploy a Vue.js app
02:54:09 – 03:01:45
Visual Studio code snippets and highlighting
03:01:46 – 03:04:22
Lifecycle hooks
03:04:23 – 03:09:29
Nuxt
03:09:30 – 03:13:58
Nuxt setup
03:13:59 – 03:20:46
Rendering in Nuxt
03:20:47 – 03:23:20
Vue CLI exercise
03:23:21 – 03:23:50
Vue CLI solution
03:23:51 – 03:26:17
Animations
Animations
03:26:18 – 03:33:19
CSS animations
03:33:20 – 03:39:48
Animation practice
03:39:49 – 03:40:21
Transition modes
03:40:22 – 03:44:18
Animate with JavaScript hooks
03:44:19 – 03:51:43
Animated interaction
03:51:44 – 03:55:38
Next page transitions
03:55:39 – 04:00:38
Practice for next page transitions
04:00:39 – 04:01:02
Composition API and custom directives
Composition API
04:01:03 – 04:12:51
Calculated Properties, Watch & WatchEffect
04:12:52 – 04:16:15
Props and context
04:16:16 – 04:17:38
Lifecycle hooks and use cases
04:17:39 – 04:22:07
Script setup and composition resources
04:22:08 – 04:24:06
Composition exercise
04:24:07 – 04:24:49
Composition solution
04:24:50 – 04:26:23
Custom policies
04:26:24 – 04:34:00
vuex
vuex
04:34:01 – 04:44:40
commit and send out
04:44:41 – 04:50:05
Vuex exercise
04:50:06 – 04:51:00
Vuex solution
04:51:01 – 04:54:21
Summary
Summary
04:54:22 – 04:58:16
requirements
Pictures
Example film
installation Guide
After the excerpt, watch with the player you like.
Subtitles: English
Quality: 1080
Download link
Password file(s): free software
File size
1.8GB