Book Image

MEAN Web Development - Second Edition

By : Amos Q. Haviv
Book Image

MEAN Web Development - Second Edition

By: Amos Q. Haviv

Overview of this book

The MEAN stack is a collection of the most popular modern tools for web development that helps you build fast, robust, and maintainable web applications. Starting with the MEAN core frameworks, this pragmatic guide will explain the key concepts of each framework, how to set them up properly, and how to use popular modules to connect it all together. By following the real-world examples shown in this tutorial, you will scaffold your MEAN application architecture, add an authentication layer, and develop an MVC structure to support your project development. You will learn the best practices of maintaining clear and simple code and will see how to avoid common pitfalls. Finally, you will walk through the different tools and frameworks that will help expedite your daily development cycles. Watch how your application development grows by learning from the only guide that is solely orientated towards building a full, end-to-end, real-time application using the MEAN stack!

Related Content you might be interested in

Current Title:

Small book image
MEAN Web Development - Second Edition
Amos Q. Haviv
Nov, 2016 | 368 pages
No titles found
Table of Contents (18 chapters)
MEAN Web Development Second Edition
MEAN Web Development Second Edition
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Introduction to MEAN
Introduction to MEAN
Three-tier web application development
The evolution of JavaScript
Introduction to ECMAScript 2015
Introducing MEAN
Installing MongoDB
Installing Node.js
Introducing npm
Summary
2
Getting Started with Node.js
Getting Started with Node.js
Introduction to Node.js
JavaScript Closures
Node modules
Developing Node.js web applications
Summary
3
Building an Express Web Application
Building an Express Web Application
Introducing Express
Installing Express
Creating your first Express application
The application, request, and response objects
External middleware
Implementing the MVC pattern
Configuring an Express application
Rendering views
Serving static files
Configuring sessions
Summary
4
Introduction to MongoDB
Introduction to MongoDB
Introduction to NoSQL
Introducing MongoDB
Key features of MongoDB
MongoDB shell
MongoDB databases
MongoDB collections
MongoDB CRUD operations
Summary
5
Introduction to Mongoose
Introduction to Mongoose
Introducing Mongoose
Understanding Mongoose schemas
Extending your Mongoose schema
Defining custom model methods
Model validation
Using Mongoose middleware
Using Mongoose ref fields
Summary
6
Managing User Authentication Using Passport
Managing User Authentication Using Passport
Introducing Passport
Understanding Passport strategies
Understanding Passport OAuth strategies
Summary
7
Introduction to Angular
Introduction to Angular
Introducing Angular 2
Introduction to TypeScript
Angular 2 Architecture
The project setup
Managing authentication
Summary
8
Creating a MEAN CRUD Module
Creating a MEAN CRUD Module
Introducing CRUD modules
Setting up the Express components
Using the HTTP client
The ReactiveX library
Implementing the Angular module
Wrapping up
Summary
9
Adding Real-time Functionality Using Socket.io
Adding Real-time Functionality Using Socket.io
Introducing WebSockets
Introducing Socket.io
Installing Socket.io
Building a Socket.io chat
Creating the Chat Angular module
Summary
10
Testing MEAN Applications
Testing MEAN Applications
Introducing JavaScript testing
Testing your Express application
Installing Mocha
Testing your Angular application
Summary
11
Automating and Debugging MEAN Applications
Automating and Debugging MEAN Applications
Using NPM scripts
Introducing Webpack
Introducing ESLint
Using Nodemon
Debugging Express with V8 inspector
Debugging your application
Debugging Angular applications with Angular Augury
Summary
Index
Index

Introducing ESLint

In software development, linting is the identification of suspicious code usage using dedicated tools. In a MEAN application, linting can help you avoid common mistakes and coding errors in your daily development cycles; moreover, it will allow you to set a unified code styling across your team. The most commonly used linting tool in our ecosystem is called ESLint. ESLint is a pluggable linting utility originally created by Nicholas C. Zakas in 2013. It allows us to lint our JavaScript code using a set of rules and preset configurations. We'll begin by installing the ESLint package in our application.

Note

It is highly recommended that you learn more about ESLint by visiting the official project page at http://eslint.org/.

Installing ESLint

Before we can start configuring our ESLint execution, we will need to install the ESLint package using npm. To do that, change your package.json file as follows:

{
  "name": "MEAN",
  "version": "0.0.11",
  "scripts": {
    "tsc": "tsc"...
Previous Section
End of Section 4
Next Section