Practical Projects with Vue JS 2

Practical Projects with Vue JS 2

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 45m | 878 MB

Build three professional, real-world, and fun-filled projects that you can use to jump-start your Vue.js career

Do you want to get started with Vue.js, and get beyond an average To-Do app? This video course will walk you through three complete practical projects in Vue.js that show the breadth of the framework, and also show how it is used practically via real-world examples. It fills a void not met by reference guides or cookbooks, but adds value to both of those resources. You will not only understand how to use the framework, but also which choices were made, and why. These projects will act as jumping off points for you in your own projects.

Unlike a “reference guide” and a “cookbook”, this course will empower you to build full rich detailed applications, that you can then use as a jumping off point to work with, in conjunction with a reference guide and a cookbook. It’s the third element that brings value to the first two.

What You Will Learn

  • Get up-and-running with Vue.js in no time
  • Build components and learn when to use them
  • Implement three different ways of connecting to the server and routing data around your application
  • Use off-the-shelf libraries to get to the features you want more quickly
  • Configure your server to offer up data in a variety of different forms
Table of Contents

INTRODUCTION TO VUE
The Course Overview
Install Vue
Why Components?
Working with Data
Directives – Iteration and Conditionals
Events
Slots, References, and Transitions
Vuex
Vuetify

GEO-STORE
Introduction to Geo-Store
Project Setup
Adding GraphQL
Creating the Vuex Store
Adding the Map
Adding the Toolbar
Adding Store Info

YOU NEWS
Introduction to You News
Application and Database Setup
Adding REST Endpoints
Creating the Vuex Store
Initial Layout and Left Nav
Article Viewer
Add Feed Dialog
Adding WebSockets
Local Storage

PHOTO SPOT
Introduction to Photo Spot
Creating the Server
Creating the Models
Creating the Vuex Store
Getting File Upload Going
Vuetify, Vue-Router, Layout, and Home Page
Detail Page and Chat Window
Integrating Pusher on the Server
Integrating Pusher on the Client