MEAN Stack Development Essential Training

SkillsFuture Course - MEAN Stack Development Essential Training 

MEAN combines MongoDB, Express.js, AngularJS, and Node.js into a single, full­stack solution for JavaScript development. This course introduces development techniques that capitalize on the strengths of every layer in the MEAN stack.

Topics include:

• Installing and setting up your MEAN toolset
• Overview of node.js, angular.js and mongo
• Making an Angular post form
• Sending posts
• Displaying messages
• Creating a registration form
• Saving users
• Associating users with posts
• Authenticating users at login

Module 1 - Node.JS

1.1 Get Started

• Overview and Features of Node.js
• Installing Node.js
• First Node.js program
• Synchronous vs asynchronous callbacks

1.2 Node.js Modules

• Create Your Own Module
• Install 3rd Party Modules
• Package.json 
• The global object

1.3 The HTTP Module

• Building a basic web server
• Analyzing our basic server

Module 2 - Express

2.1 Node.JS Framework - Express

• What is a Node.JS Framework
• Intro to Express
• Serving static files with Express

Module 3 - MongoDB

3.1 Introducing MongoDB

• What is MongoDB
• RDBMS vs MongoDB
• Documents in MongoDB
• Collections in MongoDB
• Installing MongoDB locally

3.2 Common Commands

• CRUD operations in MongoDB
• Using Robomongo GUI
• Basic MongoDB Commands for filter and sorting
• Connecting MongoDB with Node
• Writing Node APIs for interacting with MongoDB

Module 4 - Angular JS 2

4.1 Setting up Angular 2

• What is a Angular 2? Why Angular 2?
• Setting up AngularJS 2
• Angular Hello World App
• Booststrapping angular to index.html
• Architecture Overview and Core concepts

4.2 Modules, Components and Templates

• Introduction to Modules
• What are components in Angular
• Component templates
• Component metadata and decorator
• Component Events
• Template Variables

4.3 Data Binding in Angular

• What is Data Binding
• Data Binding Example
• Data Binding Flow
• Property Events
• Event Bindings
• Two way Data Binding
• Two way Data Binding Demo Exercise

Module 5 - MEAN Stack Integration and Demo

5.1 Connecting Frontend with Backend

• Dependency Injection and Services in Angular 2?
• Component Life cycle in angular 2
• Writing services to interact with backend
• Displaying list data in frontend

5.2 Creating Templates for Frontend

• Member Detail template
• Edit Detail Template
• New Member Template

5.3 Integrating Angular 2 with MongoDB

• MEAN Stack
• Updating our frontend movie-service.ts
• Adding services - get, delete, add, edit
• Updating Edit Form
• Submit Changes to DB
• Delete Team Member Method
• Add New Team Member Form
• Testing our App Locally

For more details, please visit our website at 

https://www.tertiarycourses.com.sg/mean-stack-development-training.html or contact us at [email protected]

Breeze has around 10+ years of experience in UI and Front End Development. He has worked on various projects involving Single Page Applications, E-Commerce, Responsive Web Design, Dashboard Development, Website Development and Mobile App Development using tools like Angular.JS, Backbone.JS, Ractive.JS, Twitter Boostrap, Zurb Foundation, Gulp, SASS, LESS, Underscore.JS, JQuery, Mocha, Cucumber etc.

His project experience has given him the opportunity to work on various domains involving finance, telco, education, retail, healthcare, auto-mobile and tourism.