Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

MEAN Web Development - Second Edition

By : Haviv

3.9 (12)

MEAN Web Development

3.9 (12)

By: 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!

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Introduction to MEAN

1. 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

2. 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

3. 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

4. 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

5. 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

6. Managing User Authentication Using Passport

Introducing Passport

Understanding Passport strategies

Understanding Passport OAuth strategies

Summary

7. Introduction to Angular

7. Introduction to Angular

Introducing Angular 2

Introduction to TypeScript

Angular 2 Architecture

The project setup

Managing authentication

Summary

8. Creating a MEAN CRUD Module

8. 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

9. 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

10. Testing MEAN Applications

Introducing JavaScript testing

Testing your Express application

Installing Mocha

Testing your Angular application

Summary

11. Automating and Debugging MEAN Applications

11. 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

Customer Reviews

3.9 (12)

5 star

33.3%

4 star

33.3%

3 star

25%

2 star

8.3%

1 star

0%

Three-tier web application development

Most web applications are built in a three-tier architecture that consists of three important layers: data, logic, and presentation. In web applications, the application structure usually breaks down to database, server, and client, while in modern web development, it can also be broken into database, server logic, client logic, and client UI.

A popular paradigm for implementing this model is the Model-View-Controller (MVC) architectural pattern. In the MVC paradigm, the logic, data, and visualization are separated into three types of object, each handling its own tasks. The View handles the visual part, taking care of user interaction. The Controller responds to system and user events, commanding the Model and View to change appropriately. The Model handles data manipulation, responding to requests for information or changing its state according to the Controller's instructions. A simple visual representation of the MVC architecture is shown in the following diagram:

Three-tier web application development

Common MVC architecture communication

In the 25 years of web development, many technology stacks became popular for building three-tier web applications. Among those now ubiquitous stacks, you can find the LAMP stack, the .NET stack, and a rich variety of other frameworks and tools. The main problem with these stacks is that each tier demands a knowledge base that usually exceeds the abilities of a single developer, making teams bigger than they should be, less productive, and exposed to unexpected risks.

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

MEAN Web Development

Search

Your notes and bookmarks