Back To Module Home

A Hands-On Guide to Angular

0% completed

Introduction to the MEAN Stack

What is the MEAN Stack?

Why Use the MEAN Stack?

Introduction to the Framework

Welcome to Angular Introduction to SPAs Working with Angular CLI

Building Blocks of Angular

Angular Modules Components Directives Services

Basic Concepts in an Angular Application

Binding the Data Communicating Between Components Component Lifecycle Hooks Creating custom directives

Forms in Angular

Template-driven vs. Model-driven forms Developing the Best Forms Using Reactive Forms Custom Validation

Routing in Angular

Navigation Between Views Router life cycle Route params and Query params Route Guards Lazy Loading of Routes

Services and Dependency Injection

Communication Between Multiple Components Providers and Dependency Injection

Dealing with APIs

HttpClient Service Angular In-memory-web-api Performing CRUD Operations

Implement the Above in a E-commerce App

Creating Relevant Components and Modules Perform Routing in Your App Preparing Services to Interact with the Data Managing the State of the Application

Login and Authentication

Authentication Securing the Whole App

Conclusion

...

/

What is the MEAN Stack?

What is the MEAN Stack?

Learn about the MEAN stack and the technologies it’s based on.

The MEAN stack

The MEAN stack combines JavaScript-based technologies, including MongoDB, Express, Angular, and Node.js.

MEAN is one of the most popular web development technologies used to build modern single-page applications (SPAs).

Below is a brief breakdown of each of the technologies used in the MEAN stack.

MongoDB

MongoDB is an open-source NoSQL document-based database that offers scalability and flexibility. MongoDB offers five technical features, which include the following:

Ad hoc queries for optimized,

...