Book Image

MEAN Web Development

By : Amos Q. Haviv
Book Image

MEAN Web Development

By: Amos Q. Haviv

Overview of this book

The MEAN stack is a collection of the most popular modern tools for web development; it comprises MongoDB, Express, AngularJS, and Node.js. Starting with MEAN core frameworks, this project-based 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. 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!

Related Content you might be interested in

Current Title:

Small book image
MEAN Web Development
Amos Q. Haviv
Sep, 2014 | 354 pages
No titles found
Table of Contents (18 chapters)
MEAN Web Development
MEAN Web Development
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Introduction to MEAN
Introduction to MEAN
Three-tier web application development
The evolution of JavaScript
Introducing MEAN
Installing MongoDB
Installing Node.js
Introducing NPM
Summary
2
Getting Started with Node.js
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
Building an Express Web Application
Introduction to 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
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
Introduction to Mongoose
Introducing Mongoose
Understanding Mongoose schemas
Extending your Mongoose schema
Defining custom model methods
Model validation
Using Mongoose middleware
Using Mongoose DBRef
Summary
6
Managing User Authentication Using Passport
Managing User Authentication Using Passport
Introducing Passport
Understanding Passport strategies
Understanding Passport OAuth strategies
Summary
7
Introduction to AngularJS
Introduction to AngularJS
Introducing AngularJS
Key concepts of AngularJS
Installing AngularJS
Structuring an AngularJS application
Bootstrapping your AngularJS application
AngularJS MVC entities
AngularJS routing
AngularJS services
Managing AngularJS authentication
Summary
8
Creating a MEAN CRUD Module
Creating a MEAN CRUD Module
Introducing CRUD modules
Setting up the Express components
Introducing the ngResource module
Implementing the AngularJS MVC module
Finalizing your module implementation
Summary
9
Adding Real-time Functionality Using Socket.io
Adding Real-time Functionality Using Socket.io
Introducing WebSockets
Introducing Socket.io
Installing Socket.io
Building a Socket.io chat
Summary
10
Testing MEAN Applications
Testing MEAN Applications
Introducing JavaScript testing
Testing your Express application
Testing your AngularJS application
Summary
11
Automating and Debugging MEAN Applications
Automating and Debugging MEAN Applications
Introducing the Grunt task runner
Debugging Express with node-inspector
Debugging AngularJS with Batarang
Summary
Index
Index

Chapter 9. Adding Real-time Functionality Using Socket.io

In previous chapters, you learned how to build your MEAN application and how to create CRUD modules. These chapters covered the basic functionalities of a web application; however, more and more applications require real-time communication between the server and browser. In this chapter, you'll learn how to connect your Express and AngularJS applications in real time using the Socket.io module. Socket.io enables Node.js developers to support real-time communication using WebSockets in modern browsers and legacy fallback protocols in older browsers. In this chapter, we'll cover the following topics:

  • Setting up the Socket.io module

  • Configuring the Express application

  • Setting up the Socket.io/Passport session

  • Wiring Socket.io routes

  • Using the Socket.io client object

  • Building a simple chat room

Previous Section
End of Section 1
Next Section