Fun Projects with Vue 2 [Video]

Preview in Mapt

Fun Projects with Vue 2 [Video]

Peter van Meijgaard

Get up and running with simple and fun projects using the Vue.js framework!
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.99p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Fun Projects with Vue 2 [Video] Book Cover
Fun Projects with Vue 2 [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
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Video Details

ISBN 139781787281318
Course Length5 hours and 4 minutes

Video Description

Vue.js is the latest JavaScript framework to take web development community by storm. Since its release, it has managed to establish itself as one of the most popular frameworks for building user interfaces and is seeing rapid adoption rate. With Vue.js 2 released now, there are major improvements made in the framework making it leaner and faster

In this video course, you will start with creating a To-Do Application, where you will be taken through the necessary basics of Vue, and learn to add, toggle, remove, and change a to-do item. After that, you will build a GitHub application which connects to GitHub using the Axios client. You will learn to create different Vue components as well as handle computed properties for your application. Finally, you will then build a real-time chat application, where you will work with Pusher service, Vue Router, and Vuex.

By the end of this course, you will have worked with the different features of Vue.js that will make you fall in love with single page web application development.

Style and Appraoch

Project based guide that will help you start building applications immediately with an easy to follow approach. Our course will have 4-5 concrete projects. It will take the viewers through clear and logical steps, with screenshots and tips along the way to help you follow the guide and learn how to get more from Vue.js.

Table of Contents

Creating a todo Application
The Course Overview
Introduction to the todo Application
Setting Up Our Development Environment
Let’s Start by Adding todos
Toggling and Removing a todo
Editing a todo
GitHub Application
Introduction of the GitHub Application
Scaffolding Our Application
Setting Up Vue Router
Setting Up Axios
Setting Up Vue Material
Making the Text-Input Working
Creating the Repositories Table
Creating the User Table
Real time Chat Application
Introduction to the Chat Application
Scaffolding Our Client and Server
Adding Packages to Our Client
Setting Up the Vuex Store
Setting Up Our Pages
Adding Functionality to the Join Page
Styling the Join Page
Finalizing the Join Page
Adding Functionality to the Room Page

What You Will Learn

  • How to use Vue in your static application
  • How to use an external API to fetch and process data
  • How to use a state management plugin like Vuex
  • Create Vue components for structuring your application
  • Make your Vue.js application react to incoming events and respond accordingly

Authors

Table of Contents

Creating a todo Application
The Course Overview
Introduction to the todo Application
Setting Up Our Development Environment
Let’s Start by Adding todos
Toggling and Removing a todo
Editing a todo
GitHub Application
Introduction of the GitHub Application
Scaffolding Our Application
Setting Up Vue Router
Setting Up Axios
Setting Up Vue Material
Making the Text-Input Working
Creating the Repositories Table
Creating the User Table
Real time Chat Application
Introduction to the Chat Application
Scaffolding Our Client and Server
Adding Packages to Our Client
Setting Up the Vuex Store
Setting Up Our Pages
Adding Functionality to the Join Page
Styling the Join Page
Finalizing the Join Page
Adding Functionality to the Room Page

Video Details

ISBN 139781787281318
Course Length5 hours and 4 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
Building Your First Advanced CRUD Application with Vue 2 [Video] Book Cover
Building Your First Advanced CRUD Application with Vue 2 [Video]
$ 124.99
$ 106.25
Vue.js 2 Recipes [Video] Book Cover
Vue.js 2 Recipes [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
Modern Web Development with Vue [Video] Book Cover
Modern Web Development with Vue [Video]
$ 124.99
$ 106.25
PHP Web 2.0 Mashup Projects: Practical PHP Mashups with Google Maps, Flickr, Amazon, YouTube, MSN Search, Yahoo! Book Cover
PHP Web 2.0 Mashup Projects: Practical PHP Mashups with Google Maps, Flickr, Amazon, YouTube, MSN Search, Yahoo!
$ 23.99
$ 16.80