Mastering Modern MEANStack Development| Working with MongDB, Express.JS, AngularJS, Node.JS & More

Modern Web Development Series



5 Days

Course Overview

Mastering Modern Mean Stack Development is an in-depth web development course geared for software developers who need to understand what the latest in web technologies, performance, optimization, and user interface design patterns and best practices. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through MEAN development and related technologies.  Students who attend this course will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications.  

Course Objectives


Course Prerequisites

Attendees should have previous experience or working knowledge of developing software applications, as well as a strong foundation in basic JavaScript technologies.  Students should be comfortable with basic web application concepts including REST and CRUD. 

Course Agenda

Session: Full Stack Development


Lesson: MEAN Stack Overview

  • Node.js – Web Server Platform
  • Express – Web App Framework for Node.js
  • MongoDB – Database
  • Angular – Front-end Framework


Lesson: MEAN Stack Architecture

  • MEAN Stack vs Traditional Web Applications
  • JavaScript – Language of the Stack
  • JSON – Data Format of the Stack
  • Typical MEAN Architecture


Session: Building a MEAN Application


Lesson: Setting up the Project

  • Node.js in Depth
  • Node Package Manager (npm)
  • npm and Installing Dependencies
  • Express in depth
  • Setting up an Express Project
  • MVC and Express


Lesson: Building a First Application

  • Defining the Application
  • Defining Routes in Express
  • Basic Controllers
  • Working with Controllers and Routes
  • Understanding Views
  • Working with Views and Data


Lesson: Adding Data to the Picture

  • MongoDB in Depth
  • NoSQL Database Design
  • Creating a MongoDB Database
  • Connecting to the MongoDB Database
  • MongoDB and REST APIs


Session: REST APIs

Lesson: Overview of REST

  • REpresentational State Transfer
  • REST Characteristics
  • REST Elements
  • REST Architectural Principles
  • REST and HTTP
  • REST/HTTP: Representation-Oriented


Lesson: Designing RESTful Services

  • Effectively Designing RESTful Services
  • Best Practices for Endpoint Definition
  • Using Query Parameters
  • Working with HTTP GET and DELETE
  • Working with HTTP PUT
  • Working with HTTP POST
  • Best Practices for HTTP Methods
  • Handling Additional Operations


Session: Real-Time Data Support

Lesson: Exposing MongoDB with REST APIs

  • GET- Reading Data from MongoDB
  • POST – Adding Data to MongoDB
  • PUT – Updating Data to MongoDB
  • DELETE – Removing Data from MongoDB


Lesson: Consuming REST APIs with Express

  • Calling an API From Express
  • Building an API Request
  • Consuming an API Response
  • Passing Data to the View
  • Passing Data to the API
  • Validating Data
  • Handling Errors


Session: Angular for a Dynamic Front-End


Lesson: Overview of Angular Architecture

  • Architectural Elements and Concepts
  • TypeScript
  • Model-View-*
  • Data Binding
  • Components and Services
  • Factories and Events
  • Why Use Typescript
  • Typescript Module System
  • Types/Keywords/Concepts
  • Transpilers
  • Angular and TypeScript


Lesson: Bootstrapping with Angular CLI

  • Challenges in Setting up Projects
  • Angular CLI Overview
  • New Projects with CLI
  • Testing and Generating with CLI
  • Ahead of Time (AOT) Compilation
  • Implications of using AOT


Lesson: Angular Project Structure

  • Top-Level Files and Directories
  • Folders” src and src/app


Lesson: Components and Events

  • Usable Classes in Angular
  • HTML, CSS, and TypeScript in Components
  • Data Binding and Events


Lesson: Third Party Libraries

  • Angular and the Need for Libraries
  • Options for adding Libraries
  • Working with npm install
  • Working with angular-cli.json
  • ng2 Wrappers


Lesson: Dynamic Views

  • Overview of Directives
  • Built-in Directives
  • ngIf and else
  • ngFor and ngSwitch
  • Conditional Styling


Lesson: Pipes

  • Overview of Pipes
  • Built-in Pipes
  • Formatting and Conversions
  • Parameterizing Pipes


Lesson: Forms and the Forms API

  • Forms and NgModel
  • NG Form Groups
  • NG Form Validation
  • Built-in Validators


Lesson: Single Page Applications

  • Overview of SPA Concept
  • Routing in SPAs
  • Creating Routes
  • Routing Options


Lesson: Building and Deploying Applications

  • Developing a Deployment Strategy
  • Package Manager
  • Managing Dependencies
  • Managing Packages Using Bower
  • Grunt Build Manager
  • Gulp Build Manager


Course Materials


Raise the bar for advancing technology skills

Attend a Class!

Live scheduled classes are listed below or browse our full course catalog anytime

Special Offers

We regulary offer discounts for individuals, groups and corporate teams. Contact us

Custom Team Training

Check out custom training solutions planned around your unique needs and skills.

EveryCourse Extras

Exclusive materials, ongoing support and a free live course refresh with every class.

Mix, Match & Master!
2FOR1: Two Courses, One Price!

Enroll in *any* two public courses (for 2023 *OR* 2024 dates!) by December 31, for one price!  Learn something new, or share the promo!

Click for Details & Additional Offers

Learn. Explore. Advance!

Extend your training investment! Recorded sessions, free re-sits and after course support included with Every Course
Trivera MiniCamps
Gain the skills you need with less time in the classroom with our short course, live-online hands-on events
Trivera QuickSkills: Free Courses and Webinars
Training on us! Keep your skills current with free live events, courses & webinars
Trivera AfterCourse: Coaching and Support
Expert level after-training support to help organizations put new training skills into practice on the job

The voices of our customers speak volumes

Special Offers
Limited Offer for most courses.

SAVE 50%

Learn More