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 7. Introduction to AngularJS

The last piece of the MEAN puzzle is, of course, AngularJS. Back in 2009, while building their JSON as platform service, developers Miško Hevery and Adam Abrons noticed that the common JavaScript libraries weren't enough. The nature of their rich web applications raised the need for a more structured framework that would reduce redundant work and keep the project code organized. Abandoning their original idea, they decided to focus on the development of their framework, naming it AngularJS and releasing it under an open source license. The idea was to bridge the gap between JavaScript and HTML and to help popularize single-page application development. In this chapter, we'll cover the following topics:

  • Understanding the key concepts of AngularJS

  • Introducing Bower's frontend dependencies manager

  • Installing and configuring AngularJS

  • Creating and organizing an AngularJS application

  • Utilizing Angular's MVC architecture properly

  • Utilizing AngularJS services and...

Previous Section
End of Section 1
Next Section