Mean Stack

Introduction

Web applications – Server – Client – What is HTML – Versions – Basic Structure of HTML documents – Headings – Paragraphs

List and Tables

Ordered list – Unordered list – Definition List – Displaying data in grid – table attributes – Creating and using hyperlinks

Multimedia Tags and Semantic Tag

Embedding audio and video in HTML page – Including PDF files – Using Iframes – Semantic Tags

Forms

Introduction to Forms – HTML input types – Buttons and its types - Attributes – Validation – Form submission Methods

CSS

Introduction

What is CSS – Basic Syntax – Selectors – Text and Font Properties

Basic Formatting Properties

Text and Font Properties – Borders – Backgrounds – Box Model

Flex Box and Grid Layout

Display properties – Visibility – Responsive Design with media query

Transformation and Animation

Transition, Transformation Effects – Applying animation effects

Static site creation

Create site with static, responsive web pages

JavaScript

Introduction

Basic Syntax and Structure – Variables – Data types – Operators – IO statements

Control Statements

Conditional Statements: if, switch – Looping Statements: for, while, do while – Jump Statements: continue, break, return

Arrays and String

Creating and manipulating Arrays – Array methods – Template Strings – Interpolation – String Methods

Functions and Objects

Defining and invoking functions – return values – Arrow functions – Anonymous functions – Scope of variables – Objects

Modern JavaScript Features

Async and Await – Promises – Classes and Object – Constructors

Angular

TypeScript

Introduction – What is TypeScript – Why TypeScript – Data Types - Variables – Type Inference – Type Annotations – Functions – Classes – Constructors – Interface

Angular Introduction

What is Angular – Version – Installation and Environment Setup – Angular Architecture – Creating and Executing Angular Application – Folder Structure

Angular Binding and Directives

Binding: Property Binding – Event Binding – Two way binding – Directives: Attribute Directives – Structural Directives

Angular Routing

Router Module – SPA in Angular – Passing Parameters in router – Redirecting to another view – Router Outlet

Template Driven Forms

Template Driven Forms – NgModel – Validation of Template Driven Forms – Form submission

Reactive Forms/ Model Driven Forms

FormBuilder – FormArray – FormControl – FormGroup – Validators in Reactive Forms – Dynamic adding and removing Form controls – Form Submission

Services and Dependency Injection

Creating a Service – Injecting a Service into a Component – Subscribe function – HttpClientModule – Http Methods: GET, POST, DELETE, PUT

Deploying an Angular Application

Applying Bootstrap – Creating a CRUD application with a Fake Rest API

Node JS

Introduction

What is Node JS and Core Modules – Features of Node – Environment Setup – Installing Node JS – Configuring package.json – Core Modules – Writing basic scripts using fs to read and write files

Node Package Manager

Installing and Managing packages – configuring and using package.json – Asynchronous Programming using callbacks – Introduction to Promises and async/await

Event Driven Architecture and Stream Handling

Understanding the Event loop and Event Driven Architecture – Using EventEmitter – Streams and Buffer – Overview of Streams – Handling large data – Working with binary data – Reading and Writing large files using streams

Working with JSON data in Node

What is JSON – Why JSON – Parse JSON using JSON.parse – Sending JSON responses with JSON.stringify – Building Restful API – Handling HTTP Methods: GET, POST, PUT, DELETE

EXPRESS JS

Introduction

Introduction to Express – Overview and Core Features – Installing and environment Set up – Hello World in Express – Routing Basics in Express – Working with Routing parameters and query strings

Middleware and Request Handling, Error Handling

What are middleware functions – How do they work – Types – Custom Middleware – Request and Response Objects - Setting up Restful End points – Define routes for CRUD operations – Parsing JSON payloads and sending JSON responses

Error Handling

Handling common errors like 404, 500,etc. – Setting up error handling middleware and custom error responses – Adding basic validation and input sanitization for request data

Building a RESTful API with MongoDB Integration

Setting Up MongoDB with Express - setting up the connection to MongoDB. Implementing CRUD Operations with MongoDB – Use GET, POST, PUT, DELETE to manipulate data in MongoDB

Authentication, Authorization, and Deployment

Authentication and Authorization with JWT – Testing, Debugging and Deployment

Mongo DB

Introduction

SQL vs NO SQL – Mongo DB architecture – Features - Environment Setup –Starting and Stopping a service – Connecting to MongoDB using Shell – Understanding databases, collections and documents

Basic Operations

Creating and inserting documents – Querying documents – Updating and Deleting Documents – Advanced CRUD operations like Upserts – Bulk data operations

Querying Collections

Using query operator find() – Querying nested fields – Querying an array - _id Field – Null and Missing Fields -

Aggregation Framework

What is aggregation in MongoDB? - Aggregation pipeline stages (match, group, project, sort, limit) - Basic aggregation examples - Advanced techniques like $lookup, $unwind, performance optimization.

Data Modelling and Indexing

Understanding Schema design, embedding vs. referencing, relationships – Choosing between embedded documents and referencing - Basics of indexing – What is index – Why indexing – Types – Creating and dropping Indexes – Performance improvement using Index

Security

Managing Security - Implementing Security in MongoDB - Understanding and Enabling Access Control - Handling Authentications

