Full Stack Web Development with Vue.js and Node

Book Details







Full Stack Web Development with Vue.js and Node

PDF Free Download | Full Stack Web Development with Vue.js and Node Build scalable and powerful web apps with modern web stack: MongoDB, Vue, Node.js, and Express by Aneeta Sharma.

Preface to Full Stack Web Development

JavaScript has become one of the most important languages of today and tomorrow. The rise of JavaScript in the past few years has been so drastic that it has become a powerful language in the development of modern web applications.

MEVN is one of the stacks for developing modern web applications in addition to MEAN and MERN. This book provides a step by step way of building a full-stack web application using the technology in MEVN, which is MongoDB, Express.js, Vue.js, and Node.js.

The book will provide the basic concepts of Node.js and MongoDB, continuing with building an Express.js application and implementing Vue.js.

In this book, we’ll cover the following things:

Learning about the technology stack—MongoDB, Node.js, Express.js, and Vue.js

Building an Express.js application

Learning what REST APIs are and how to implement them

Learning to use Vue.js as the frontend layer in the Express.js application

Adding an authentication layer in the application

Adding the automation scripts and tests

Who this book is for

This book is designed for web developers who are interested in learning how to build a full-stack application with only one programming language as JavaScript using the technology stack: Mongo DB, Express.js, Vue.js, and Node.js.

This book is suitable for beginners and intermediate developers with a basic knowledge of HTML, CSS, and JavaScript.

If you are a web or full-stack JavaScript developer and have tried hands on the traditional stacks, such as LAMP, MEAN, or MERN, and wish to explore a new stack with modern web technologies, then this book is for you.

What this book covers

Chapter 1, Introduction to MEVN, gives an introduction to the MEVN stack and the installation of different tools required to build the foundation for the application.

Chapter 2, Building an Express Application, provides an introduction to Express.js, an idea of what Model, Views, Controller (MVC) structure is, and shows you how to set up an application using Express.js and MVC structure.

Chapter 3, Introduction to MongoDB, focuses on the introduction of Mongo and its queries, introduction to Mongoose and performance of Create, Read, Update, and Delete (CRUD) operations using Mongoose.

Chapter 4, REST APIs, gives an idea of what REST architecture is and what RESTful APIs are. This chapter also gives an idea of different HTTP verbs and developing REST APIs.

Chapter 5, Building the Real Application, introduces Vue.js and shows you how to build a fully working dynamic application using all technologies in MEVN.

Chapter 6, Authentication with Passport.js, deals with what Passport.js and describes how to implement JWT and local strategy to add an authentication layer in the application.

Chapter 7, Passport.js OAuth Strategies, gives an idea about what OAuth strategies and guides you through the implementation of Facebook, Twitter, Google, and LinkedIn Passport.js strategies.

Chapter 8, Introduction to Vuex, gives an idea about core concepts of Vuex – states, getters, mutations, and actions. It also describes how you can implement them in the application.

Chapter 9, Testing and MEVN Application explains what unit tests and end-to-end tests are and guides you through writing both unit tests and automation tests for the different aspects of the application.

Chapter 10, Go Live, explains what Continuous Integration is, guiding you through how to set up a Continuous Integration service with the application and deploy the application on Heroku.

About the author

Aneeta Sharma is a software engineer from Kathmandu, Nepal who has been in the tech industry for more than seven years.

She started her career as a Web Designer, before becoming a PHP Developer and then a Ruby on Rails engineer.

She has been working on both frontend and backend aspects of web application development since she started her career and has been developing web applications professionally since 2009.

She likes to explore new technologies and has learned to work with lots of them over the years. Most recently, she has been working with full-stack solutions with Ruby on Rails, along with front-end frameworks such as Vue.js and React.js.

Full Stack Web Development Contents

Chapter 1: Introducing MEVN

  1. Evolution of the technology stack in JavaScript
  2. Introducing MEVN
  3. Installing Node.js
  4. Introducing NVM
  5. Introducing npm
  6. Installing MongoDB
  7. Introducing Git
  8. Introducing GitHub
  9. Summary 

Chapter 2: Building an Express Application

  1. Introduction to Node.js
  2. Introducing Express.js
  3. Introduction to MVC
  4. Creating view files for the Express.js application
  5. Summary

Chapter 3: Introducing MongoDB

  1. Why MongoDB?
  2. MongoDB queries
  3. Introducing Mongoose
  4. Adding validation with Mongoose 
  5. Summary

Chapter 4: Introducing REST APIs

  1. What is REST?
  2. Introducing REST APIs
  3. HTTP verbs
  4. HTTP status codes
  5. Introducing Postman
  6. Summary

Chapter 5: Building the Real Application

  1. Introducing Vue.js
  2. Installing Vue.js
  3. Introducing Vue-CLI 
  4. Building a static application with Vue.js
  5. Vue.js directives
  6. Data binding
  7. Handling forms with Vue.js
  8. Communicating with servers
  9. Loading dynamic content on the homepage
  10. Summary

Chapter 6: Building Authentication with passport.js

  1. Introduction to passport.js
  2. passport.js strategies
  3. Setting up user registration
  4. Setting up the user login
  5. Serving static files for Vue components
  6. Passport’s Local Strategy
  7. Summary

Chapter 7: Building OAuth Strategies with passport.js

  1. Passport’s Facebook Strategy
  2. Configuring Passport’s Facebook Strategy
  3. Passport’s Twitter Strategy
  4. Configuring Passport’s Twitter Strategy
  5. Passport’s Google strategy
  6. Configuring Passport’s Google strategy
  7. Passport’s LinkedIn strategy
  8. Configuring Passport’s LinkedIn strategy
  9. Summary

Chapter 8: Introducing Vuex

  1. Traditional multi-web page application
  2. An introduction to SPAs
  3. SPA versus MPA
  4. An introduction to Vuex
  5. Core concepts of Vuex
  6. Creating a simple Vuex application
  7. Installing and using Vuex in a movie application
  8. Summary

Chapter 9: Testing a MEVN Application

  1. Benefits of writing tests
  2. Introduction to unit tests
  3. An introduction to end-to-end test
  4. Technologies we will be using
  5. Introducing Mocha
  6. Introducing chai
  7. Introducing Sinon
  8. Writing tests for Node.js server
  9. Writing tests for Vue.js components
  10. Writing e2e testing
  11. Summary

Chapter 10: Going Live

  1. Continuous integration
  2. Introduction to Travis CI 
  3. Introduction to Heroku
  4. Summary

Download Full Stack Web Development in PDF Format For Free.

Share PDF on your social media:

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on reddit

Related Books

What's the problem with this file?


All books on this website are published in good faith and for educational information purpose only. So, we ask you to report us any copyrighted material published in our website and we will remove it immediately.


All books on this website are published in good faith and for educational information purpose only. So, we ask you to report us any copyrighted material published in our website and we will remove it immediately.