Web Development Course in Ghaziabad

HTML5

Module 1: HTML BASIC [Duration: 1 hrs]

• HTML Introduction and History
• What is html?
• Structure of Html document
• Elements and tags

Module 2: HTML5 Features [Duration: 1 hrs]

• New Elements and Features of HTML5

Module 3: Text formatting [Duration: 1 hrs]

• Headings (h1 to h6)
• HTML Formatting Elements[mark,b,i,u,strong,ins,em,sup,sub]
• Paragraphs in html

Module 4: Links [Duration: 1 hrs]

• Anchor tag [< a>]
• Hyperlink

Module 5: Lists [Duration: 1 hrs]

• Ordered Lists [< ol>]
• Unordered Lists[< ul>]
• Definition Lists[< Dl>]

Module 6: Images and Multimedia [Duration: 2 hrs]

• Images
• < iframe>
• Video
• Audio

Module 7: Tables [Duration: 3 hrs]

• Creating Tables in Html
• Table Accessibility
• Table Attributes

Module 8: Semantic HTML [Duration: 1 hrs]

• Semantic Elements[header,section,main,article,footer]
• Importance of Semantic Elements

Module 9: HTML Best Practices [Duration: 1 hrs]

• Comments in HTML¬¬¬
• Code Formatting and Indentation
• Validating HTML Code

Module 10: HTML and JavaScript Integration [Duration: 1 hrs]

• Adding JavaScript to HTML
• Event Handling

CSS3

Module 11: CSS Basics [Duration: 2 hrs]

• What is css?
• CSS Comments
• CSS Syntax

Module 12: CSS Selectors [Duration: 2 hrs]

• Typeof Selectors
• Class
• ID
• universal
• Attribute Selectors

Module 13: Colors and Backgrounds [Duration: 1 hrs]

• Color Values [hex, RGBA, HSL, HSLA, RGB]
• Gradients linear and radials?
• Background colour
• Background Properties and Background image

Module 14: CSS Modules [Duration: 1 hrs]

• Relative Modules (viewport,em, rem, em, rem)
• Absolute Modules ( px)

Module 15: Styling Text [Duration: 1 hrs]

• Decoration and Text Alignment
• Font Properties
• Text Transformations
• Letter Spacing and Line Height,word spacing

Module 16: CSS Box Model [Duration: 2 hrs]

• Box Model ( Margin, Padding, Border, Content)
• Padding
• Margin
• Border
• Box Sizing

Module 17: CSS Layout Techniques [Duration: 2 hrs]

• Grid
• Display Properties
• Positions Flexbox Layout

Module 18: Flexbox [Duration: 1 hrs]

• display: flex and all properties of flexbox

Module 19: CSS Transitions and Animations [Duration: 2 hrs]

• CSS Animations
• CSS Transitions
• Transform properties

Module 20: Responsive Design [Duration: 2 hrs]

• Media Queries
• Responsive Modules (viewport, %)
• Mobile-First Design

Module 21: CSS Frameworks [Duration: 1 hrs]

• CSS Frameworks [Tailwind CSS and Bootstrap]
• Benefits of libraries

JavaScript

Module 22: JavaScript Basics [Duration: 3 hrs]

• What is Javascript?
• JavaScript syntax
• var, let, const
• what is variables?
• What is Data Types?

Module 23: Operators [Duration: 1 hrs]

• Arithmetic Operators
• Assignment Operators
• Comparison Operators
• Ternary Operator
• Logical Operators

Module 23: Control Structures [Duration: 2 hrs]

• Conditional Statements (if, else, if-else)
• Break and Continue Statement
• Loops

Module 24: Functions [Duration: 2 hrs]

• Function Declaration
• Parameters and Return Values
• Higher-Order Functions
• Arrow Functions
• Callback Functions

Module 25: Objects and Arrays [Duration: 1 hrs]

• Creating and Accessing Objects
• Object Methods and Properties
• Array Methods(shift,unshift,pop)

Module 26: DOM Manipulation [Duration: 1 hrs]

• Selecting Elements ( getElementById, querySelector, getElementbyclass, queryselectorall )
• Modifying Elements (innerHTML, style, attributes)
• Event Handling (addEventListener)
• Creating, Appending Elements

