Paths

Vue

Authors: Chad Campbell, Jim Cooper, Hampton Paulk, Bill Stavroulakis, Daniel Stern

Vue is an open-source, easy to learn progressive web framework built in JavaScript. It puts an emphasis on being flexible but easy to learn. You can still build complex... Read more

Beginner

Get started quickly learning with the latest version of Vue. We won’t cover all the details of the framework here but you’ll learn enough to create useful applications. In fact, you’ll code along with us and interactively build your first application.

Vue.js: Big Picture

by Daniel Stern

Aug 31, 2018 / 1h 6m

1h 6m

Start Course
Description

Saying Vue.js is a fast-growing and exciting library is a major understatement. With nearly 100,000 stars on GitHub, Vue.js is rapidly becoming the default choice for web application development. In this course, Vue.js: Big Picture, you will get a big picture overview of Vue, understanding what its features are and where those features are most useful. First, you will learn Vue's capabilities and limitations. Next, you will discover the libraries of the Vue ecosystem. Finally, you will explore how to use Vue for prototyping. When you’re finished with this course, you will be ready to start your journey towards being a Vue expert.

Table of contents
  1. Course Overview1m
  2. What Is Vue.js?21m
  3. Why Use Vue.js?21m
  4. The Vue Ecosystem17m
  5. Summary/Next Steps4m

Vue.js: Getting Started

by Chad Campbell

Jun 16, 2017 / 2h 32m

2h 32m

Start Course
Description

Are you trying to build a web app and the technology is getting in the way? In this course, Vue.js: Getting Started, you'll learn about a JavaScript framework that is intuitive enough to let you focus on your goals. First, you'll learn how to create lightning fast web apps in a refined and simple way. Next, you'll explore how to create HTML templates. In addition, you'll cover how to bind to data input by a user and react to user events. Finally, you'll learn how to conditionally render content the appropriate way. When you're finished with this course, you'll be able to start building fast-running apps with Vue.js.

Table of contents
  1. Course Overview0m
  2. Introducing Vue.js20m
  3. Creating Vue.js Templates28m
  4. Binding with Forms in Vue.js16m
  5. Responding to User Events in Vue.js32m
  6. Conditional Rendering and Rendering of Lists28m
  7. Reacting to Data Changes with Filters, Computed Properties, and Watchers23m
Project

Build a Reading List Application With Vue.js

by Hampton Paulk

May 24, 2018 / 1h 30m

1h 30m

Start Project
Description

In this project you’ll follow along with our instructions and build a reading list application with Vue.js 2.x. You'll create multiple components that are connected together to display a list of authors and book titles, and you'll create a form that adds new books to the list.

Project overview
  1. Setup15m
  2. Creating the BookList Component15m
  3. Looping Through a List of Books15m
  4. Creating a Child Component10m
  5. Connecting BookItem as a Child Component of BookList10m
  6. Creating a BookForm Component25m

Intermediate

We’ll dig deeper into some more advanced areas of Vue and cover all the major features you’ll need to build a variety of applications. You’ll understand the full power of Vue by the end of this section.

Vue.js Fundamentals

by Jim Cooper

Jun 21, 2018 / 5h 5m

5h 5m

Start Course
Description

Vue.js 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.js Fundamentals, you will gain the foundational knowledge required to build robust, production-ready applications with Vue. First, you will build your own project from scratch with the Vue CLI, including creating components and manage communication between components. Then, you will learn to create routes and navigate from page to page, manage state and communicate with the server using Vuex, and create custom directives. Finally, you will deploy your application to production. When you’re finished with this course, you will have gained the fundamental skills and knowledge of Vue.js needed to create reliable and professional Vue applications.

Table of contents
  1. Course Overview2m
  2. Getting Started with the Vue.js CLI24m
  3. Creating Vue.js Components and Using Template Syntax1h 12m
  4. Enabling Inter-component Communication 33m
  5. Routing from Page to Page48m
  6. Managing State and Server Communication with Vuex1h 12m
  7. Creating Custom Directives and Filters23m
  8. Deploying Vue Applications to Production27m

Advanced

We’ll take your deeper knowledge and help you build your first Single Page Application with vue. This time, though you’ll be more independent. You won’t code in the browser but you’ll follow along building the application with your preferred toolset that you use for your normal development.

Single Page Applications with Vue.js

by Bill Stavroulakis

Oct 10, 2017 / 3h 11m

3h 11m

Start Course
Description

How can you create a full-blown application with one of the most popular JavaScript frameworks, Vue.js? In this course, Single Page Applications with Vue.js, you'll learn how to setup the environment and build processes necessary for your application. First, you'll discover how to include single file components, routing, and API communication functionalities with plugins and modules. Next, you’ll explore state management and server-side rendering for faster and more manageable apps. Lastly, you’ll cover how to create tests and deploy your application on the cloud. When you’re finished with this course, you’ll have the necessary knowledge to efficiently create an application from start to finish using the Vue.js framework.

Table of contents
  1. Course Overview1m
  2. Environment Setup - Build Process32m
  3. Single File Components25m
  4. Routing20m
  5. API Communication17m
  6. State Management23m
  7. Server-side Rendering24m
  8. Testing21m
  9. Deploying24m

What you will learn

  • Vue core concepts
  • Component architecture
  • State Management
  • Building single page applications

Pre-requisites

JavaScript, HTML, CSS

Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit