Vue: Getting Started

Focused View

John Papa

3:49:19

82 View

00. Course Overview

00. Course Overview.mp4

01:21

01. Getting Started with Vue

00. Introduction to Getting Started with Vue.mp4

00:32

01. Create Your First Vue App.mp4

03:29

02. Tooling.mp4

03:00

03. Getting Familiar with the Vue CLI and Tooling.mp4

01:57

04. Getting and Exploring the Sample Code.mp4

03:40

05. Learn How a Vue App Starts.mp4

03:37

06. Getting Started Summary.mp4

00:55

02. Displaying Data and Responding to Events

00. Introducing Vue Data Binding.mp4

00:36

01. Creating Bindings in the Header Bar.mp4

04:23

02. Display Text.mp4

04:28

03. Handling Event .mp4

03:28

04. Accepting User Input with Two-way Bindings.mp4

02:06

05. Checkbox, Radio Buttons, and Style Bindings.mp4

02:24

06. Select and Class Bindings.mp4

04:27

07. Recap of Tips for Displaying Data.mp4

01:00

03. Displaying Lists and Conditional Content

00. Introducing Vue Lists and Conditionals.mp4

00:49

01. Rendering Lists.mp4

05:45

02. Selecting and Highlighting Items from a List.mp4

02:55

03. Adding and Removing Content.mp4

02:55

04. Showing and Hiding Content.mp4

04:53

05. Recap of Lists and Conditionals with Master Detail Data.mp4

01:26

04. Interacting within a Component

00. Introducing Single Component Interactions.mp4

01:05

01. Defining Data Models.mp4

05:27

02. Creating Computed Properties.mp4

02:58

03. Using Component Lifecycle Hooks.mp4

05:13

04. Watching Properties.mp4

06:24

05. Creating Custom Date Filters.mp4

06:54

06. Recap of Tools Inside of a Component.mp4

01:08

05. Component Communication

00. Introducing Component Communication.mp4

00:49

01. Nesting Components in Components.mp4

04:14

02. Passing Values to Child Components with Props.mp4

03:48

03. Refactor One Component into Parent and Child Components.mp4

05:31

04. Passing Objects in Props.mp4

06:00

05. Communicating from Child to Parent with Events.mp4

04:47

06. Sharing Code with Mixins and Modules.mp4

06:43

07. Recap of Component Communication.mp4

01:04

06. Accessing Data

00. Accessing Data.mp4

00:37

01. Using the axios HTTP Client.mp4

01:18

02. Fetching Data from an API.mp4

07:33

03. Getting Data for Different Environments.mp4

03:14

04. Parsing Responses and Error Handling.mp4

03:48

05. Recap of Accessing Data.mp4

01:16

07. Navigating Vue Apps with Routing

00. Introducing Routing.mp4

01:38

01. Adding Routing.mp4

07:57

02. Adding Navigation.mp4

04:53

03. Defining and Passing Route Parameters.mp4

06:46

04. Router Parameters and Props.mp4

02:56

05. Eager and Lazy Loading.mp4

05:16

06. Navigate via Code.mp4

03:48

07. Recap of Routing and Navigation.mp4

01:30

08. Managing Data State with Vuex

00. Introducing Vuex.mp4

01:02

01. No Central Store .mp4

01:42

02. Centralize the Data Flow with Vuex.mp4

05:57

03. Add Vuex to Your App.mp4

04:25

04. Describing Your State.mp4

10:36

05. Fetching State.mp4

06:30

06. Getting Specific State.mp4

03:57

07. Strict Mode.mp4

04:00

08. Mutating State.mp4

03:37

09. Actions.mp4

04:28

10. Communicate Between Components and the Store.mp4

05:04

11. Final Solution Walk-through.mp4

01:56

12. Recap of Vuex.mp4

01:24

Description

Learn how to design components, display data, present lists and inputs, handle user interactions, navigate between views, manage data, and get started with all of the key tools to make you efficient at developing with Vue in this hands-on course.

What You'll Learn?

Are you interested in how to use the fundamental features of Vue? In this course, Vue: Getting Started, you will learn foundational knowledge of how to start developing with Vue to create web applications. First, you will discover how to create and run your app with the Vue CLI, and how to build components which are the building blocks of your application. Next, you will learn how to build the user interface with templates, and how to choose the right data binding features. Finally, you will explore how to get and send data with HTTP, add menus to navigate your application with routing, and how to manage data and state with Vuex. When you are finished with this course, you will know all the basics you need to build your own Vue applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vue JS

John Papa

Instructor's Courses

John Papa is a Principal Developer Advocate with Microsoft and an alumni of the Google Developer Expert, Microsoft Regional Director, and MVP programs. He's passionate about Web and mobile technologies, and often enjoys speaking around the world at keynotes and sessions for conferences, including NgConf, Build, Ignite, VSLive, and AngleBrackets. John is a co-host of the popular Adventures in Angular podcast, author of the Angular Style Guide, several books, and many popular Pluralsight courses. You can reach him at johnpapa.net or on twitter at @john_papa.

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.