Module 27: Asynchronous JavaScript [Duration: 2 hrs]

• What is Async/Await?
• What is Promises?
• Fetch API for AJAX Requests.

Module 28: Error Handling [Duration: 1 hrs]

• Try, Catch, Finally
• Throwing Errors
• Error Handling costum

Module 29: Best Practices and Performance [Duration: 1 hrs]

• Write Clean Code
• Avoiding Memory Leaks
• Performance Profiling.

Module 30: JavaScript Frameworks and Libraries [Duration: 1 hrs]

• Introduction to Frameworks of Js (Vue.js, React, Angular)

Bootstrap CSS library

Module 31: Introduction to Bootstrap [Duration: 1 hrs]

• What is Bootstrap?
• Features of Bootstrap
• Setting Up Bootstrap (CDN and Download)
• History of Bootstrap

Module 32: Bootstrap Basics [Duration: 2 hrs]

• Working with Colors and Backgrounds in Bootstrap
• Understand the Bootstrap Grid System
• Containers: Fixed, Fluid, and Responsive
• Basic Typography and Text Utilities

Module 33: Components [Duration: 2 hrs]

• Cards, Navbars, and Modals
• Buttons, Forms, and Input Groups
• Alerts, Badges, and Tooltips
• Accordions and Carousels

Module 34: Layout and Responsive Design [Duration: 1 hrs]

• Responsive Breakpoints
• Media Queries with Bootstrap
• Flexbox and Grid Utilities
• Responsive Images and Videos using Bootstrap

Module 35: Advanced Bootstrap [Duration: 2 hrs]

• Using Bootstrap with JavaScript
• Theme Customization
• Integrating Bootstrap with Frameworks [React, Angular,etc]

Module 36: Practical Project [Duration: 1 hrs]

• Building a Responsive Website to using bootstrap

React.js

Module 37: Introduction to React [Duration: 1 hrs]

• What is React?
• History and overview
• Why React? Virtual DOM, JSX

Module 38: React Basics [Duration: 2 hrs]

• JSX: JavaScript XML
• Elements Rendering in React
• Props: Passing Data to Components
• React Components (Functional & Class Components)
• State: Managing Data in Components

Module 39: Handling Events and Forms [Duration: 2 hrs]

• Handling User Inputs (useref)
• Event Handling in React
• Controlled vs. Uncontrolled Components in React
• Form Validation in React

Module 40: React Lifecycle & Hooks [Duration: 2 hrs]

• Understanding Component Lifecycle in React
• React Hooks
• useState
• useRef
• useEffect
• useContext
• Custom Hooks

Module 41: React Router & Navigation [Duration: 1 hrs]

• Introduce with React Router
• Dynamic Routing in React
• Route Parameters & Query Strings
• Navigation Guards & Redirects.

Module 42: Working with APIs [Duration: 2 hrs]

• Handling Async Data with useEffect
• Fetching Data with fetch() and axios
• Error Handling & Loading States

Module 43: Styling in React [Duration: 1 hrs]

• CSS Modules
• Inline Styles in react
• Styled Components

Module 44: Advanced React Patterns [Duration: 2 hrs]

• Rendering Props
• Portals
• Error Boundaries in react

Module 45: Build Tools & Deployment [Duration: 1 hrs]

• Create React App and Vite
• Deployment on Netlify and Vercel or GitHub

Node.js and Express.js

Module 46: Node.js (JavaScript framework) [Duration: 1 hrs]

• What is Node.js?
• Advantages of Node.js over traditional server-side technologies
• Applications and Use cases in Node.js
• Installation

Module 47: Node.js Core Concepts [Duration: 2 hrs]

• Introduce with JavaScript V8 Engine
• Event loops, callback, promises, Async/Await
• Basics of Event Emitter

Module 48: Node.js Modules [Duration: 1 hrs]

• Basic understanding of Modules in Node.js
• Core modules, local modules
• Functions, buffer, modules
• Export modules

Module 49: Node Package Manager [Duration: 1 hrs]

• What is npm and its needs?
• What are packages and installation of packages locally?
• Installation of packages globally
• package.json, package-lock.json, .gitignore
• Manipulating packages

