MongoDB, Express, Angular, and Node.js Fundamentals电子书

Preface

About the Book

About the Author

Objectives

Audience

Approach

Hardware Requirements

Software Requirements

Installation and Setup

Additional Resources

Conventions

Chapter 1

Introduction to the MEAN Stack

Introduction

MEAN Architecture Demystification

MEAN Architecture

Express.js

Angular

Node.js

Getting Started with Node

Exercise 1: Creating Our First Node Program

Activity 1: Creating an HTTP Server for a Blogging Application

Understanding Callbacks, Event Loops, and EventEmitters in Node

Callback

Event Loops

EventEmitter

EventEmitter Implementation

The AddListener Method

Trigger Events

Removing Listeners

Some Other Features of EventEmmitter

Understanding Buffers, Streams, and the Filesystem in Node

Buffer

Exercise 2: Creating, Reading, and Writing to a Buffer

Uninitialized Buffers

Some Other Buffer Methods

Streams

Reading Data From Streams

Writing to Streams

Some Other Stream Methods

Filesystems

Some Other Methods in the Filesystems Module

Exercise 3: Reading and Writing Data Using Filesystem Operations

Activity 2: Streaming Data to a File

Summary

Chapter 2

Developing RESTful APIs to Perform CRUD Operations

Introduction

Getting Started with RESTful APIs

Node RESTful APIs Design Practice

Getting Started with MongoDB Atlas

Clusters

Exercise 4: Creating a Free Tier Cluster on MongoDB Atlas

Native MongoDB Driver and Mongoose (Object Document Mapper)

Using the Native MongoDB Driver

Using Mongoose

Exercise 5: Connecting the Node Application with the MongoDB Native Driver

Exercise 6: Connecting the Node Application with a Third-Party Driver (Mongoose)

Creating and Defining a Schema with Mongoose

Creating Models in Mongoose

Exercise 7: Creating a Database Schema and a Data Model using Mongoose

Activity 3: Connecting the Node Application with MongoDB Atlas

Getting Started with Express

Routing in Express

Exercise 8: Creating a Route and Exporting the Router Object

Activity 4: Creating Controller for the API

Middleware in Express

Error Handling in Express

View Template Engine

Exercise 9: Using the Pug (Jade) Template Engine and Implementing Error Handling in the Node Application with Express

Activity 5: Testing a Fully Functional RESTful API

Summary

Chapter 3

Beginning Frontend Development with Angular CLI

Introduction

Getting Started with Angular CLI

Installing Angular CLI

Exercise 10: Creating and Running a New Application on the Angular CLI

Project File Review

Using Components, Directives, Services, and Making HTTP Requests in Angular

Angular Components

Exercise 11: Creating Angular Components

Directives

Exercise 12: Implementing a Structural Directive

Exercise 13: Implementing an Attribute Directive

Data Binding in Angular

Services

Exercise 14: Creating Angular Services Manually

HTTP Requests using Angular's HttpClient

Working with JSON Data

Type Checking Responses

Error Handling

Activity 6: Designing the Frontend and Components for the Blogging Application

Activity 7: Writing Services and Making HTTP Request Calls to an API

Understanding Angular Forms and Routing

Angular Forms

Template-Driven Form

Exercise 15: Creating a Form using the Angular Template-Driven Method

Tracking Control State and Validity

Template Reference Variable

Reactive/Model-Driven Forms

Exercise 16: Creating a Simple Form Application using the Reactive/Model-Driven Method

Validating Model-Driven Forms

Routing in Angular

Getting Started with the Router

Router Outlets, Links, States, and Events

Router outlet

Router State

Router Events

Activity 8: Creating a Form Application using the Reactive/Model-Driven Method

Activity 9: Creating and Validating Different Forms using the Template and Reactive-Driven Method

Activity 10: Implementing a Router for the Blogging Application

Summary

Chapter 4

The MEAN Stack Security

Introduction

Node Security and Best Practices

Securing your Node applications

Node Application Authentication with JWTs

The Structure of a JWT

How JWTs Work

Exercise 17: Creating a Token-Based User Authentication System for a Node Application

Activity 11: Securing the RESTful API

