Vue 3 Playbook

Focused View

Chris Behrens

2:18:56

7 View

1. Course Overview

1. Course Overview.mp4

01:59

2. Course Introduction

1. Introduction.mp4

01:07

2. The Playbook Course Format.mp4

00:47

3. Cloning and Exploring Our Demo Application.mp4

02:56

03. Vue Rendering Concepts

01. Getting Started.mp4

02:08

02. Understanding the Virtual DOM.mp4

03:02

03. Understanding the Vue Render Pipeline.mp4

02:51

04. Using Vue Render Functions.mp4

06:30

06. Using v-for in Vue Render Functions.mp4

03:43

08. Handling Events in Vue Render Functions.mp4

01:27

09. Using v-if in Vue Render Functions.mp4

03:24

10. Understanding Fallthrough Attributes.mp4

03:50

11. Dynamic Components with Component -is.mp4

04:03

4. Vue Application Performance

1. Getting Started.mp4

02:04

2. Lazy Loading Routed Vue Components.mp4

03:58

3. Async Components - Loading Child Components Asynchronously.mp4

06:55

4. Optimizing Props Stability.mp4

05:20

5. Handling Excessive Bindings on a Single Page.mp4

05:00

6. Using v-once to Reduce Binding Costs.mp4

02:40

7. Using v-memo to Reduce Binding Costs.mp4

03:59

8. Using shallowRef() to Reduce Binding Costs.mp4

02:32

5. Exploring the Vue Reactivity API

1. Getting Started.mp4

02:24

2. Vues Basic Reactivity Functions.mp4

04:27

3. Using readonly() to Protect Data.mp4

03:32

4. Using watch() to Respond to Data Changes.mp4

05:32

5. Accessing the New and Old Values with watch().mp4

02:00

6. Setting watch() Options.mp4

03:23

7. Using watchEffect().mp4

04:23

8. Using watchEffect() Options and Alias Functions.mp4

01:34

9. Stopping a Watcher.mp4

00:47

06. Using TypeScript with Vue

01. Getting Started.mp4

02:09

02. Creating a New Vue TypeScript Project.mp4

02:56

03. Setting up Vue TypeScript Tooling.mp4

02:20

04. Adding TypeScript to an Existing Vue Project.mp4

06:51

05. Creating Vue TypeScript Components.mp4

03:10

06. Using Type Only Imports in Vue TypeScript.mp4

02:56

07. Typing Reactive Methods.mp4

04:07

08. Typing Vue Component Props.mp4

04:34

09. Typing Vue Component Emits.mp4

04:22

10. Options API - Typing Vue Component Props.mp4

03:57

11. Options API - Typing Vue Component Emits.mp4

03:17

Description

Take your skills beyond the fundamentals of Vue. This course will teach you more advanced topics such as the rendering pipeline that powers Vue, lazy-loading and async components, advanced reactivity methods, and using TypeScript with Vue.

What You'll Learn?

Once you learn the fundamentals of Vue, you're ready to explore some adjacent and advanced topics. In this course, Vue 3 Playbook, you’ll explore some of those more advanced topics. First, you’ll explore Vue's rendering pipeline and how it works with the virtual DOM to efficiently render changes in the browser. Then, you'll dive into a few core application performance measures such as lazy-loading and asynchronous components. Next, you’ll discover reactivity methods such as watch and watchEffect as well as utility functions for working with reactive refs. Finally, you’ll learn how to work with TypeScript in your Vue applications. When you’re finished with this course, you’ll have the skills and knowledge of Vue 3 needed to build robust and advanced Vue applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Vue JS

Chris Behrens

Instructor's Courses

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.