MEAN Web Development - Second Edition电子书

MEAN Web Development Second Edition

Table of Contents

MEAN Web Development Second Edition

Credits

About the Author

About the Reviewer

www.PacktPub.com

eBooks, discount offers, and more

Why subscribe?

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Introduction to MEAN

Three-tier web application development

The evolution of JavaScript

Introduction to ECMAScript 2015

Modules

Classes

Arrow functions

Let and Const

Default, Rest, and Spread

Summary

Introducing MEAN

Installing MongoDB

Installing MongoDB on Windows

Running MongoDB manually

Running MongoDB as a Windows service

Installing MongoDB on Mac OS X and Linux

Installing MongoDB from binaries

Installing MongoDB using a package manager

Using the MongoDB shell

Installing Node.js

Installing Node.js on Windows

Installing Node.js on Mac OS X

Installing Node.js on Linux

Running Node.js

Introducing npm

Using npm

The installation process of npm

Installing a package using npm

Removing a package using npm

Updating a package using npm

Managing dependencies using the package.json file

Creating a package.json file

Installing the package.json dependencies

Updating the package.json file

Summary

2. Getting Started with Node.js

Introduction to Node.js

io.js and the Node.js foundation

Node.js ES6 support

Node.js LTS support

JavaScript event-driven programming

Node.js event-driven programming

JavaScript Closures

Node modules

CommonJS modules

Node.js core modules

Node.js third-party modules

Node.js file modules

Node.js folder modules

Developing Node.js web applications

Meet the Connect module

Connect middleware

Understanding the order of Connect middleware

Mounting Connect middleware

Summary

3. Building an Express Web Application

Introducing Express

Installing Express

Creating your first Express application

The application, request, and response objects

The application object

The request object

The response object

External middleware

Implementing the MVC pattern

The application folder structure

Horizontal folder structure

Vertical folder structure

File-naming conventions

Implementing the horizontal folder structure

Handling request routing

Adding the routing file

Configuring an Express application

Environment configuration files

Rendering views

Configuring the view system

Rendering EJS views

Serving static files

Configuring sessions

Summary

4. Introduction to MongoDB

Introduction to NoSQL

Introducing MongoDB

Key features of MongoDB

The BSON format

MongoDB ad hoc queries

MongoDB indexing

MongoDB replica set

MongoDB sharding

MongoDB 3.0

MongoDB shell

MongoDB databases

MongoDB collections

MongoDB CRUD operations

Creating a new document

Creating a document using insert()

Creating a document using update()

Creating a document using save()

Reading documents

Finding all the collection documents

Using an equality statement

Using query operators

Building AND/OR queries

Updating existing documents

Updating documents using update()

Updating documents using save()

Deleting documents

Deleting all documents

Deleting multiple documents

Deleting a single document

Summary

5. Introduction to Mongoose

Introducing Mongoose

Installing Mongoose

Connecting to MongoDB

Understanding Mongoose schemas

Creating the user schema and model

Registering the User model

Creating new users using save()

Finding multiple user documents using find()

Advanced querying using find()

Reading a single user document using findOne()

Updating an existing user document

Deleting an existing user document

Extending your Mongoose schema

Defining default values

Using schema modifiers

Predefined modifiers

Custom setter modifiers

Custom getter modifiers

Adding virtual attributes

Optimizing queries using indexes

Defining custom model methods

Defining custom static methods

Defining custom instance methods

Model validation

Predefined validators

Custom validators

Using Mongoose middleware

Using pre middleware

Using post middleware

Using Mongoose ref fields

Summary

6. Managing User Authentication Using Passport

Introducing Passport

Installing Passport

Configuring Passport

Understanding Passport strategies

Using Passport's local strategy

Installing Passport's local strategy module

Configuring Passport's local strategy

Adapting the User model

Creating the authentication views

Modifying the Users controller

Displaying flash error messages

Installing the Connect-Flash module

Configuring Connect-Flash module

Using Connect-Flash module

Wiring the user's routes

Understanding Passport OAuth strategies

Setting up OAuth strategies

Handling OAuth user creation

Using Passport's Facebook strategy

Installing Passport's Facebook strategy

Configuring Passport's Facebook strategy

Wiring Passport's Facebook strategy routes

Using Passport's Twitter strategy

Installing Passport's Twitter strategy

