Full-Stack Web Development with Vue.js and Node

Bring the frontend and backend together with Vue, Vuex, and Node.js
Preview in Mapt

Full-Stack Web Development with Vue.js and Node

Aneeta Sharma
New Release!

Bring the frontend and backend together with Vue, Vuex, and Node.js
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
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
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Full-Stack Web Development with Vue.js and Node Book Cover
Full-Stack Web Development with Vue.js and Node
$ 35.99
$ 25.20
Python GUI programming with Tkinter Book Cover
Python GUI programming with Tkinter
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $36.98
Add to Cart

Book Details

ISBN 139781788831147
Paperback366 pages

Book Description

Isomorphic JavaScript was the buzzword of the year 2017, allowing developers to utilize a single language throughout their web development stack and build cost-effective and scalable applications. MEVN is a one such modern web development stack consisting of web applications such as MongoDB, Express.js, Vue.js, and Node.js. Hands-On Full-Stack Web Development with Vue.js 2 and Node.js leverages the harmony of these technologies to help you create full-stack web applications.

Starting with the core frameworks, this example-based guide explains all the key concepts of frameworks, how to set them up properly, and how to use popular modules to connect them together and make them work cohesively. You will learn all this with the help of real-world examples. In addition to this, you will be able to scaffold web application architecture, add an authentication layer, and develop the MVC structure to support the development of your application. You'll explore how to create data models for your applications and then write REST APIs by exposing your data model to your application.

Solely orientated towards building a full, end-to-end application using the MEVN stack, this book will help you understand how your application development grows.

Table of Contents

Chapter 1: Introducing MEVN
Evolution of the technology stack in JavaScript
Introducing MEVN
Installing Node.js
Introducing NVM
Introducing npm
Installing MongoDB
Introducing Git
Introducing GitHub
Summary
Chapter 2: Building an Express Application
Introduction to Node.js
Introducing Express.js 
Introduction to MVC
Creating view files for the Express.js application
Summary
Chapter 3: Introducing MongoDB
Why MongoDB?
MongoDB queries
Introducing Mongoose
Adding validation with Mongoose 
Summary
Chapter 4: Introducing REST APIs
What is REST?
Introducing REST APIs
HTTP verbs
HTTP status codes
Introducing Postman
Summary
Chapter 5: Building the Real Application
Introducing Vue.js
Installing Vue.js
Introducing vue-cli
Building a static application with Vue.js
Vue.js directives
Data binding
Handling forms with Vue.js
Communicating with servers
Loading dynamic content on the homepage
Summary
Chapter 6: Building Authentication with passport.js
Introduction to passport.js
passport.js strategies
Setting up user registration
Setting up the user login
Serving static files for Vue components
Passport's Local Strategy
Summary
Chapter 7: Building OAuth Strategies with passport.js
Passport's Facebook Strategy
Configuring Passport's Facebook Strategy
Passport's Twitter Strategy
Configuring Passport's Twitter Strategy
Passport's Google strategy
Configuring Passport's Google strategy
Passport's LinkedIn strategy
Configuring Passport's LinkedIn strategy
Summary
Chapter 8: Introducing Vuex
Traditional multi-web page application
An introduction to SPAs
SPA versus MPA
An introduction to Vuex
Core concepts of Vuex
Creating a simple Vuex application
Installing and using Vuex in a movie application
Summary
Chapter 9: Testing an MEVN Application
Benefits of writing tests
Introduction to unit tests
An introduction to end-to-end test
Technologies we will be using
Introducing Mocha
Introducing chai
Introducing sinon
Writing tests for Node.js server
Writing tests for Vue.js components
Writing e2e testing
Summary
Chapter 10: Going Live
Continuous integration
Introduction to Travis CI
Introduction to Heroku
Summary

What You Will Learn

  • Build an application with Express.js
  • Create schemas using Mongoose
  • Develop a single-page application using Vue.js and Express.js
  • Create RESTful APIs using Express.js
  • Add test cases to improve the reliability of the application
  • Learn how to deploy apps on Heroku using GitHub
  • Add authorization using passports

Authors

Table of Contents

Chapter 1: Introducing MEVN
Evolution of the technology stack in JavaScript
Introducing MEVN
Installing Node.js
Introducing NVM
Introducing npm
Installing MongoDB
Introducing Git
Introducing GitHub
Summary
Chapter 2: Building an Express Application
Introduction to Node.js
Introducing Express.js 
Introduction to MVC
Creating view files for the Express.js application
Summary
Chapter 3: Introducing MongoDB
Why MongoDB?
MongoDB queries
Introducing Mongoose
Adding validation with Mongoose 
Summary
Chapter 4: Introducing REST APIs
What is REST?
Introducing REST APIs
HTTP verbs
HTTP status codes
Introducing Postman
Summary
Chapter 5: Building the Real Application
Introducing Vue.js
Installing Vue.js
Introducing vue-cli
Building a static application with Vue.js
Vue.js directives
Data binding
Handling forms with Vue.js
Communicating with servers
Loading dynamic content on the homepage
Summary
Chapter 6: Building Authentication with passport.js
Introduction to passport.js
passport.js strategies
Setting up user registration
Setting up the user login
Serving static files for Vue components
Passport's Local Strategy
Summary
Chapter 7: Building OAuth Strategies with passport.js
Passport's Facebook Strategy
Configuring Passport's Facebook Strategy
Passport's Twitter Strategy
Configuring Passport's Twitter Strategy
Passport's Google strategy
Configuring Passport's Google strategy
Passport's LinkedIn strategy
Configuring Passport's LinkedIn strategy
Summary
Chapter 8: Introducing Vuex
Traditional multi-web page application
An introduction to SPAs
SPA versus MPA
An introduction to Vuex
Core concepts of Vuex
Creating a simple Vuex application
Installing and using Vuex in a movie application
Summary
Chapter 9: Testing an MEVN Application
Benefits of writing tests
Introduction to unit tests
An introduction to end-to-end test
Technologies we will be using
Introducing Mocha
Introducing chai
Introducing sinon
Writing tests for Node.js server
Writing tests for Vue.js components
Writing e2e testing
Summary
Chapter 10: Going Live
Continuous integration
Introduction to Travis CI
Introduction to Heroku
Summary

Book Details

ISBN 139781788831147
Paperback366 pages
Read More

Read More Reviews

Recommended for You

Python GUI programming with Tkinter Book Cover
Python GUI programming with Tkinter
$ 35.99
$ 25.20
Godot Game Engine Projects Book Cover
Godot Game Engine Projects
$ 35.99
$ 25.20
Hands-On Web Development with Vue.js [Video] Book Cover
Hands-On Web Development with Vue.js [Video]
$ 124.99
$ 106.25
Full-Stack Vue.js 2 and Laravel 5 Book Cover
Full-Stack Vue.js 2 and Laravel 5
$ 35.99
$ 25.20
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video] Book Cover
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]
$ 143.99
$ 122.40
Hands-On Full-Stack Development with Swift Book Cover
Hands-On Full-Stack Development with Swift
$ 35.99
$ 25.20