11. Automating and Debugging MEAN Applications | MEAN Web Development

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%

Using NPM scripts

As you may have noticed, developing our application involves the operation of several tasks together. For instance, in order to run our application, we'll need to transpile our Angular files and then run our Express application. This pattern will repeat itself and even get more complicated. To solve this, developers prefer to automate some of the application functionality and use supportive tools to speed up their work. Some developers prefer using third-party tools, such as Grunt or Gulp, also known as task runners; however, we already use a tool that allows us to run scripts, a tool called NPM. To understand this better, take a look at your package.json file's scripts property:

...
"scripts": {
  "tsc": "tsc",
  "tsc:w": "tsc -w",
  "app": "node server",
  "start": "concurrently \"npm run tsc:w\" \"npm run app\" ",
  "postinstall": "typings install",
},
...

As you can see, you already have five scripts to manage your application developments. In the following sections,...

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