Node Application Authentication with Passport

Getting Started with Passport

Passport Features

Passport Authentication Strategy

Authenticating Requests with Passport

Exercise 18: Creating a User Authenticating System in a Node Application Using the Passport Local Strategy

Implementing Facebook and Twitter Strategies

Creating Routes and Granting Permissions

Exercise 19: Creating a User Authenticating System for Node Application Using the Facebook Strategy

Activity 12: Creating a Login Page to Allow Authentication with Twitter Using Passport Strategies

Summary

Chapter 5

Angular Declarables, Bootstrapping, and Modularity

Introduction

Using Inbuilt Pipes, Custom Pipes, Custom Directives, and Observables

Angular Pipes

Inbuilt Pipes

Custom Pipes

Custom Directive

Exercise 20: Creating a Custom Structure Directive that Functions as an Inbuilt *nglf

Exercise 21: Creating a Custom Attribute Directive that Underlines Text by Listening to the Mouse Hover Effect

Observables

Creating, Defining, and Subscribing to Observables

The RxJS Library and Observables in Angular

Activity 13: Communicating Between Two Components Using Observable

Angular Bootstrapping and Modularity

Bootstrapping an Angular Application

Angular Modularity

JavaScript Modules and NgModules

NgModules

Feature Module

Entry Components

Service Provider Scope

Limiting Provider Scope with Components and the Lazy-Loading Module

Exercise 22: Creating a Shared Module for a Custom Attribute Directive

Exercise 23: Creating a Lazy-Loaded Module

Activity 14: Creating a Lazy-Loaded Application

Summary

Chapter 6

Testing and Optimizing Angular Applications

Introduction

Angular Animations and Latest Angular Features

Getting Started with the Animation Module

Animating an Element

Animating Route Transitions

Exercise 24: Creating an Animated Route Transition Between Two Pages

Activity 15: Animate the Route Transition Between the Blog Post Page and the View Post Page of the Blogging Application

Other Angular Features

Storing and Defining Constants in Angular

Angular Authentication Guard

Optimizing Angular Applications

Measuring Load Time Performance

Exercise 25: Web Application Performance Analysis Using PageSpeed

Optimizing Angular Application Load Time Performance

Optimizing Angular Application Runtime Performance

Exercise 26: Checking the Change Detection Cycle of an Angular Application

Testing Angular Applications

Getting Started with Unit Testing

Unit Testing a Service

Getting Started with End-to-End (E2E) Testing with Protractor

Interacting with Elements

Exercise 27: Performing an E2E Test for a Default Angular CLI Application to Find an Element using By.CSS

Activity 17: Perform Unit Testing on the App Root Component and Blog-Post Component

Summary

Appendix

Chapter 1: Introduction to the MEAN Stack

Activity 1: Creating an HTTP Server for a Blogging Application

Activity 2: Streaming Data to a File

Chapter 2: Developing RESTful APIs to Perform CRUD Operations

Activity 3: Connecting the Node application with MongoDB Atlas

Activity 4: Creating Controllers for API

Activity 5: Creating the API Express Route and Testing a Fully Functional RESTful API

Chapter 3: Beginning Frontend Development with Angular CLI

Activity 6: Designing the Frontend and Components for the Blogging Application

Activity 7: Writing Services and Making HTTP Request Calls to an API

Activity 8: Creating a Form Application Using the Reactive/Model-Driven Method

Activity 9: Creating and Validating Different Forms Using the Template and Reactive-Driven Method

Activity 10: Implementing a Router for the Blogging Application

Chapter 4: The MEAN Stack Security

Activity 11: Securing the RESTful API

Activity 12: Creating a Login Page to Allow Authentication with Twitter Using Passport Strategies

Chapter 5: Angular Declarables, Bootstrapping, and Modularity

Activity 13: Communicating Between Two Components Using Observable

Activity 14: Creating a Lazy Loaded Application

Chapter 6: Testing and Optimizing Angular Applications

Activity 15: Animating the Route Transition Between the Blog Post Page and the View Post Page of the Blogging Application

Activity 16: Performing Unit Testing on the App Root Component and Blog-Post Component