Web development with Vue.js 2 [Video]

Preview in Mapt

Code Files

Web development with Vue.js 2 [Video]

Olga Filipova

Friday, June 30, 2017

1 customer reviews

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

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

Video

$10.00

RRP $124.99

Save 91%

What do I get with a Mapt subscription?

Unlimited access to all Packt’s 6,000+ eBooks and Videos
100+ new titles a month, learning paths, assessments & code files
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

$10.00

RRP $124.99

Frequently bought together

Web development with Vue.js 2 [Video]

$ 124.99

$ 10.00

Web development with Vue.js 2 [Video]

Jun 2017

5 hours and 40 minutes

$ 10.00

Hands-On Web Development with Vue.js [Video]

$ 124.99

$ 10.00

Hands-On Web Development with Vue.js [Video]

May 2018

4 hours 55 minutes

$ 10.00

Buy 2 for $20.00
Save $229.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.

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?

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 applications state

Authors

Olga Filipova

Olga Filipova was born in Kyiv, in Ukraine. She grew up in a family of physicists, scientists, and professors. She studied system analysis in the National University of Ukraine Kyiv Polytechnic Institute. At the age of 20, she moved to Portugal, where she did her bachelors' and masters' degrees in computer science from the University of Coimbra. During her studies, she participated in the research and development of European projects and became an assistant teacher of operating systems and computer graphics subjects. After obtaining her masters' degree, she started working at Feedzai. At that time, it was a small team of four, starting the development of a product from scratch, and now, it is one of the most successful Portuguese startups. At some point, her main responsibility became to develop a library written in JavaScript whose purpose was to bring data from the engine to the web interface. This marked Olga's main direction in tech: web development. At the same time, she continued her teaching practice, giving a course of professional web development to the local professional education center in Coimbra.

In 2013, along with her brother and her husband, she started an educational project based in Ukraine. This project's name is EdEra and it has grown up from a small platform of online courses into a big player at the Ukrainian educational system scene. Currently, EdEra is moving towards an international direction and preparing an awesome online course about IT. Don't miss it!

In 2014, Olga, with her husband and daughter, moved from Portugal to Berlin, where she started working at Meetrics as a frontend engineer and, after a year, became the team lead of an amazing team of frontend software developers. Currently Olga works in a fintech company called OptioPay as a lead frontend engineer.

Olga is happily married to an awesome guy called Rui, who is also a software engineer. Rui studied with Olga at the university of Coimbra and worked with her at Feedzai. Olga has a smart and beautiful daughter, Taissa, a fluffy cat, Patusca, and two fluffiest chinchillas, Barabashka and Cheburashka.

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