Mern Stack

HTML - Introduction

Web applications – Server – Client – What is HTML – Versions – Basic Structure of HTML documents – Headings – Paragraphs

List and Tables

Ordered list – Unordered list – Definition List – Displaying data in grid – table attributes – Creating and using hyperlinks

Multimedia Tags and Semantic Tag

Embedding audio and video in HTML page – Including PDF files – Using Iframes – Semantic Tags

Forms

Introduction to Forms – HTML input types – Buttons and its types - Attributes – Validation – Form submission Methods

CSS

Introduction

What is CSS – Basic Syntax – Selectors – Text and Font Properties

Basic Formatting Properties

Text and Font Properties – Borders – Backgrounds – Box Model

Flex Box and Grid Layout

Display properties – Visibility – Responsive Design with media query

Transformation and Animation

Transition, Transformation Effects – Applying animation effects

Static site creation

Create site with static, responsive web pages

JavaScript

Introduction

Basic Syntax and Structure – Variables – Data types – Operators – IO statements

Control Statements

Conditional Statements: if, switch – Looping Statements: for, while, do while – Jump Statements: continue, break, return

Arrays and String

Creating and manipulating Arrays – Array methods – Template Strings – Interpolation – String Methods

Functions and Objects

Defining and invoking functions – return values – Arrow functions – Anonymous functions – Scope of variables – Objects

Modern JavaScript Features

Async and Await – Promises – Classes and Object – Constructors

React JS

React Introduction

What is React – Version – Installation and Environment Setup – Introducing JSX, Code using new ES6 language features - Embedding Expressions in JSX - JSX is an Expression - Specifying Attributes with JSX - JSX Prevents Injection Attacks - JSX Represents Objects

Rendering Elements

Rendering Elements - Rendering an Element into the DOM - Updating the Rendered Element – Components - Function and Class Components - Rendering a Component - Composing Components - Extracting Components – Read-only Props.

React Routing

React Router DOM – SPA in React – Passing Parameters in router – Redirecting to another view – Router Outlet – Nested Routing

React Events

Handling Events - Passing Arguments to Event Handlers - Conditional Rendering - Element Variables - Preventing Component from Rendering

Forms

Controlled Foem – Uncontrolled Form – onChange Event – useForm hook – Form Validation – Formik installation and usage – Install and use yup – Form Submission

Fetch API

Rest API – JSON server Full fake Rest API – Http Methods: GET, POST, DELETE, PUT implemented using Fetch API – then and catch blocks.

Deploying an React Application

Creating a CRUD application with a Fake Rest API

Node JS

Introduction

What is Node JS and Core Modules – Features of Node – Environment Setup – Installing Node JS – Configuring package.json – Core Modules – Writing basic scripts using fs to read and write files

Node Package Manager

Installing and Managing packages – configuring and using package.json – Asynchronous Programming using callbacks – Introduction to Promises and async/await

Event Driven Architecture and Stream Handling

Understanding the Event loop and Event Driven Architecture – Using EventEmitter – Streams and Buffer – Overview of Streams – Handling large data – Working with binary data – Reading and Writing large files using streams

Working with JSON data in Node

What is JSON – Why JSON – Parse JSON using JSON.parse – Sending JSON responses with JSON.stringify – Building Restful API – Handling HTTP Methods: GET, POST, PUT, DELETE

EXPRESS JS

Introduction

Introduction to Express – Overview and Core Features – Installing and environment Set up – Hello World in Express – Routing Basics in Express – Working with Routing parameters and query strings

Middleware and Request Handling, Error Handling

What are middleware functions – How do they work – Types – Custom Middleware – Request and Response Objects - Setting up Restful End points – Define routes for CRUD operations – Parsing JSON payloads and sending JSON responses

Error Handling

Handling common errors like 404, 500,etc. – Setting up error handling middleware and custom error responses – Adding basic validation and input sanitization for request data

Building a RESTful API with MongoDB Integration

Setting Up MongoDB with Express - setting up the connection to MongoDB. Implementing CRUD Operations with MongoDB – Use GET, POST, PUT, DELETE to manipulate data in MongoDB

Authentication, Authorization, and Deployment

Authentication and Authorization with JWT – Testing, Debugging and Deployment

Mongo DB

Introduction

SQL vs NO SQL – Mongo DB architecture – Features - Environment Setup –Starting and Stopping a service – Connecting to MongoDB using Shell – Understanding databases, collections and documents

Basic Operations

Creating and inserting documents – Querying documents – Updating and Deleting Documents – Advanced CRUD operations like Upserts – Bulk data operations

Querying Collections

Using query operator find() – Querying nested fields – Querying an array - _id Field – Null and Missing Fields -

Aggregation Framework

What is aggregation in MongoDB? - Aggregation pipeline stages (match, group, project, sort, limit) - Basic aggregation examples - Advanced techniques like $lookup, $unwind, performance optimization.

Data Modelling and Indexing

Understanding Schema design, embedding vs. referencing, relationships – Choosing between embedded documents and referencing - Basics of indexing – What is index – Why indexing – Types – Creating and dropping Indexes – Performance improvement using Index

Security

Managing Security - Implementing Security in MongoDB - Understanding and Enabling Access Control - Handling Authentications