Vue.js 2 Recipes [Video]

Preview in Mapt

Vue.js 2 Recipes [Video]

Peter van Meijgaard

Learn useful solutions to common problems encountered when building Vue 2 applications

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
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 Mapt 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 Mapt 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 Mapt reader
$0.00
$106.25
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Vue.js 2 Recipes [Video] Book Cover
Vue.js 2 Recipes [Video]
$ 124.99
$ 106.25
Web development with Vue.js 2 [Video] Book Cover
Web development with Vue.js 2 [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $214.98
Add to Cart

Video Details

ISBN 139781787281479
Course Length4 hours and 42 minutes

Video Description

Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex, single-page applications a breeze. Its component-based approach, intuitive API, blazingly fast core, and compact size make Vue.js a great solution with which to craft your next front-end application.

This video tutorial dives right into exploring various tasks that you will come across while building your web applications with Vue.js. You start with building a simple Vue application, and then learn to add different elements, filters, properties, and forms to your project. You'll explore the different transitions and animations possible with Vue.js, and add components and events to your Vue application, making it more dynamic as you go. After that, you'll learn how to add communication with remote resources to your Vue application and leverage VueRouter 2 to build a single-page application. Finally, you will delve into advanced state management with Vuex and learn to test the applications you've built.

By the end of this course, you'll be ready to take on real-world projects with Vue, armed with the solutions needed to face development tasks head-on.

Style and Approach

This tutorial offers detailed, easy-to-follow recipes that will help you harness the full potential of Vue.js. Each recipe is designed to help you quickly understand and solve a particular problem (commonly faced by developers using Vue.js)s in a simple and intuitive manner. It also includes larger recipes to address obstacles arising from building medium-to-large scale applications with Vue.js.

Table of Contents

Quick Start
The Course Overview
Using Different Vue CLI Templates for Your Application
Building a Simple Application with Vue
Adding Reactive Elements to Your Vue Application
Adding Interactivity to Your Web Application with Events
Constructing Your Own Vue Filters for Transforming Your Output
Debugging Your Vue Application
Computed Properties, Filters, and Conditionals
Filtering a List Using a Computed Property
Sorting a List Using a Computed Property
Using Filters to Show Currency
Working on Dates with Filters and MomentJS
Conditionally Rendering Your Pages with v-if and v-show
Manipulating an Element by Binding Styles and Classes
Forms
Building a Basic Form Using Bootstrap and Vue
Handling Form Buttons of Different Types
Employing Vue Selects, Checkboxes, and Radio Elements in Your Form
Transitions
Creating Your Own Transition Classes
Transitioning on Initial Render
Transitioning between Elements
Entering and Leaving Transitions for Elements in a List
Reusing Transitions Throughout Your Application
Creating Reactive Transitions for Your Application
Dynamic Components and Events
Creating Dynamic Components for Your Applications
Passing Data between Parent/Child Dynamic Components
Adding Component Events to Your Application
Advanced Components
Passing Properties to Components
Handling Data Outside of a Component
Creating Reusable Components for Your Application
Using Slots in Components for Passing Data
Vue Files
Packaging a Component in a Vue File with Webpack
Working with Advanced Vue Files
Axios
Making Basic Calls
Making Reactive Calls Inside Your Application
Making Form Calls Within Your Application
Error Handling
Request Handling
Using Request and Response Interceptors
Throttling and Debouncing Requests Using Lodash
Protecting Your Application Against CSRF
Vue Router and Sessions
Developing Pages for Vue Router
Using Route Parameters
Adding Navigation Guards
Developing Nested Routes
Redirecting Using Navigation Guards
Handling Authentication and Route Metadata
Create Login Functionality in Combination with LocalStorage
Vuex
Adding Vuex to Your Application
Accessing Store Data in Components
Structuring a Small Vuex Store
Advanced Vuex
Managing Your Application's State with Vuex
Making Use of Vuex Getters
Changing Your Application's State with Mutations
Committing Mutations with the Help of Actions
Managing Your Application's Store Size with Modules
Using Vuex Plugins in Your Applications
Handling Forms in Your Application with Vuex
Testing Vue
Unit Testing a Vue Component
Unit Testing the Actions from the Vuex Store
Unit Testing the Mutations from the Vuex Store
Unit Testing the Getters from the Vuex Store
End-to-End Testing with Nightwatch

What You Will Learn

  • Quick-start your application development with Vue 2
  • Utilize Vue 2 features in ready applications
  • Add transitions and animations to your Vue 2 application
  • Add dynamic components to your application
  • Master server-to-client and client–to-server communication using Vue Resource
  • From zero to SPA lightning fast with VueRouter 2
  • Build tests for your Vue application
  • Build custom plugins for your Vue.js application
  • Store management with Vuex

Authors

Table of Contents

Quick Start
The Course Overview
Using Different Vue CLI Templates for Your Application
Building a Simple Application with Vue
Adding Reactive Elements to Your Vue Application
Adding Interactivity to Your Web Application with Events
Constructing Your Own Vue Filters for Transforming Your Output
Debugging Your Vue Application
Computed Properties, Filters, and Conditionals
Filtering a List Using a Computed Property
Sorting a List Using a Computed Property
Using Filters to Show Currency
Working on Dates with Filters and MomentJS
Conditionally Rendering Your Pages with v-if and v-show
Manipulating an Element by Binding Styles and Classes
Forms
Building a Basic Form Using Bootstrap and Vue
Handling Form Buttons of Different Types
Employing Vue Selects, Checkboxes, and Radio Elements in Your Form
Transitions
Creating Your Own Transition Classes
Transitioning on Initial Render
Transitioning between Elements
Entering and Leaving Transitions for Elements in a List
Reusing Transitions Throughout Your Application
Creating Reactive Transitions for Your Application
Dynamic Components and Events
Creating Dynamic Components for Your Applications
Passing Data between Parent/Child Dynamic Components
Adding Component Events to Your Application
Advanced Components
Passing Properties to Components
Handling Data Outside of a Component
Creating Reusable Components for Your Application
Using Slots in Components for Passing Data
Vue Files
Packaging a Component in a Vue File with Webpack
Working with Advanced Vue Files
Axios
Making Basic Calls
Making Reactive Calls Inside Your Application
Making Form Calls Within Your Application
Error Handling
Request Handling
Using Request and Response Interceptors
Throttling and Debouncing Requests Using Lodash
Protecting Your Application Against CSRF
Vue Router and Sessions
Developing Pages for Vue Router
Using Route Parameters
Adding Navigation Guards
Developing Nested Routes
Redirecting Using Navigation Guards
Handling Authentication and Route Metadata
Create Login Functionality in Combination with LocalStorage
Vuex
Adding Vuex to Your Application
Accessing Store Data in Components
Structuring a Small Vuex Store
Advanced Vuex
Managing Your Application's State with Vuex
Making Use of Vuex Getters
Changing Your Application's State with Mutations
Committing Mutations with the Help of Actions
Managing Your Application's Store Size with Modules
Using Vuex Plugins in Your Applications
Handling Forms in Your Application with Vuex
Testing Vue
Unit Testing a Vue Component
Unit Testing the Actions from the Vuex Store
Unit Testing the Mutations from the Vuex Store
Unit Testing the Getters from the Vuex Store
End-to-End Testing with Nightwatch

Video Details

ISBN 139781787281479
Course Length4 hours and 42 minutes
Read More

Read More Reviews

Recommended for You

Web development with Vue.js 2 [Video] Book Cover
Web development with Vue.js 2 [Video]
$ 124.99
$ 106.25
The Ultimate Vue JS 2 Developers Course [Video] Book Cover
The Ultimate Vue JS 2 Developers Course [Video]
$ 124.99
$ 106.25
Vue.js 2 Web Development Projects Book Cover
Vue.js 2 Web Development Projects
$ 35.99
$ 25.20
Vue.js 2 and Bootstrap 4 Web Development Book Cover
Vue.js 2 and Bootstrap 4 Web Development
$ 35.99
$ 25.20
Vue.js 2 Cookbook Book Cover
Vue.js 2 Cookbook
$ 35.99
$ 25.20
Learning Vue.js 2 Book Cover
Learning Vue.js 2
$ 35.99
$ 25.20