About Course

Web development(MERN)

Technology plays a massive role in our everyday lives, from the easiest of applications to the most revolutionary inventions. A web developer has created every website or web page that we come across—but what is web development specifically, and what does a web developer do?

For a beginner, it can appear to be complicated, perplexing, and to some extent, an inaccessible field. Therefore, to reveal some insight into this exciting industry, we’ve put together a fundamental introduction to web development and all it takes to turn into a full-fledged web developer.

Course Content

Orientation Session
Meet your mentor | Meet your peers | Introduction of the program

HTML

Introduction to Web & HTML
Basic Syntax, Structure of HTML
Heading, Paragraph, Anchor and Image Tag
Attributes(Optional and Required), Class, ID and Style Attribute
List Tags and Table Tag
Audio, Video, IFrame Tag(Map and Youtube Videos)
Form Tag and Form Attributes
Semantic HTML Tags
Input Tag and Various Other Tag
Button Tags and Types

CSS

Introduction to CSS
Different Ways of Writing CSS
Different Type of Selector in CSS
Color, Height, Width, Background, Margin, Padding, Border, Border Radius
Introduction to Box Model
Fonts, Icons, Display, Float, Clear, Opacity, Z-Index, Overflow, Box-Shadow, Text-Shadow
Positions (Relative, Fixed, Absolute, Static and Sticky)
Units(em, rem, vh, vw, %)
Transition, Transform and Animations
Media Query (Responsive CSS)
Introduction to Flexbox
Introduction to Grid System

JavaScript

Introduction to JavaScript
Understanding Runtime and Developer Tools
Variables and Data Types
Conditionals (if, else, if-elseif-else, Ternary, Switch Case)
Loops (For, While and do-While)
Functions, Array, Objects, Strings
Math and Date Object
Introduction to DOM
DOM Selectors, Manipulating Content
Manipulating CSS, Attributes, Creating Dynamic HTML
DOM Traversal
Time Based Function (setTimeout and setInterval)
Synchronous and Asynchronous JS
Promise, Async-Await and Fetch API
JSON

React

Introduction to React
Advantages and Disadvantages
JSX in React
Components (Class and Function)
Props and State
Events
Lists, Keys and Conditional Rendering
Handling Form
Network Calling (Fetch and Axios)
React Router (Multi Page Application)
State Management Part-1 (Context API)
State Management Part-2 (Context API and useReducer)
State Management Part-3 (Redux)

About Course

Web development(MERN)

What Will You Learn?

Course Content

Orientation Session Meet your mentor | Meet your peers | Introduction of the program

HTML

Introduction to Web & HTML

Basic Syntax, Structure of HTML

Heading, Paragraph, Anchor and Image Tag

Attributes(Optional and Required), Class, ID and Style Attribute

List Tags and Table Tag

Audio, Video, IFrame Tag(Map and Youtube Videos)

Form Tag and Form Attributes

Semantic HTML Tags

Input Tag and Various Other Tag

Button Tags and Types

CSS

Introduction to CSS

Different Ways of Writing CSS

Different Type of Selector in CSS

Color, Height, Width, Background, Margin, Padding, Border, Border Radius

Introduction to Box Model

Fonts, Icons, Display, Float, Clear, Opacity, Z-Index, Overflow, Box-Shadow, Text-Shadow

Positions (Relative, Fixed, Absolute, Static and Sticky)

Units(em, rem, vh, vw, %)

Transition, Transform and Animations

Media Query (Responsive CSS)

Introduction to Flexbox

Introduction to Grid System

JavaScript

Introduction to JavaScript

Understanding Runtime and Developer Tools

Variables and Data Types

Conditionals (if, else, if-elseif-else, Ternary, Switch Case)

Loops (For, While and do-While)

Functions, Array, Objects, Strings

Math and Date Object

Introduction to DOM

DOM Selectors, Manipulating Content

Manipulating CSS, Attributes, Creating Dynamic HTML

DOM Traversal

Time Based Function (setTimeout and setInterval)

Synchronous and Asynchronous JS

Promise, Async-Await and Fetch API

JSON

React

Introduction to React

Advantages and Disadvantages

JSX in React

Components (Class and Function)

Props and State

Events

Lists, Keys and Conditional Rendering

Handling Form

Network Calling (Fetch and Axios)

React Router (Multi Page Application)

State Management Part-1 (Context API)

State Management Part-2 (Context API and useReducer)

State Management Part-3 (Redux)

Node

Introduction to NodeJS

Introduction to Packages (Internal and Third Party)

HTTP Module

URL Module

File Module

Express

Introduction to ExpressJS

Routing in Express

MVC Pattern in Express

MongoDB

Introduction to MongoDB

Read Operation

Insert Operation

Update Operation

Delete Operation

Introduction to Mongoose

Creating Model

Creating Routes

Creating Controllers

Important**

Orientation Session
Meet your mentor | Meet your peers | Introduction of the program