Web development with Vue.js 2 [Video]

Preview in Mapt

Web development with Vue.js 2 [Video]

Olga Filipova

Learn how to build amazing and complex reactive web applications easily with Vue.js

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

Mapt Subscription
FREE
$20.83/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


Web development with Vue.js 2 [Video] Book Cover
Web development with Vue.js 2 [Video]
$ 124.99
$ 106.25
Vue.js 2 Web Development Projects Book Cover
Vue.js 2 Web Development Projects
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $125.98
Add to Cart

Video Details

ISBN 139781788395298
Course Length5 hours and 40 minutes

Video Description

Vue.js is one of the latest new frameworks to have piqued the interest of web developers due to its reactivity, reusable components, and ease of use. This video course shows developers how to leverage its features to build high-performing, reactive web interfaces with Vue.js. From the initial structuring to full deployment, this video provides step-by-step guidance to developing an interactive web interface from scratch with Vue.js.

You will start by building a simple application in Vue.js so you can observe its features in action. Delving into more complex concepts, you’ll learn about reactive data binding, reusable components, plugins, filters, and state management with Vuex. It will also teach you how to bring reactivity to an existing static application using Vue.js. By the time you finish this video, you will have built, tested, and deployed a complete reactive application in Vue.js from scratch.

Style and Approach

This course is a thorough, step-by-step guide that shows you how to build complete web apps with Vue.js. While teaching you its intricacies, the course also shows you how to implement the MVVM architecture in the real world and build high-performing web interfaces.

Table of Contents

Going Shopping with Vue.js
The Course Overview
Buzzwords
The Importance of Vue.js and Working with Vue.js
Using Vue.js in an Existing Project
Vue.js 2.0! and Projects Using Vue.js
Let's Manage Time!
Fundamentals – Installing and Using
The MVVM Architectural Pattern
DefineProperty, Getters, and Setters
Comparing with Other Frameworks
Vue.js Fundamentals
Installing, Using a Vue.js Application
Debugging Your Vue Application
Scaffolding Our Applications
Components – Understanding and Using
Revisiting Components and Their Benefits
Rewriting the Shopping List with Simple Components
Single-File Components
Rewriting Our Shopping List Application with Single-File Components
Rewriting the Pomodoro Application with Single-File Components
Reactive Binding of CSS Transitions
Reactivity – Binding Data to Your Application
Revisiting Data Binding and Interpolating Data
Using Expressions and Filters
Revisiting and Applying Directives
Vuex – Managing State in Your Application
Parent-Child Components' Communication, Events, and Brain Teaser
Introduction to Vuex and the Global State Store
Greetings with Store
Installing and Using the Vuex Store in Our Applications
Using the Vuex Store in the Shopping List Application
Using the Vuex Store in the Pomodoro Application
Plugins – Building Your House with Your Own Bricks
Using the Vue-Resource Plugin in the Shopping List Application
Creating and Using a Plugin in the Pomodoro Application
Testing – Time to Test What We have Done So Far!
Why Unit Tests?
Unit tests for Vue Applications
Writing Unit Tests for the Shopping List Application
Writing Unit Tests for Our Pomodoro Application
End-to- end Testing and Nightwatch e2e
Writing e2e Tests for the Pomodoro Application
Deploying – Time to Go Live!
Software Deployment
Deploying the Pomodoro Application
Deploying the Shopping List Application
What Is Next?
Vue 2.0
Revisiting Our Applications
Why is it Just the Beginning?

What You Will Learn

  • Build a fully functioning reactive web application in Vue.js from scratch
  • See the importance of the MVVM architecture and how Vue.js compares with other frameworks such as Angular.js and React.js
  • Know how to bring reactivity to an existing static application using Vue.js
  • Find out how to use plugins to enrich your applications
  • Get to know how to develop customized plugins to meet your needs
  • See how to use Vuex to manage a global application’s state

Authors

Table of Contents

Going Shopping with Vue.js
The Course Overview
Buzzwords
The Importance of Vue.js and Working with Vue.js
Using Vue.js in an Existing Project
Vue.js 2.0! and Projects Using Vue.js
Let's Manage Time!
Fundamentals – Installing and Using
The MVVM Architectural Pattern
DefineProperty, Getters, and Setters
Comparing with Other Frameworks
Vue.js Fundamentals
Installing, Using a Vue.js Application
Debugging Your Vue Application
Scaffolding Our Applications
Components – Understanding and Using
Revisiting Components and Their Benefits
Rewriting the Shopping List with Simple Components
Single-File Components
Rewriting Our Shopping List Application with Single-File Components
Rewriting the Pomodoro Application with Single-File Components
Reactive Binding of CSS Transitions
Reactivity – Binding Data to Your Application
Revisiting Data Binding and Interpolating Data
Using Expressions and Filters
Revisiting and Applying Directives
Vuex – Managing State in Your Application
Parent-Child Components' Communication, Events, and Brain Teaser
Introduction to Vuex and the Global State Store
Greetings with Store
Installing and Using the Vuex Store in Our Applications
Using the Vuex Store in the Shopping List Application
Using the Vuex Store in the Pomodoro Application
Plugins – Building Your House with Your Own Bricks
Using the Vue-Resource Plugin in the Shopping List Application
Creating and Using a Plugin in the Pomodoro Application
Testing – Time to Test What We have Done So Far!
Why Unit Tests?
Unit tests for Vue Applications
Writing Unit Tests for the Shopping List Application
Writing Unit Tests for Our Pomodoro Application
End-to- end Testing and Nightwatch e2e
Writing e2e Tests for the Pomodoro Application
Deploying – Time to Go Live!
Software Deployment
Deploying the Pomodoro Application
Deploying the Shopping List Application
What Is Next?
Vue 2.0
Revisiting Our Applications
Why is it Just the Beginning?

Video Details

ISBN 139781788395298
Course Length5 hours and 40 minutes
Read More

Read More Reviews

Recommended for You

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
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 Recipes [Video] Book Cover
Vue.js 2 Recipes [Video]
$ 124.99
$ 106.25
Web Developer Toolbox - Essentials for Modern Web Development [Video] Book Cover
Web Developer Toolbox - Essentials for Modern Web Development [Video]
$ 124.99
$ 106.25
HTML Web Development Crash Course [Video] Book Cover
HTML Web Development Crash Course [Video]
$ 19.99
$ 17.00