Information Technology

MongoDB, Express, Angular and Node.js Fundamentals

Instructor-Led 6 Agenda

Description

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.

Course Overview

Course Objective

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

Who Should Attend

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.

Introduction to the MEAN stack Lesson Id 1

Introduction to the MEAN stack

Developing RESTful APIs to perform CRUD operations Lesson Id 2

Developing RESTful APIs to perform CRUD operations

Beginning Frontend Development with Angular CLI Lesson Id 3

Beginning Frontend Development with Angular CLI

Understanding MEAN Stack Security Lesson Id 4

Understanding MEAN Stack Security

Angular Declarables, Bootstrapping, and Modularity Lesson Id 5

Angular Declarables, Bootstrapping, and Modularity

Testing and Optimizing Angular Applications Lesson Id 6

Testing and Optimizing Angular Applications

Lesson Id	Title	Description
1	Introduction to the MEAN stack	MEAN Architecture Demystification<br />Getting Started with Node<br />Activity 1: Creating an HTTP Server for a Blogging Application Understanding Callbacks, Event loop and EventEmitters in Node<br />Understanding Buffers, Streams and Filesystem in Node<br />Activity 2: Streaming Data to a File
2	Developing RESTful APIs to perform CRUD operations	Getting Started with RESTful APIs<br />Getting started with MongoDB Atlas<br />Activity 3: Connecting the Node Application with MongoDB Atlas<br />Getting Started with Express<br />Activity 4: Creating Express API Route and Controller<br />Activity 5: Testing Fully Functional RESTful API
3	Beginning Frontend Development with Angular CLI	Getting Started with Angular CLI<br />Using Components, Directives, Services, and Making HTTP Requests in Angular<br />Activity 6: Designing the Frontend and Components for the Blogging Application<br />Activity 7: Writing Services and Making HTTP Request Calls to an API<br />Understanding Angular Forms and Routing<br />Activity 8: Creating a Form Application Using the Reactive/Model-Driven Method<br />Activity 9: Creating and Validating Different Forms Using the Template and Reactive Driven Method<br />Activity 10: Implementing a Router for the Blogging Application
4	Understanding MEAN Stack Security	Node Security and Best Practices<br />Node Application Authentication with JSON Web Token (JWT)<br />Activity 11: Securing the RESTful API<br />Node Application Authentication with Passport<br />Activity 12: Creating a Login Page to Allow Authentication with Twitter Using Passport Strategies
5	Angular Declarables, Bootstrapping, and Modularity	Using Inbuilt Pipes, Custom Pipes, Custom Directives, and Observables<br />Activity 13: Communicating Between Two Components Using Observable Angular<br />Bootstrapping and Modularity<br />Activity 14: Creating a Lazy Loaded Application
6	Testing and Optimizing Angular Applications	Angular Animations and Latest Angular Features<br />Activity 15: Animating the Route Transition Between the Blog Post Page and View Post Page of the Blogging Application<br />Optimizing Angular Applications<br />Testing Angular Applications<br />Activity 16: Performing Unit Testing on the App Root Component and Blog-Post Component<br />Overview on the new features in Angular