O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hands-On Web Development with Vue.js

Video Description

Provide richer and interactive User Interfaces to your web applications to deliver high-quality production code

About This Video

  • Build exciting applications from scratch and become proficient with Vue.js web development
  • Cover the latest techniques and code in Vue.js for your applications.
  • Learn professional web programming techniques to increase the performance of your Vue.js applications

In Detail

Vue.js is an open-source progressive JavaScript framework for building user interfaces. The main features that make Vue.js stand out are that it is approachable, versatile and performant.

This course will show you how to build rich web applications quickly using Vue.js. You will start in the simplest way possible so you can get up-and-running with Vue within minutes. You will understand the fundamentals of how to use a Vue instance and dig deeper into the Vue environment. Start the journey with vue-cli by building a personal CRM application with Vue libraries such as VueX and Vue Router. Learn the concepts of clean state management and testing Vue components using tools such as Jest along with vue-test-utils. Using child components with vue-test-utils, level up your Vue skills for production readiness. Finally, learn the real world tips and tricks of working with Vue.js efficiently.

By the end of this course, you will be able to write well tested, clean code to provide your web application with rich and interactive experience.

The code bundle for this video course is available at- https://github.com/PacktPublishing/Hands-on-Web-Development-with-Vue.js.

Table of Contents

  1. Chapter 1 : Getting a Rolling Start with Vue
    1. The Course Overview 00:03:07
    2. Creating Your First Vue App 00:07:56
    3. Rendering Lists and Leveraging Computed Properties 00:08:46
    4. Improving the App with Custom Methods 00:09:13
    5. Exploring the Vue Lifecycle 00:10:37
    6. Distributing Content with Components 00:18:05
    7. Working with the Vue DevTools 00:13:09
  2. Chapter 2 : Starting Your Vue.js Application
    1. Building a Personal CRM 00:03:57
    2. Starting a New App with vue-cli 00:10:39
    3. Introducing Vue-Singlefile-Components 00:15:06
    4. Using External npm Packages 00:06:40
  3. Chapter 3 : Working with Client-Side Data Management
    1. Creating New Data on the Fly 00:10:28
    2. Routing between Datasets 00:17:19
    3. Understanding V-Model 00:16:16
    4. Using Two-Way Computed Properties 00:07:11
  4. Chapter 4 : Deep Dive into State Management
    1. Prioritizing Global State over Component State 00:08:39
    2. Building a Flux Store from Scratch 00:07:39
    3. Getting Started with Vuex 00:11:44
    4. Persisting Data in Local Storage 00:13:42
    5. Persisting Data with Firebase Firestore 00:12:54
  5. Chapter 5 : Testing Vue Components
    1. Introduction to Jest and Writing the First Spec 00:08:50
    2. Testing a Vuex Store 00:14:12
    3. Introducing vue-test-utils 00:10:59
    4. Testing Nested Components 00:06:29
    5. Introduction to Snapshot Testing 00:06:17
  6. Chapter 6 : Real World Tips and Tricks
    1. Tying Up Loose Ends of Our Application 00:13:43
    2. Passing Data from the Outside into Vue 00:05:45
    3. Using Vue with an Existing Stack 00:06:53
    4. Using Vue Mixins and Plugins 00:05:28
    5. Preparing Your Next Steps 00:03:34