HTML

Introduction

• Web Development
• Client server architecture
• History & Versions

Structure of web page

• Html elements
• Types of markup
  • Structural markup
  • Semantic markup
• Block vs lnline elements
• Attributes

List

• Ordered list
• Unordered list
• Definition list

Links

• Absolute url
• Relative url
• Attributes, email link, tel links

Tables

• Table Tags
Table Attributes

Forms

• Form tags
• Form Attributes

Meta Tags

Bootstrap

Assignment/Mini Project

Introduction to CSS and Syntax

Advantages of CSS

Types of CSS - in line, internal, external Selectors

CSS Properties

• Text Properties
• Color & Background
• Borders & Outlines
• Box Model
• Display & Grid
• Visual Effects
• Pseudo Classes and Pseudo Elements
• CSS Forms
• Units
• Positions
• Transition
• Transformation
• Animation
• Tooltips
• Media Query
• Image Gallery
• Canvas
• Math Functions and Variable
• SAAS and Tailwind Introduction
• Assignments (Template Design)

Basic Javascript

• Java Script introduction with Features
• Character set and syntaxes of JS
• Tokens -String, keyword, identifier, Operator, Variables,
• If-else and switch
• Loop and Functions
• Closure, Currying Function, Prototype, Arrow Function, Anonymous function
• Dialogue boxes and Events
• Object and Array
• Math and Date
• DOM

Advance Javascript

• DOM Manipulation & Event Handling
• Error and Exception Handling
• Form Validation
• RegExp
• OOPS
• JSON
• API
• BOM

React Concepts

• Hello World
• Introducing JSX
• Rendering Elements
• Components and Props
• State and Lifecycle
• Handling Events
• Conditional Rendering
• Lists and Keys
• Forms
• Lifting State Up
• Composition vs Inheritance
• Thinking In React

Advance React

• Accessibility
• Code-Splitting
• Context
• Error Boundaries
• Forwarding Refs
• Fragments
• Higher-Order Components
• Integrating with Other Libraries
• JSX In Depth
• Optimizing Performance
• Portals
• React Without JSX
• Reconciliation
• Refs and the DOM
• Render Props
• Static Type Checking
• Strict Mode
• Typechecking With PropTypes
• Uncontrolled Components
• Web Components

Redux Concepts

Redux Introduction

• Introduction
• Core Concepts
• Three Principles
• Redux Setup

Redux Basics

• Action
• Action Creators
• State Shape
• Handling Actions
• Handling more actions
• Store
• Dispatch Actions

Data Flow and Usage with React

• Install React Redux
• Presentational and Container Components
• Design Component Hierarchy

Async Actions and Async Flow in Redux

• Actions
• Synchronous Action Creators
• Handle Actions
• Async Action Creators
• Async Flow

Middleware and React Router

• Middleware
• Middleware Applicability
• React Router Overview
• React Router Configuration
• React Router with Redux
• Navigate with React Router

Advanced Features of Redux

• Redux on server
• State management
• action dispatch
• reducer store

Introduction

• Overview of NodeJS
• Installing NodeJS on windows

Exploring language additions to the VS JavaScript engine

• Role of Node Package Manager (NPM)
• Global vs. Local NPM installation

Understanding NodeJS

• Understanding require() and modules
• Understanding callback execution in the event loop
• Creating a project
• The package.json configuration file

Using Express Framework

• Linear Regression
• What is Express.js?
• Installing Express.js
• Building a Hello Express application

Working with Models, Views, and Routes

• Creating routes
• Creating view with ejs & jade engine
• Using templates
• Adding partials
• Using locals and conditional templates
• Modularizing our routes
• Working with Data

Database

• RDBMS databases and NoSQL databases
• Connecting to RDBMS and NoSQL databases

Working with MongoDB

• Setting Up MongoDB
• Installing MongoDB
• Using Mango DB in Node.js
• Structuring Your Data for MongoDB
• Understanding the Basic Operations

Working with Restful web services

• Getting Data
• Posting Data
• Updating Data

CAPSTONE PROJECT