Beginning Vue.js

Preview Online

Code Files

Beginning Vue.js

Gary Jennings

Friday, November 23, 2018

New Release!

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

Quick links: > Table of contents > What will you learn? > Preview

Packt Subscription

€5.00

€9.99/m after first month

Video

€5.23

RRP €205.85

Save 97%

What do I get with a Packt subscription?

Exclusive monthly discount - no contract
Unlimited access to entire Packt library of 6500+ eBooks and Videos
120 new titles added every month, on new and emerging tech

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

€5.00

€5.23

€9.99/m after first month

RRP €205.85

Subscription

Video

Subscribe Now

Frequently bought together

Beginning Vue.js

€ 205.85

€ 5.23

Complete Vue.js 2 Web Development

€ 41.63

€ 5.22

Complete Vue.js 2 Web Development

Dec 2018

704 pages

€ 5.22

Buy 2 for €10.45
Save €199.19

Add to Cart

Video Details

ISBN 13 9781789534719

Course Length 6 hours 12 minutes

Getting Started with Vue.js

Course Overview

Lesson Overview

Simple Vue.js Program

Lists and Their Types

Creating a Dynamic and Animated List

Reacting to Events Such as Clicks and Keystrokes

Choosing a Development Environment

Formatting Your Text with Filters

Summary

Basic Vue.js Features

Lesson Overview

Learning How to Use Computed Properties Part 1

Learning How to Use Computed Properties Part 2

Filtering a List with a Computed Property

Sorting a List with a Computed Property

Formatting Currencies with Filters

Displaying and Hiding an Element Conditionally

Adding Styles Conditionally

Adding Some Fun to Your App with CSS Transitions

Outputting Raw HTML

Creating a Form with Checkboxes

Summary

Transitions and Animations

Lesson Overview

Integrating with Third-Party CSS Animation Libraries

Adding Your Own Transition Classes

Animating with JavaScript Instead of CSS

Transitioning Between Elements

Letting an Element Leave Before the Enter Phase in a Transition

Transitioning Elements That Move in a List

Animating the State of Your Components

Dynamic Transitions

Summary

All about Components

Lesson Overview

Creating and Registering a Component

Single File Components with Webpack

Using Components in Your Own Components

Passing Data to Your Components with Props

Reading a Child's State

Content Distribution with Slots

Making Components Talk with Vuex

Having Recursive Components

Summary

Vue Communicating with the Internet

Lesson Overview

Sending Basic AJAX Requests with Axios

Validating User Data before Sending It

Recovering from an Error during a Request

Creating a REST Client (and Server!)

Implementing Infinite Scrolling

Processing a Request before Sending It Out

Preventing XSRF Attacks on Your App

Summary

Single-Page Applications

Lesson Overview

Creating an SPA with Vue-Router

Fetching Data before Switching Routes

Managing Errors for Your Routes

Using Named Dynamic Routes

Composing Your Routes Hierarchically

How to Redirect to another Route

Saving Scrolling Position When Hitting Back

Summary

Unit-Testing and End-to-End Testing

Lesson Overview

Using Jasmine for Testing Vue Applications

Adding Karma to Your Workflow

Testing Your Application State and Methods

Testing Asynchronous DOM Updates

End-to-End Testing with TestCafe

Stubbing External API Calls with Sinon.JS

Measuring the Coverage of Your Code

Summary

Organize + Automate + Deploy = Webpack

Lesson Overview

Extracting Logic from Your Components to Keep the Code Tidy

Organizing Your Dependencies with Webpack

Developing with Continuous Feedback with Hot Reloading

Running a Code Linter While Developing

Deploy your app to the Public

Summary

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.

The code files for this title are uploaded on GithubL: https://github.com/TrainingByPackt/C11740-Beginning-Vue.js/blob/master/README.md

Video Preview

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

Authors

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.

Getting Started with Vue.js

Course Overview

Lesson Overview

Simple Vue.js Program

Lists and Their Types

Creating a Dynamic and Animated List

Reacting to Events Such as Clicks and Keystrokes

Choosing a Development Environment

Formatting Your Text with Filters

Summary

Basic Vue.js Features

Lesson Overview