Full Stack Web Development with Vue.js and Node.js [Video]

Preview Online

Code Files

Full Stack Web Development with Vue.js and Node.js [Video]

Haider Rehman

Wednesday, January 30, 2019

Create full-stack reactive web applications with Vue.js and Node.js

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

Packt Subscription

FREE

€9.36/m after trial

Video

€65.45

RRP €130.88

Save 49%

What do I get with a Packt subscription?

Exclusive monthly discount - no contract
Unlimited access to entire Packt library of 6500+ eBooks and Videos
120 new titles added every month, on new and emerging tech

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 subscription 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 subscription 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 subscription reader

€0.00

€65.45

€9.36 p/m after trial

RRP €130.88

Subscription

Video

Start a FREE 10-day trial

Frequently bought together

Full Stack Web Development with Vue.js and Node.js [Video]

€ 130.88

€ 65.45

Full Stack Web Development with Vue.js and Node.js [Video]

Jan 2019

2 hours 40 minutes

€ 65.45

Full-Stack Web Development with Vue.js and Node

€ 38.06

€ 19.04

Full-Stack Web Development with Vue.js and Node

Dec 2018

366 pages

€ 19.04

Buy 2 for €84.49
Save €70.98

Add to Cart

Video Details

ISBN 13 9781789345094

Course Length 2 hours 40 minutes

Getting Started with Vue.js

The Course Overview

First Step Towards Vue

Setting Up Vue Using Node.js

Basics, Directives, and Reactivity

Vue DevTools

Building a Project with Vue.js

Installing Vue-CLI and Creating a New Project

Tour of Project Files and What Are Single-File Components?

Using Axios to Consume a Third-Party API

Creating Custom Components and Importing Them

State Management and Routing

Installing Vuex and vue-router and Adding Them to the Vue Instance

Vue Core Concepts and How to Implement – Part 1

Vue Core Concepts and How to Implement – Part 2

How to Use vue-router and Router Links

Application Structure – Part 1

Application Structure – Part 2

Setting Up the API

Putting Together the Sample API Code and Adding to the Frontend Application

How to Set Up the Database

Demonstration of API in REST Client

Creating an Account and Then Authenticating /Getting a Token – Part 1

Creating an Account and Then Authenticating /Getting a Token – Part 2

Create, Read, Update, and Delete with Node.js

Setup Login Page, Functionality and Adding the User – Part 1

Setup Login Page, Functionality and Adding the User – Part 2

Using the API to Create, Read, Update, and Delete Items – Part 1

Using the API to Create, Read, Update, and Delete Items – Part 2

Using the API to Create, Read, Update, and Delete Items – Part 3

Using the API to Create, Read, Update, and Delete Items – Part 4

Using the Vuex Store as a Single Point of Contact to the API

Testing

Security

Video Description

Vue.js is a versatile, approachable, and performant open-source JavaScript framework for building UIs and has a maintainable and testable code base. In combination with modern tools and support libraries, Vue.js will incrementally scale your projects to a solid and robust architecture.

This course will help you develop effective and maintainable full-stack web applications using Vue.js and Node.js. You'll start by building the frontend to a songs playlist application, to log in, create a new playlist, and search through YouTube videos. You'll learn how to build a scalable Vue.js frontend that can work well in combination with a Node.js backend application.

Next, you'll learn how to consume data from a third-party API within your application as well as how to perform CRUD operations against a locally hosted API using the HTTP client Axios.

By the end of the course, you will have an understanding of fundamental Vue.js concepts and will know how to use its state management library, Vuex, and its frontend routing library, Vue-router. Also, you'll be confident in building powerful and performant frontend web development using Vue.js.

Style and Approach

In a practical manner, you will learn to implement various Vue.js modules, components, and features in order to build frontend applications and integrate the backend with Node.js for complete full stack web development, with a focus on the frontend.

Video Preview

What You Will Learn

Build the frontend to a songs playlist application, search videos and add them to the playlist, and give them a label and rating.
Learn to set up a blank Vue.js application on a Node.js server.
Learn about the HTTP client Axios to consume REST APIs to get data.
State management using Vuex and frontend routing using Vue-router.
Learn how to work with the Node.js backend of the application to persist data in the frontend.
Work with Vue libraries and modules that are useful for any SPA, such as unit testing and server-side rendering.

Authors

Haider Rehman

Haider Rehman works as a DevOps and a Software Engineer for a well-known software company and has over 8 years' experience as a developer. He has a Master’s degree in Telecom Systems and a Bachelor's degree in Telecommunication; after obtaining these, he switched to programming in IT and telecommunications to get a feel for the industry.

Haider enjoys hanging out with friends, music, and coding.

Getting Started with Vue.js

The Course Overview

First Step Towards Vue

Setting Up Vue Using Node.js

Basics, Directives, and Reactivity

Vue DevTools

Building a Project with Vue.js

Installing Vue-CLI and Creating a New Project

Tour of Project Files and What Are Single-File Components?

Using Axios to Consume a Third-Party API

Creating Custom Components and Importing Them

State Management and Routing