Duration
2 Days
12 CPD hours
This course is intended for
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.
Overview
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