MEAN Cookbook

Over 50 recipes to create full-stack high-performance web applications using pure JavaScript and the MEAN stack.
Preview in Mapt

MEAN Cookbook

Nicholas McClay

1 customer reviews
Over 50 recipes to create full-stack high-performance web applications using pure JavaScript and the MEAN stack.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$18.00
RRP $35.99
Save 49%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$18.00
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


MEAN Cookbook Book Cover
MEAN Cookbook
$ 35.99
$ 18.00
Web Development with MongoDB and Node - Third Edition Book Cover
Web Development with MongoDB and Node - Third Edition
$ 31.99
$ 16.00
Buy 2 for $33.50
Save $34.48
Add to Cart

Book Details

ISBN 139781787286573
Paperback450 pages

Book Description

The MEAN Stack is a framework for web application development using JavaScript-based technologies; MongoDB, Express, Angular, and Node.js. If you want to expand your understanding of using JavaScript to produce a fully functional standalone web application, including the web server, user interface, and database, then this book can help guide you through that transition. This book begins by configuring the frontend of the MEAN stack web application using the Angular JavaScript framework. We then implement common user interface enhancements before moving on to configuring the server layer of our MEAN stack web application using Express for our backend APIs. You will learn to configure the database layer of your MEAN stack web application using MongoDB and the Mongoose framework, including modeling relationships between documents. You will explore advanced topics such as optimizing your web application using WebPack as well as the use of automated testing with the Mocha and Chai frameworks. By the end of the book, you should have acquired a level of proficiency that allows you to confidently build a full production-ready and scalable MEAN stack application.

Table of Contents

Chapter 1: Working with Angular 4
Introduction
Upgrading to Angular 4 using NPM
Generating a new Angular project using Angular-CLI
Configuring Angular-CLI project settings
Working with generators in Angular-CLI
Ejecting Angular-CLI from your project
Generating new routes in Angular-CLI
Defining a home page in your Angular routes
Handling 404 errors in an Angular project
Creating nesting routes in Angular
Creating sibling routes in Angular
Programmatic page redirection in Angular
Route preloading with Angular modules
Running tests in Angular-CLI
Chapter 2: Enhancing Your User Interface
Introduction
Configuring Sass in Angular
Working with Angular component styles
Using Sass variables for style reusability
Using Sass nesting for better style specificity
Using Sass partials for style organization
Working with Bootstrap in Sass
Customizing Bootstrap for Angular
Using Bootstrap Responsive layouts
Working with Bootstrap components in Angular
Working with Font-Awesome icons in Angular
Internationalization with Angular i18n
Setting your language with Angular i18n
How to Localize dates in Angular
Chapter 3: Working with Data
Introduction
Working with actions and events in Angular
Working with form input and models in Angular
Validating data with Angular form properties
Creating services for data in Angular
Using promises to create asynchronous services in Angular
Retrieving API data using HTTP services in Angular
Querying API sources using HTTP services in Angular
Creating Concurrent API requests in Angular
Handling API errors and invalid responses in Angular
HTTP service optimization through client-side caching
Chapter 4: Using Express Web Server
Introduction
Creating a new Express project with express-generator
Working with routes in Express
Serving an Angular web application with Express
Working with headers in Express
Working with cookies in Express
Creating Express middleware for routes
Logging traffic and activity with Morgan
Running your Express web server with Forever
Securing your Express web server
Chapter 5: REST APIs and Authentication
Introduction
Building REST APIs with Express
Configuring JSON API in Express
Creating a user authentication API in Express
Building a login page with Angular
Using JWT authentication with Express and Angular
Chapter 6: Cloud Service Integrations
Introduction
Uploading large multi-part files with Express
Uploading images to Cloudinary from Express
Securing image downloads from Cloudinary
Resizing images and transformations with Cloudinary
Working with Stripe payment processor in Express
Accepting credit card payments in Angular with Stripe
Chapter 7: MongoDB and Mongoose
Introduction
How to set up and create a MongoDB database
Connecting to MongoDB through Mongoose
Working with data model in MongoDB and Mongoose
Querying for data using Mongoose query selectors
Chapter 8: Relationships
Introduction
Working with data validations and virtuals in Mongoose
Creating sub-documents in Mongoose models
Using pre-save hooks and custom methods in Mongoose Models
Creating embedded documents in MongoDB with objectId
Creating relational documents in MongoDB with population
Chapter 9: Build Systems and Optimizations
Introduction
Using ES6 and Typescript with Express.js and Node.js
Configuring WebPack for use in Node.js applications
Optimizing asset delivery with gzip compression in Express
Optimizing images for delivery with WebPack
Optimizing Font-Awesome with custom font generation
Chapter 10: Debugging
Introduction
Debugging Node.js using the debug module
Debugging Node.js using node-inspector in Google Chrome
Debugging Node.js using JetBrain's WebStorm IDE
Production error tracking and debugging with Sentry.io
Chapter 11: Automated Testing
Introduction
Creating unit tests for Node.js using the Mocha testing library
Creating integration tests for Express REST APIs
Integrating an ESLint test suite into your Mocha tests
Cross-browser and device testing with BrowserSync
Chapter 12: Whats new in Angular 4
Angular 4 Improvements and New Features
Angular 4 Deprecations and API Changes

