MongoDB, Express, Angular and Node.js Fundamentals

2 Days

12 CPD hours

This course is ideal for beginners and intermediate frontend developers who want to become full-stack developers. You will need some prior working knowledge of JavaScript and MongoDB as we skim over its basics and get straight to work.

At the end of this day, students should be able to:
Understand the MEAN architecture
Create RESTful APIs to complete CRUD tasks
Build a blogging application with basic features
Describe best practices to secure node applications
Implement authentication and authorization
Create simple animations using Angular
Perform unit testing on Angular applications

MongoDB, Express, Angular and Node.js Fundamentals begins by demystifying the MEAN architecture. You will review the features of the JavaScript technologies, frameworks, or libraries that make up a MEAN stack. You will also understand how to develop a RESTful API using Node.js, Express.js, and MongoDB Atlas. This course will enable you to discover how to build a blogging application using the MEAN stack. Next, you will learn about authentication using MEAN, and explore the features of Angular, such as pipes, reactive forms, modules and optimizing apps, animations and unit testing, and much more. By the end of the course, you will have all of the knowledge you need to become a pro at developing efficient web applications using JavaScript technologies.

Introduction to the MEAN stack

• MEAN Architecture Demystification
• Getting Started with Node
• Activity 1: Creating an HTTP Server for a Blogging Application Understanding Callbacks, Event loop and EventEmitters in Node
• Understanding Buffers, Streams and Filesystem in Node
• Activity 2: Streaming Data to a File

Developing RESTful APIs to perform CRUD operations

• Getting Started with RESTful APIs
• Getting started with MongoDB Atlas
• Activity 3: Connecting the Node Application with MongoDB Atlas
• Getting Started with Express
• Activity 4: Creating Express API Route and Controller
• Activity 5: Testing Fully Functional RESTful API

Beginning Frontend Development with Angular CLI

• Getting Started with Angular CLI
• Using Components, Directives, Services, and Making HTTP Requests in Angular
• Activity 6: Designing the Frontend and Components for the Blogging Application
• Activity 7: Writing Services and Making HTTP Request Calls to an API
• Understanding Angular Forms and Routing
• Activity 8: Creating a Form Application Using the Reactive/Model-Driven Method
• Activity 9: Creating and Validating Different Forms Using the Template and Reactive Driven Method
• Activity 10: Implementing a Router for the Blogging Application

Understanding MEAN Stack Security

• Node Security and Best Practices
• Node Application Authentication with JSON Web Token (JWT)
• Activity 11: Securing the RESTful API
• Node Application Authentication with Passport
• Activity 12: Creating a Login Page to Allow Authentication with Twitter Using Passport Strategies

Angular Declarables, Bootstrapping, and Modularity

• Using Inbuilt Pipes, Custom Pipes, Custom Directives, and Observables
• Activity 13: Communicating Between Two Components Using Observable Angular
• Bootstrapping and Modularity
• Activity 14: Creating a Lazy Loaded Application

Testing and Optimizing Angular Applications

• Angular Animations and Latest Angular Features
• Activity 15: Animating the Route Transition Between the Blog Post Page and View Post Page of the Blogging Application
• Optimizing Angular Applications
• Testing Angular Applications
• Activity 16: Performing Unit Testing on the App Root Component and Blog-Post Component
• Overview on the new features in Angular