FrontendMasters – Advanced Vue.js Features from the Ground Up 2018-1

Description

Advanced Vue.js Features from the Ground Up is the name of a Vue.js training course by Evan You, who is also the creator of Vue.js. This course covers how to build more accessible routing, status management, validation shaping, and international libraries from scratch. This course is suitable for developers who have experience in using Vue.js and want to understand it better, and as a result can be the author of their own Vue plugins and make better use of Vue.

What you will learn in the Advanced Vue.js Features from the Ground Up course

Explain how the rendering system of Vue.js, Getter and Setters works

How to write plugins with a simple Vue plugin

Rendering functions and their role in status management

Virtual DOM and its applications

Compare Patterns and JSX

Familiarity with State Management and object sharing

Basic router hash

Questions and answers about SSR, personalized elements and R

Course information

Publisher: FrontendMasters Instructor: Evan You English language Level of training: basic to advanced Number of lessons: 47 Duration: 3 hours and 49 minutes

Topics

Advanced Vue.js Features from the Ground Up

Introduction 00:00:00 – 00:02:50

Reactivity

Introducing Reactivity 00:02:51 – 00:08:27 Challenge 1: Getters and Setters 00:08:28 – 00:13:39 Challenge 1: Solution 00:13:40 – 00:23:49 Challenge 2: Dependency Tracker 00:23:50 – 00:26:35 Challenge 3: Mini Observer 00:26:36 – 00:29:01

Writing Plugins

Introducing Writing Plugins 00:29:02 – 00:32:54 Challenge 4: Writing a Simple Plugin 00:32:55 – 00:37:02 Challenge 4: Solution 00:37:03 – 00:41:38

Render Functions

Introducing Render Functions 00:41:39 – 00:44:50 Virtual DOM 00:44:51 – 00:50:41 Putting Everything Together 00:50:42 – 00:53:07 JSX vs. Templates 00:53:08 – 00:55:32 Render Function API 00:55:33 – 01:03:16 Challenge 5: Dynamically Render Tags 01:03:17 – 01:06:17 Challenge 5: Solution 01:06:18 – 01:10:47 Challenge 6: Dynamically Render Components 01:10:48 – 01:11:54 Challenge 6: Solution 01:11:55 – 01:23:17 Challenge 7: Higher-Order Components 01:23:18 – 01:29:09 Q&A: Higher-Order Components 01:29:10 – 01:32:11 Challenge 7: Solution 01:32:12 – 01:45:12

State Management

Introducing State Management 01:45:13 – 01:53:14 Challenge 8: Passing Props 01:53:15 – 01:56:10 Challenge 8: Solution 01:56:11 – 01:57:35 Challenge 9: Shared Object 01:57:36 – 01:59:17 Challenge 9: Solution 01:59:18 – 02:01:39 Challenge 10: Shared Instance 02:01:40 – 02:02:32 Challenge 10: Solution 02:02:33 – 02:09:16 Challenge 11: Mutations 02:09:17 – 02:11:31 Challenge 11: Solution 02:11:32 – 02:15:13 Challenge 12: Functional 02:15:14 – 02:21:40 Q&A: Type-based API and Nested Objects 02:21:41 – 02:25:03 Challenge 12: Solution 02:25:04 – 02:33:02

Routing

Challenge 13: Basic Hash Router 02:33:03 – 02:35:38 Challenge 13: Solution 02:35:39 – 02:38:52 Challenge 14: Route Table 02:38:53 – 02:40:22 Challenge 14: Solution 02:40:23 – 02:43:53 Path to Regular Expressions 02:43:54 – 02:52:22 Challenge 15: Dynamic Routes 02:52:23 – 02:54:43 Challenge 15: Solution 02:54:44 – 03:05:56

Form Validation

Markup-based vs. Model-based 03:05:57 – 03:08:04 Validation Library 03:08:05 – 03:24:34

Internationalization

Internationalization Approaches 03:24:35 – 03:28:32 Internationalization Plugin 03:28:33 – 03:33:41

Wrapping Up Advanced Vue.js

Q&A: Onboarding Speed and Web Components 03:33:42 – 03:42:10 Q&A: SSR and Vue Custom Element 03:42:11 – 03:48:19 Wrapping Up 03:48:20 – 03:49:22

Installation

After Extract, watch with your favorite Player.

English subtitle

Quality: 1080p