Beginning Vue.js

Video description

Developers can do wonders with Vue.js — an ecosystem that scales between a library and a full-featured framework. Beginning Vue.js teaches all that you need to know about Vue.js to create modern interactive web applications.

It starts with the basics, such as lists and filters, and then progresses to advanced features such as using Jasmine for testing Vue.js and creating universal applications with Electron. By the end of the course, you will also know how to integrate the Vue.js framework with others.

What You Will Learn

  • Use the basic features of Vue.js to create dynamic and animated lists
  • Identify how to use computed properties
  • Animate with JavaScript instead of CSS
  • Utilize Single Page Applications and Webpack
  • Package reusable transitions into components
  • Create user-friendly and performant single-page applications
  • Create a REST client and server for Vue.js applications to seamlessly communicate with the Internet
  • Create real-time applications with Electron, Firebase, Feathers, and Horizon


If you are an experienced programmer or a web developer with little or no prior experience with Vue.js, this is an ideal course for you. JavaScript enthusiast who wants to learn a modern and simple JavaScript framework will find this course very useful.

About The Author

Gary Jennings: Gary Jennings is a full stack web developer in Calgary, Alberta who has a passion for frontend development and design. He is an instructor at the Southern Alberta Institute of Technology where he instructs in the web development fast track program. Gary was drawn to web development because of his love for creating and finding solutions to problems. He has developed web applications for the medical industry and health and safety industry in Canada. Always inspired to use technology for good, he seeks to teach and help guide those around him whenever he can, whether in a classroom or online.

Table of contents

  1. Chapter 1 : Getting Started with Vue.js
    1. Course Overview
    2. Lesson Overview
    3. Simple Vue.js Program
    4. Lists and Their Types
    5. Creating a Dynamic and Animated List
    6. Reacting to Events Such as Clicks and Keystrokes
    7. Choosing a Development Environment
    8. Formatting Your Text with Filters
    9. Summary
  2. Chapter 2 : Basic Vue.js Features
    1. Lesson Overview
    2. Learning How to Use Computed Properties Part 1
    3. Learning How to Use Computed Properties Part 2
    4. Filtering a List with a Computed Property
    5. Sorting a List with a Computed Property
    6. Formatting Currencies with Filters
    7. Displaying and Hiding an Element Conditionally
    8. Adding Styles Conditionally
    9. Adding Some Fun to Your App with CSS Transitions
    10. Outputting Raw HTML
    11. Creating a Form with Checkboxes
    12. Summary
  3. Chapter 3 : Transitions and Animations
    1. Lesson Overview
    2. Integrating with Third-Party CSS Animation Libraries
    3. Adding Your Own Transition Classes
    4. Animating with JavaScript Instead of CSS
    5. Transitioning Between Elements
    6. Letting an Element Leave Before the Enter Phase in a Transition
    7. Transitioning Elements That Move in a List
    8. Animating the State of Your Components
    9. Dynamic Transitions
    10. Summary
  4. Chapter 4 : All about Components
    1. Lesson Overview
    2. Creating and Registering a Component
    3. Single File Components with Webpack
    4. Using Components in Your Own Components
    5. Passing Data to Your Components with Props
    6. Reading a Child's State
    7. Content Distribution with Slots
    8. Making Components Talk with Vuex
    9. Having Recursive Components
    10. Summary
  5. Chapter 5 : Vue Communicating with the Internet
    1. Lesson Overview
    2. Sending Basic AJAX Requests with Axios
    3. Validating User Data before Sending It
    4. Recovering from an Error during a Request
    5. Creating a REST Client (and Server!)
    6. Implementing Infinite Scrolling
    7. Processing a Request before Sending It Out
    8. Preventing XSRF Attacks on Your App
    9. Summary
  6. Chapter 6 : Single-Page Applications
    1. Lesson Overview
    2. Creating an SPA with Vue-Router
    3. Fetching Data before Switching Routes
    4. Managing Errors for Your Routes
    5. Using Named Dynamic Routes
    6. Composing Your Routes Hierarchically
    7. How to Redirect to another Route
    8. Saving Scrolling Position When Hitting Back
    9. Summary
  7. Chapter 7 : Unit-Testing and End-to-End Testing
    1. Lesson Overview
    2. Using Jasmine for Testing Vue Applications
    3. Adding Karma to Your Workflow
    4. Testing Your Application State and Methods
    5. Testing Asynchronous DOM Updates
    6. End-to-End Testing with TestCafe
    7. Stubbing External API Calls with Sinon.JS
    8. Measuring the Coverage of Your Code
    9. Summary
  8. Chapter 8 : Organize + Automate + Deploy = Webpack
    1. Lesson Overview
    2. Extracting Logic from Your Components to Keep the Code Tidy
    3. Organizing Your Dependencies with Webpack
    4. Developing with Continuous Feedback with Hot Reloading
    5. Running a Code Linter While Developing
    6. Deploy your app to the Public
    7. Summary

Product information

  • Title: Beginning Vue.js
  • Author(s): Gary Jennings, Andrea Passaglia
  • Release date: November 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781789534719