Module 50: Familiarity with Web Server [Duration: 2 hrs]

• Creating a web server using http module
• What is routing and how it works?
• Handling requests and responses in Node.js
• Code Debugging

Module 51: File system [Duration: 1 hrs]

• Reading, writing, opening, deleting file and folders
• Reading and writing files (sync and async).
• Other operations in Node.js

Module 52: Working with Data serialization [Duration: 1 hrs]

• JSON to Object & Object to JSON
• XML to Object and Object to XML

Module 53: Express.js Framework [Duration: 2 hrs]

• What is Express and advantages of using it?
• Installation and setting environment?
• Routes GET, POST, PUT, DELETE
• Dynamic routing With Express js

Module 54:Linking with Database (MonogoDB) [Duration: 1 hrs]

• What is MongoDB and Mongoose?
• Installation and connecting Node.js and MondoDB
• SQL vs NoSQL
• CRUD operations
• MongoDB queries to filter, sort data, pagination of data
• What are schemas and models and how to make it?
• MongoDB Atlas

Module 55: Rest APIs [Duration: 2 hrs]

• What is API and what are the benefits of using it?
• Designing RESTfulAPIs
• Handling API request and response
• Processing POST Data
• CRUD operations API with MongoDB

Module 56: Security [Duration: 1 hrs]

• What is Authentication and Authorization?
• User login and registration
• Basic Authentication and Authorizations methods
• What are Sessions, tokens, cookies?
• Setting up HTTPS

MongoDB

Module 57: Introduction to MongoDB [Duration: 1 hrs]

• What is MongoDB? history
• Why MongoDB? (NoSQL vs. SQL Databases)
• Features of MongoDB
• MongoDB Compass: GUI for MongoDB
• Setting Up MongoDB (Local & Cloud with Atlas)

Module 58: MongoDB Basics [Duration: 2 hrs]

• Understanding NoSQL Databases
• CRUD Operations
• MongoDB Data Model: Collections & Documents
• Data Types in MongoDB

Module 59: Advanced CRUD Operations [Duration: 2 hrs]

• Inserting Documents (insertOne(), insertMany())
• Querying Documents (find(), findOne())
• Updating Documents (updateOne(), updateMany())
• Deleting Documents (deleteOne(), deleteMany())

Module 60: Data Modeling in MongoDB [Duration: 1 hrs]

• Designing Schema-less Databases
• Embedding vs. Referencing Data
• Schema Validation in MongoDB

Module 61: Aggregation Framework [Duration: 1 hrs]

• What is Aggregation?
• Aggregation Pipelines
• Using $match, $group, $sort, $project
• Data Transformation with $unwind, $lookup

Module 62: Indexing in MongoDB [Duration: 2 hrs]

• What are Indexes?
• Creating Indexes (createIndex())
• Index Types: Single Field, Compound, Text, Geospatial
• Index Optimization for Query Performance

Module 63: MongoDB Transactions [Duration: 2 hrs]

• Introduction to Transactions
• Multi-Document Transactions (ACID in MongoDB)
• Handling Transactions in Node.js

Module 64: MongoDB with Node.js (Mongoose) [Duration: 1 hrs]

• Introduction to Mongoose
• Setting Up Mongoose in a Node.js Project
• Defining Schemas and Models
• Data Validation and Middleware in Mongoose
• CRUD Operations with Mongoose

Module 65: Security in MongoDB [Duration: 1 hrs]

• Authentication and Authorization
• Role-Based Access Control
• Secure Connection with TLS/SSL

Module 66: MongoDB Aggregation and Data Analysis [Duration: 2 hrs]

• Advanced Aggregation Techniques
• Real-Time Analytics with MongoDB Atlas
• Using MongoDB Charts for Visualization

Module 67: Performance Tuning and Optimization [Duration: 1 hrs]

• Sharding and Replication
• Query Performance Analysis
• Monitoring MongoDB Performance

Module 68: Deployment & Backup [Duration: 1 hrs]

• Deploying MongoDB (On-Premise & Cloud - MongoDB Atlas)
• Data Migration Techniques
• Backups and Restore Strategies