HTML

• What is Web?
• HTML building blocks
• Text formatting elements
• Structure content with lists and tables
• User input with forms
• Working with images and media
• Navigation with anchors

CSS

• Apply styling to HTML page
• Fundamental CSS Properties
• Box Model
• Selectors
• Flexbox
• Responsive design
• Animations and Transitions

Bootstrap

• Utility classes
• Helpers
• Components
• Layout creation
• Responsive layout
• Forms
• Icons and Images

Building Blocks

• Variables, declarations: var, let and const
• Data types
• Operators
• Expressions
• Statements

Blocks and Iteration

• if..else
• switch…case
• while
• for
• nested for

Logic Development

• Conditional programs
• Iterative programs
• Pattern programs
• Accumulation programs
• Typecasting

Arrays

• Indexing and memory
• Creation, reading and updation
• Searching, sorting and filtering
• Working with scenarios
• Duplication and processing

Object Literals and JSON

• Properties, keys and values
• Creation, accessing and updation
• for-in based processing
• Array of objects
• Working with JSON

Strings

• Immutability
• String handling
• String methods
• Array of strings
• Working with strings and JSON

Foundation

• Declaration and definition
• Parameters and arguments
• Call by value and reference
• Working with functions
• Reusability

Types

• Function expressions and literals
• Firstclass functions and callbacks
• Object oriented principles
• IIFE and anonymous functions
• Arrow functions and default parameters

Scope

• Global scope, block scope and closure
• Lexical scope
• Working with array methods
• Methods and this keyword
• call, apply and bind

Imperative Element Creation

• DOM element creation
• Selection, reading, updation and deletion
• Styling elements
• Generation of user interface
• Nodelist vs HTMLCollection

Events

• Event listeners, handlers and event binding
• Event Object and target
• Form handling
• Working with events
• Working with DOM

AJAX

• Asynchronous functions
• Event based API call handling
• Callbacks and Promises
• axios
• Working with json-server

Typescript

• Types, Functions and execution flow
• Classes and class inheritance
• Decorators in TypeScript
• Organising our application with modules
• Interfaces

Setup and Foundation

• CDN based ReactJS application
• React and ReactDOM library
• JSX
• Data binding and event handling
• React virtual DOM

State and Props

• Reusability and refactoring
• useState and rendering
• Immutability and state updation
• List generation and interactivity
• Parent-child component communication

Hooks

• useEffect
• useCallback and useMemo
• useRef
• React.memo
• Custom Hooks

React API

• Context API
• useContext
• Working with Context
• Component communication with Context
• Data handling with forms

Types of components

• Controlled vs uncontrolled components
• Class components
• Higher Order COmponents
• Pure components
• CLass component lifecycle

Forms Handling

• State management of forms
• Validation and error handling
• Styling and classes
• Formik
• Formik error handling

Routing

• Configuration and SPA
• React Router DOM
• BrowserRouter, Route, Link and NavLink
• useNavigate and useParams
• Parameterised routing

Working With Routing

• Website navigation
• Function based navigation
• Login and logout
• Conditional routing

Redux

• Configuration of redux store
• Reducers and action object
• Connect and dispatch
• mapStateToProps and mapDispatchToProps
• Selectors, reselect and performance

Redux Toolkit

• createSlice
• Generation of reducer and actions
• Selectors
• Mutable state updates
• Working with Redux Toolkit

Redux Toolkit Query

• Configuration of API
• Services
• Query architecture
• json-server CRUD operations

Modules

• File system
• Command line args
• OS, Path and URL modules
• Buffer and stream

HTTP

• Implementation of web server
• Serving static HTML
• Implementing APIs
• Request params

Asynchronous

• Environment variables
• NPM and package.json
• Nodemailer
• Cron jobs

Installation and setup

• Server creation
• Request and response object
• Basic routing
• Serving static files

Middlewares

• Bodyparser, cookie-parser and expresssession
• CORS and multer
• Custom middlewares
• Pug/handlebars rendering engine

Routing

• Router
• Controllers
• API endpoints
• Authentication and authorisation

Installation and setup

• Local installation
• Cloud setup
• Database, collection and document creation
• Read, Write, Update and Delete
• Query and Filter

Advanced

• Selection, ordering and sorting
• Aggregation
• Operators
• map and reduce
• Indexing

Mongoose

• Modelling
• Schema
• Connecting to MongoDB
• CRUD operations
• Data types