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
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
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
- Introducing MEVN
- Installing Node.js
- Introducing NVM
- Introducing npm
- Installing MongoDB
- Introducing Git
- Introducing GitHub
Chapter 2: Building an Express Application
- Introduction to Node.js
- Introducing Express.js
- Introduction to MVC
- Creating view files for the Express.js application
Chapter 3: Introducing MongoDB
- Why MongoDB?
- MongoDB queries
- Introducing Mongoose
- Adding validation with Mongoose
Chapter 4: Introducing REST APIs
- What is REST?
- Introducing REST APIs
- HTTP verbs
- HTTP status codes
- Introducing Postman
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
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
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
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
Chapter 9: Testing a 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
Chapter 10: Going Live
- Continuous integration
- Introduction to Travis CI
- Introduction to Heroku
Download Full Stack Web Development in PDF Format For Free.