Frontend Masters – Introduction to Vue 3 2020-10

Introduction to Vue 3, name of a course to teach Vue.js industry. Right now, very fast work with the framework, JavaScript, Vue.js to get started. You how to build components with the re-use and also lets them make use of props, lifecycles and slots, you’ll be able. Of directives for the construction of agency, with the use of the markup and how to build directives personalization is yourself, learn, and finally, items that are new Vue 3 have been added and how to sum up the agency with the use of the components of the new API learn.

What in the course Introduction to Vue 3 learn:

• Introduction Vue.js as a framework JavaScript
• Topics related to Directives, Modifiers & Data Rendering includes the v-model Directive, 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
• Explaining the hows and function of the method in. Computed Properties, and explain with example about the Watchers
• Explain the components, ingredients, Props, and slots, along with example
• The development of the App, Install and use the Vue CLI and using Nuxt with offering the solution and example
• Talk about the animations and use them with the use of CSS in action, and a variety of dynamic exponential available
• Check the Composition API, and Custom Directives, and how to use them with examples
• Use the Vuex to share data, the logic and method of shared oe asynchronous

Specifications volume :

Publisher: FrontendMasters
Instructor: Sarah Drasner
Language: English
Training level: basic to advanced
Number of lessons: 65
Duration Time: 4 hours and 57 minutes

This course:

Introduction

Introduction
00:00:00 – 00:10:38

Course Resources & Setup
00:10:39 – 00:13:56

Vue 3 Hello World
00:13:57 – 00:19:12

Directives, Modifiers & 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 & v-on
00:34:13 – 00:36:26

v-html & v-text
00:36:27 – 00:38:51

Directives Exercise
00:38:52 – 00:39:52

Directives 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, Computed Properties, & Watchers

Methods
00:50:20 – 00:59:22

Methods in Forms
00:59:23 – 01:03:54

Sorting Table Data with v-for
01:03:55 – 01:08:13

Computed Properties
01:08:14 – 01:14:53

Computed Properties Exercise
01:14:54 – 01:16:28

Computed Properties Solution
01:16:29 – 01:19:59

Computed Properties Examples
01:20:00 – 01:23:21

Vue’s Reactivity System & Proxies
01:23:22 – 01:34:42

Set(), Map() & WeakMap()
01:34:43 – 01:38:47

Watchers
01:38:48 – 01:48:10

Watchers Exercise
01:48:11 – 01:49:29

Watchers Solution
01:49:30 – 01:51:33

Watchers Example
01:51:34 – 01:55:51

Components & 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

Slots
02:27:56 – 02:38:23

Components Exercise
02:38:24 – 02:39:48

Components 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

Creating & Deploying a Vue.js App
02:54:09 – 03:01:45

Visual Studio Code Snippets & 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

Animating with JavaScript Hooks
03:44:19 – 03:51:43

Animated Interaction
03:51:44 – 03:55:38

Nuxt Page Transitions
03:55:39 – 04:00:38

Nuxt Page Transitions Practice
04:00:39 – 04:01:02

Composition API & Custom Directives

Composition API
04:01:03 – 04:12:51

Computed Properties, Watch & WatchEffect
04:12:52 – 04:16:15

Props & Context
04:16:16 – 04:17:38

Lifecycle Hooks & Usecases
04:17:39 – 04:22:07

Script Setup & 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 Directives
04:26:24 – 04:34:00

Vuex

Vuex
04:34:01 – 04:44:40

commit & emit
04:44:41 – 04:50:05

Vuex Exercise
04:50:06 – 04:51:00

Vuex Solution
04:51:01 – 04:54:21

Wrapping Up

Wrapping Up
04:54:22 – 04:58:16

Prerequisites

Images

Sample movie

Installation guide

After the Extract, wathc with the Player you like.

Subtitles: English

Quality: 1080

Download link

Download Part 1 – 1 GB

Download Part 2 – 799 MB

File size

1.8 GB