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!
Table of Contents (18 chapters)
MEAN Web Development
About the Author
About the Reviewers

Implementing the AngularJS MVC module

The second part of your CRUD module is the AngularJS MVC module. This module will contain an AngularJS service that will communicate with the Express API using the $resource factory, an AngularJS controller that will contain the client-side module logic, and a set of views that provide your users with an interface to perform CRUD operations. Before you begin creating your AngularJS entities, let's first create the module initial structure. Go to your application's public folder and create a new folder named articles. In this new folder, create the module initialization file named articles.client.module.js and paste the following line of code:

angular.module('articles', []);

This will handle module initialization for you, but you will also need to add your new module as a dependency of your main application module. To do so, change your public/application.js file as follows:

var mainApplicationModuleName = 'mean';

var mainApplicationModule = angular.module...