What You Will Learn

  • Bootstrap a new MEAN stack web application using Node.js and Express
  • Build a single-page application (SPA) with Angular and Angular-CLI
  • Improve browser performance by optimizing your web application resources using Webpack
  • Model complex JSON object relationships in MongoDB using Mongoose
  • Debug all the layers of a MEAN stack application, including working with source maps
  • Build Restful APIs using Express.js and JSON Web Token (JWT) for user authentication
  • Use automated testing to improve the reliability and quality of your MEAN stack application

Authors

Table of Contents

Chapter 1: Working with Angular 4
Introduction
Upgrading to Angular 4 using NPM
Generating a new Angular project using Angular-CLI
Configuring Angular-CLI project settings
Working with generators in Angular-CLI
Ejecting Angular-CLI from your project
Generating new routes in Angular-CLI
Defining a home page in your Angular routes
Handling 404 errors in an Angular project
Creating nesting routes in Angular
Creating sibling routes in Angular
Programmatic page redirection in Angular
Route preloading with Angular modules
Running tests in Angular-CLI
Chapter 2: Enhancing Your User Interface
Introduction
Configuring Sass in Angular
Working with Angular component styles
Using Sass variables for style reusability
Using Sass nesting for better style specificity
Using Sass partials for style organization
Working with Bootstrap in Sass
Customizing Bootstrap for Angular
Using Bootstrap Responsive layouts
Working with Bootstrap components in Angular
Working with Font-Awesome icons in Angular
Internationalization with Angular i18n
Setting your language with Angular i18n
How to Localize dates in Angular
Chapter 3: Working with Data
Introduction
Working with actions and events in Angular
Working with form input and models in Angular
Validating data with Angular form properties
Creating services for data in Angular
Using promises to create asynchronous services in Angular
Retrieving API data using HTTP services in Angular
Querying API sources using HTTP services in Angular
Creating Concurrent API requests in Angular
Handling API errors and invalid responses in Angular
HTTP service optimization through client-side caching
Chapter 4: Using Express Web Server
Introduction
Creating a new Express project with express-generator
Working with routes in Express
Serving an Angular web application with Express
Working with headers in Express
Working with cookies in Express
Creating Express middleware for routes
Logging traffic and activity with Morgan
Running your Express web server with Forever
Securing your Express web server
Chapter 5: REST APIs and Authentication
Introduction
Building REST APIs with Express
Configuring JSON API in Express
Creating a user authentication API in Express
Building a login page with Angular
Using JWT authentication with Express and Angular
Chapter 6: Cloud Service Integrations
Introduction
Uploading large multi-part files with Express
Uploading images to Cloudinary from Express
Securing image downloads from Cloudinary
Resizing images and transformations with Cloudinary
Working with Stripe payment processor in Express
Accepting credit card payments in Angular with Stripe
Chapter 7: MongoDB and Mongoose
Introduction
How to set up and create a MongoDB database
Connecting to MongoDB through Mongoose
Working with data model in MongoDB and Mongoose
Querying for data using Mongoose query selectors
Chapter 8: Relationships
Introduction
Working with data validations and virtuals in Mongoose
Creating sub-documents in Mongoose models
Using pre-save hooks and custom methods in Mongoose Models
Creating embedded documents in MongoDB with objectId
Creating relational documents in MongoDB with population
Chapter 9: Build Systems and Optimizations
Introduction
Using ES6 and Typescript with Express.js and Node.js
Configuring WebPack for use in Node.js applications
Optimizing asset delivery with gzip compression in Express
Optimizing images for delivery with WebPack
Optimizing Font-Awesome with custom font generation
Chapter 10: Debugging
Introduction
Debugging Node.js using the debug module
Debugging Node.js using node-inspector in Google Chrome
Debugging Node.js using JetBrain's WebStorm IDE
Production error tracking and debugging with Sentry.io
Chapter 11: Automated Testing
Introduction
Creating unit tests for Node.js using the Mocha testing library
Creating integration tests for Express REST APIs
Integrating an ESLint test suite into your Mocha tests
Cross-browser and device testing with BrowserSync
Chapter 12: Whats new in Angular 4
Angular 4 Improvements and New Features
Angular 4 Deprecations and API Changes

Book Details

ISBN 139781787286573
Paperback450 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Web Development with MongoDB and Node - Third Edition Book Cover
Web Development with MongoDB and Node - Third Edition
$ 31.99
$ 16.00
Bootstrap 4 - Responsive Web Design Book Cover
Bootstrap 4 - Responsive Web Design
$ 71.99
$ 36.00
Complete Bootstrap: Responsive Web Development with Bootstrap 4 Book Cover
Complete Bootstrap: Responsive Web Development with Bootstrap 4
$ 35.99
$ 18.00
Progressive Web Apps with React Book Cover
Progressive Web Apps with React
$ 35.99
$ 18.00
Progressive Web Apps with React Book Cover
Progressive Web Apps with React
$ 35.99
$ 18.00
Angular UI Development with PrimeNG Book Cover
Angular UI Development with PrimeNG
$ 35.99
$ 18.00