Vue 3 Fundamentals

Focused View

Jim Cooper

5:36:25

46 View

1. Course Overview

1. Course Overview.mp4

01:48

2. Getting Started with Vue

1. Introduction and What Well Build.mp4

01:50

2. A Conceptual Overview of Vue.mp4

02:05

3. Setting Up Our Environment.mp4

01:47

4. Exploring Vue Tooling Options.mp4

02:15

5. Creating a New Project with the Vue CLI.mp4

06:31

6. Exploring What the Vue CLI Created.mp4

03:55

7. Creating a New Project with create-vue.mp4

03:20

8. Cloning Our Demo Application.mp4

01:21

9. Modifying the Default Home Page.mp4

07:09

3. Creating Custom Vue Components

1. Introduction.mp4

00:38

2. Understanding Vue Components.mp4

03:04

3. Local Versus Global Components.mp4

04:06

4. Creating Our First Vue Component.mp4

06:29

5. Summary.mp4

00:34

04. Using Vue Template Syntax

01. Introduction.mp4

00:52

02. Binding Attributes to Data with v-bind.mp4

07:50

03. Binding to Events with v-on.mp4

06:56

04. Using Shorthand Bindings.mp4

01:04

05. Displaying Data with Interpolation.mp4

03:50

06. Conditionally Displaying Content with v-if and v-show.mp4

03:39

07. Repeating Elements with v-for.mp4

08:18

08. Formatting Data.mp4

03:31

09. Using Component Lifecycle Hooks.mp4

02:07

10. Sharing Component Functionality with Mixins.mp4

02:23

11. Summary.mp4

00:45

5. Using Vues Composition and Reactivity APIs

1. Introduction.mp4

01:06

2. Why Use the Composition API.mp4

07:20

3. Using the Composition API.mp4

10:25

4. Using script setup for Composition API Components.mp4

02:57

5. Making Components Reactive with the Reactivity API.mp4

07:37

6. Comparing the Different Reactivity Methods.mp4

03:21

7. Using Lifecycle Hooks with the Composition API.mp4

01:43

8. Exploring the Benefits of the Composition API.mp4

08:58

9. Summary.mp4

00:51

6. Styling Vue Components

1. Introduction.mp4

00:36

2. Global Versus Scoped Component Styles.mp4

06:04

3. Styling Child Components.mp4

06:34

4. Conditionally Applying Styles with Style Bindings.mp4

04:35

5. Conditionally Applying Classes with Class Bindings.mp4

04:18

6. Using Bindings in Component Styles.mp4

02:46

7. Using SASS and Other CSS Pre-processors.mp4

01:40

8. Summary.mp4

00:28

07. Communicating Between Vue Components

01. Introduction.mp4

00:44

02. Creating Child Components.mp4

07:34

03. Passing Data to Child Componets with Props.mp4

10:39

04. Validating Props.mp4

05:02

05. Passing Data to Parent Components with Events.mp4

11:45

06. Lifecycle Hooks Revisited.mp4

01:58

07. Using ProvideInject to Pass Data to Deeply Nested Components.mp4

09:56

08. Slots - Injecting Content Into Child Components.mp4

05:20

09. Using Named Slots.mp4

03:25

10. Summary.mp4

00:39

8. Vue Routing and Navigation

1. Introduction.mp4

00:51

2. Adding Routing to Our App.mp4

06:11

3. Linking to Routed Pages.mp4

02:40

4. Styling Links Based on the Active Route.mp4

03:40

5. Working with Route Params.mp4

07:53

6. Passing Route Params as Props.mp4

01:56

7. Changing the Router History Mode.mp4

02:28

8. Summary.mp4

00:27

09. Managing Vue Application State with Pinia

01. Introduction.mp4

01:09

02. What Is State Management.mp4

01:58

03. Creating a Pinia Store.mp4

02:56

04. Understanding Pinias Basics.mp4

02:03

05. Storing and Accessing Data in a Pinia Store.mp4

07:27

06. Maintaining Reactivity with Store State.mp4

07:42

07. Using Calculated Data (Getters) from a Pinia Store.mp4

02:34

08. Using Pinia Store Actions to Fetch Data from an API.mp4

12:30

09. Using an Options Store.mp4

03:22

10. Using Stores in Options API Components.mp4

02:40

11. Summary.mp4

00:47

10. Creating Custom Vue Directives

1. Introduction.mp4

00:38

2. Creating Custom Vue Directives.mp4

04:48

3. Passing Data to Directives.mp4

04:34

4. Using Directive Lifecycle Hooks.mp4

04:27

5. Declaring Directives Globally.mp4

01:26

6. Summary.mp4

00:23

11. Deploying Vue Applications to Production

1. Introduction.mp4

02:15

2. Creating a Production Build with the Vue CLI and Vite.mp4

02:56

3. Using Environment Variables and Build Modes.mp4

07:08

4. Deploying to a Production Webserver.mp4

03:27

5. Handling Deep Linking on the Server.mp4

03:53

6. Inspecting the Built-in Webpack Config.mp4

01:54

7. Customizing the Webpack Config.mp4

07:04

8. Customizing Vite Config.mp4

03:10

9. Summary.mp4

00:40

Description

Vue.js is rapidly growing in popularity due to its ease of use. This course will teach you all the fundamentals of Vue development including creating components, directives, filters, routing, Pinia state management, and deploying to production.

What You'll Learn?

Vue is one of the most lightweight and enjoyable front-end development frameworks for building modern web applications, and there are a lot of important concepts to learn to become a skilled Vue developer. In this course, Vue 3 Fundamentals, you will gain the foundational knowledge required to build robust, production-ready applications with Vue. First, you will see how to build your own project from scratch with the Vue CLI, including creating components using both the Options and Composition APIs, and managing communication between components. Next, you will explore how to create routes and navigate from page to page, manage application state and communicate with the server using Pinia, and create custom directives. Finally, you will learn how to deploy and configure your application to production. When you are finished with this course, you will have gained the fundamental skills and knowledge of Vue needed to create reliable and professional Vue applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vue JS

Jim Cooper

Instructor's Courses

Jim Cooper is a software developer at Pluralsight, with more than 20 years of software development experience. He has a passion for Agile processes, especially lean software development. Jim has been developing production Angular apps since before Angular version 1.0, including Pluralsight's first Html5-based video player. Jim has over 10 years of TDD and pair programming experience which has contributed significantly to his professional development. He has successfully mentored other developers in the use of TDD and agile practices and still enjoys learning from talented developers everywhere.

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.