Configuring Passport's Twitter strategy

Wiring Passport's Twitter strategy routes

Using Passport's Google strategy

Installing Passport's Google strategy

Configuring Passport's Google strategy

Wiring Passport's Google strategy routes

Summary

7. Introduction to Angular

Introducing Angular 2

From Angular 1.x to Angular 2.x

Introduction to TypeScript

Types

Basic types

The any type

Interfaces

Decorators

Summary

Angular 2 Architecture

Angular 2 Modules

Angular 2 Components

Angular 2 Templates

Angular 2 data binding

Interpolation binding

Property binding

Event binding

Two-way binding

Angular 2 Directives

Attribute directives

Structural directives

Component directives

Angular 2 Services

Angular 2 Dependency Injection

Using Dependency Injection in Angular 2

Angular 2 Routing

Setup

Routes

Router outlet

Router links

Summary

The project setup

Configuring TypeScript

Configuring Express

Restructuring the application

Creating the application module

Creating the application component

Bootstrapping the application module

Starting your Angular application

Managing authentication

Rendering the user object

Modifying the users' server controller

Creating the authentication module

Creating the authentication component

Configuring the authentication routes

Creating the signin component

Creating the signup component

Creating the authentication service

Creating the home module

Creating the home component

Configuring the home routes

Refactoring the application module

Configuring the application routes

Summary

8. Creating a MEAN CRUD Module

Introducing CRUD modules

Setting up the Express components

Creating the Mongoose model

Setting up the Express controller

The error handling method of the Express controller

The create() method of the Express controller

The list() method of the Express controller

The read() middleware of the Express controller

The update() method of the Express controller

The delete() method of the Express controller

Implementing an authentication middleware

Implementing an authorization middleware

Wiring the Express routes

Configuring the Express application

Using the HTTP client

Reactive programming and Observables

The ReactiveX library

Using the http client

Implementing the Angular module

Creating the Angular module service

Implementing the Create subcomponent

Adding the template

Implementing the View subcomponent

Adding the template

Implementing the Edit subcomponent

Adding the template

Implementing the List subcomponent

Adding the template

Wrapping up

Summary

9. Adding Real-time Functionality Using Socket.io

Introducing WebSockets

Introducing Socket.io

The Socket.io server object

Socket.io handshaking

The Socket.io configuration middleware

The Socket.io client object

Socket.io events

Handling events

Emitting events

Socket.io namespaces

Socket.io server namespaces

Socket.io client namespaces

Socket.io rooms

Joining and leaving rooms

Emitting events to rooms

Installing Socket.io

Configuring the Socket.io server

Configuring the Socket.io session

Installing the connect-mongo and cookie-parser modules

Configuring the connect-mongo module

Configuring the Socket.io session

Building a Socket.io chat

Setting the event handlers of the chat server

Creating the Chat Angular module

Setting up the Socket.io client library

Creating the Chat module

Creating the Chat service

Creating the Chat component

Creating the Chat template

Adding the Chat routing configuration

Using the Chat module

Summary

10. Testing MEAN Applications

Introducing JavaScript testing

TDD, BDD, and unit testing

Test frameworks

Assertion libraries

Test runners

Testing your Express application

Introducing Mocha

Introducing Should.js

Introducing SuperTest

Installing Mocha

Installing the Should.js and SuperTest modules

Configuring your test environment

Writing your first Mocha test

Testing the Express model

Testing the Express controller

Running your Mocha test

Testing your Angular application

Introducing the Jasmine framework

Angular unit tests

Introducing Karma test runner

Installing the Karma command-line tool

Installing Karma's dependencies

Configuring the Karma test runner

Writing Angular unit tests

Testing components

Mocking backend data

Testing services

Testing routes

Testing directives

Testing pipes

Running your Angular unit tests

Angular E2E tests

Introducing the Protractor test runner

Installing the Protractor test runner

Configuring the Protractor test runner

Writing your first E2E test

Running your Angular E2E tests

Summary

11. Automating and Debugging MEAN Applications

Using NPM scripts

Introducing Webpack

Installing Webpack

Configuring Webpack

Introducing ESLint

Installing ESLint

Configuring ESLint

Using Nodemon

Debugging Express with V8 inspector

Debugging your application

Debugging Angular applications with Angular Augury

Using Angular Augury

The component tree

Router tree

Summary

Index