Beginning Vue.js

Video description

Become a pro in creating modern interactive web applications using this JavaScript framework

About This Video

  • Equipped with a wide spectrum of topics, starting with basics, such as lists, and ending with advanced features, such as creating real-time applications
  • Contains multiple assessments and activities to benchmark your progress
  • Comprises of interesting tips and tricks that make using Vue.js more efficient

In Detail

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.

The code files for this title are uploaded on Github


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.

Publisher resources

Download Example Code

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