Course #:TP2861

Beginning Vue.js Training

Equip yourself with theory and hand-on applications that are focused on practical takeaways. The course showcases how Vue.js makes developing complex single page applications a breeze. Its componentbased approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application.

Vue.js is an open source progressive JavaScript library for building modern, interactive web applications. It can be used to power Single Page applications by implementing supporting libraries and tools.

Objectives

  • Create dynamic and animated lists
  • Identify how to use computed properties
  • Animate with JavaScript instead of CSS
  • Package reusable transitions into components
  • Create basic AJAX requests with Axios
  • Use Jasmine for workflow testing of Vue and Karma
  • Utilize Single Page Applications and Webpack

Audience

This course is for web developers who have little or no prior experience with Vue.js. It mainly targets JavaScript enthusiast who want to learn a modern and simple JavaScript framework. You should have a working knowledge of JavaScript and a clear understanding of HTML and CSS

Duration

Three days

Outline of Beginning Vue.js Training

Chapter 1. Getting Started With Vue.Js

  • A Simple Vue.js Program
  • Lists and Their Types
  • Choosing a Development Environment

Chapter 2. Basic Vue.Js Features

  • Learning How to Use Computed Properties
  • Formatting Currencies with Filters
  • Adding Styles Conditionally
  • Creating a Form with Checkboxes

Chapter 3. Transitions and Animations

  • Integrating with Third-Party CSS Animation Libraries
  • Transitioning Between Elements
  • Dynamic Transitions

Chapter 4. All About Components

  • Creating and Registering a Component
  • Making Components Talk with Vuex
  • Single File Components with Webpack

Chapter 5. Vue Communicates With the Internet

  • Sending Basic AJAX Requests with Axios
  • Creating a REST Client (and Server!)
  • Preventing XSRF Attacks to Your App

Chapter 6. Single Page Applications

  • Creating an SPA with Vue-Router
  • Using Named Dynamic Routes
  • Adding Transitions between Your Routes

Chapter 7. Unit Testing and End-To-End Testing

  • Using Jasmine for Testing Vue
  • Adding Karma to Your Workflow
  • End-to-end testing with TestCafe

Chapter 8. Organize + Automate + Deploy = Webpack

  • Extracting Logic from Your Components
  • to Keep the Code Tidy
  • Using External Components in Your Webpack Project
  • Releasing Your Components to the Public
We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC.