arrow_back
HTML
Introduction to HTML, Background, Working, Basic Structure
Basic Tags
Headings & Paragraphs
Lists & Tables
Forms & Inputs
Links & Images
Semantic HTML, Benefits, Common Semantic Elements
Div & Span Tags, Comparison between Div & Span
Multimedia Elements, Format, Browser Compatibility
Introducing HTML5 New Elements
iframes & Embeds
Forms with Validation, Attributes
Meta Tags & SEO
Tips For Best Practices
Web Accessibility Features
Mini Project 1 : Build a Simple Website with Menus
Mini Project 2 : Build a Contact Form
Mini Project 3 : Build a Landing Page
Future Scopes & Advanced Learning, Tools for Development
CSS
Introduction to CSS, Background, Working of CSS
Selectors and Properties
Colors and Backgrounds
Box Model
Layouts : Flexbox and Grid
Typography and Fonts
Pseudo-classes and Pseudo-elements
Transitions and Animations
Responsive Design Basics
Media Queries
Advanced Flexbox Techniques
Advanced Grid Techniques
Mini Project 1 : Create a Responsive Layout
Mini Project 2 : Create a Website with CSS Animations
Advanced Frameworks
Architectures
Performance Optimization
Bootstrap
Introduction to Bootstrap
Grid System
Buttons and Alerts
Forms and Inputs
Navbars and Modals
Cards and Tables
Flex and Grid Utilities
Customizing with Sass
Mini Project : Build a Portfolio Website
Javascript
Introduction, Background, Working & Applications of Javascript
Operators with its Usage
Operator Precedence
Variables and Data Types
How to set up JavaScript Development Environment
Syntax and Structure
Running Javascript in the Browser
Primitive Data Types
Conditional If Statements
Loops
Functions
Objects and Arrays
DOM Manipulation : Selecting DOM Elements
DOM Manipulation : Modifiying DOM Elements
DOM Manipulation : Event Handling
DOM Manipulation : Creating and Removing Elements
DOM Manipulation : DOM Traversal
Asynchronous Javascript
Javascript ES6 and Beyond
Advanced Javascript Concepts
Javascript and the Browser
Testing in Javascript
Overview of Javascript : Framework & Libraries
Using JQuery for Legacy Support
ReactJS
Introduction to React
JSX Basics
Components - Functional Component
Components - Props: Passing Data with Props, Children Props
State Management with useState: Understanding State, Updating State, Re-renders
Event Handling: Handling Events in React, Event Listeners
Project 1: Simple Component Practice
Conditional Rendering: Rendering Elements Based on Conditions
Lists and Keys: Rendering Lists, the Importance of Keys
Forms - Controlled Components: Handling User Input, Controlled Components
Component Communication - Parent to Child: Passing Data Down the Component Tree
Component Communication - Child to Parent: Lifting State Up, Callbacks
useEffect Hook - Basics: Using useEffect for Side Effects, Lifecycle Simulation
Project 2: Interactive List/Form
useEffect Hook - Advanced: Dependencies Array, Cleanup Functions
useRef Hook: Accessing DOM Elements, Other Use Cases
useContext Hook - Basics: Managing Global State with Context API
useContext Hook - Practical Examples: Building a Themed App
Custom Hooks: Creating Reusable Logic with Custom Hooks
useMemo and useCallback: Performance Optimization with Memoization
Project 3: Context and Hooks Project: Build an App using Context and Several Custom Hooks
React Router - Setup and Navigation: Setting up React Router, Basic Navigation
React Router - Dynamic Routes and Parameters: Handling Dynamic Routes
React Router - Nested Routes and Redirects: More Advanced Routing Techniques
Working with APIs - Fetch: Fetching Data from APIs using Fetch
Working with APIs - Axios: Using Axios for API Requests
Handling Asynchronous Data : Loading States, Error Handling
Project 4: API Integration Project: Build an App Fetching and Displaying Data from an API
Testing - Introduction to Jest and React Testing Library: Setting up testing
Testing Components: Writing Unit Tests for Components
Testing - Mocking and Integration Tests: More Advanced Testing Techniques
Performance Optimization - Memoization: useMemo, React.memo
Performance Optimization - Virtualization: Handling Large Lists
Performance Optimization - Code Splitting: Improving Load Times
Project 5: Optimized App: Refactor a Previous Project for Performance
Authentication: Implementing Basic Authentication
Deployment - Netlify/Vercel: Deploying to Netlify or Vercel
TypeScript with React (Intro): Basic TypeScript setup and usage with React
Review and Best Practices: Solidifying Your React Knowledge
Portfolio Project Planning & Next Steps: Launching Your React Journey
MySQL
Introduction to Databases & MySQL
Data Types & Creating Tables in MySQL
Inserting & Selecting Data in MySQL
More SELECT & Data Manipulation in MySQL
Project 1: Basic Database Design & Queries
INNER JOIN in MySQL
LEFT and RIGHT Join in MySQL
Subqueries in MySQL
Aggregate Functions & GROUP BY in MySQL
Project 2: Database with Joins & Aggregates
Views & Indexes in MySQL
Transactions in MySQL
Stored Procedures & Functions in MySQL
Triggers in MySQL
Project 3 : Complex Database Project - University Management System
Database Normalization
Database Security in MySQL
MySQL Review & Practice
Project Polishing & Presentation
MongoDB
Introduction to NoSQL & MongoDB
MongoDB Shell & Basic Commands
CRUD Operations (Create) in MongoDB: Inserting Documents
CRUD Operations (Read) in MongoDB: Querying Documents
Project 1: Setting up a Database & Basic Queries
More Query Operators in MongoDB
Projection in MongoDB: Selecting Specific Fields
Sorting and Limiting in MongoDB
Data Modeling (Basics) in MongoDB
Project 2: Designing a Schema & Complex Queries
CRUD Operations (Update) in MongoDB: Updating Documents
CRUD Operations (Delete) in MongoDB: Deleting Documents
Aggregation Framework (Part 1) in MongoDB
Aggregation Framework (Part 2) in MongoDB
Creating Indexes to Improve Query Performance in MongoDB
Data Modeling (Advanced) in MongoDB: Embedding vs. Referencing
MongoDB Atlas: Your Database in the Cloud
Transactions in MongoDB: Ensuring Data Integrity
Review and Best Practices for MongoDB Development
Project: Building a Real-World Application with MongoDB
NodeJS
Introduction to Node.js
Setting up Node.js
Modules and require() in Node.js
The Global Object in Node.js
Project 1: Simple Command-Line Tool
Working with the File System Module (fs) in Node.js
Navigating the File System with Node.js: The path Module
Diving Deep into Your System with Node.js: The os Module
Mastering Asynchronous Operations in Node.js: Callbacks
Project 2: Building a File System Manipulation Tool with Node.js
Harnessing the Power of Events in Node.js: The events Module
Streaming Data in Node.js: An Introduction to Readable Streams
Directing the Flow: Writable Streams and Piping in Node.js
Building Web Servers with Node.js: The HTTP Module (Part 1)
Project 3: Building a Simple Web Server with Node.js
Express.js: Streamlining Web Development with Node.js
Mastering Routes in Express.js: Handling Diverse HTTP Requests
Middleware in Express.js: Enhancing Your Web Applications
Deconstructing the Dialogue: Request and Response Objects in Express.js
Project 4: Building a REST API with Express.js (Part 1)
Storing and Retrieving Data: Working with MongoDB and Node.js
MySQL and Node.js: A Powerful Duo for Data Management
Simplifying Database Interactions with ODMs and ORMs in Node.js
Templating Engines: Dynamic HTML with EJS and Handlebars
Forms and User Input in Node.js and Express.js
Project 5: Building a REST API with Express.js and MongoDB (Part 2)
Ensuring Code Quality: Unit Testing with Jest and Mocha
Debugging Node.js Applications: Finding and Fixing Errors
Taking Your Node.js Application Live: Deployment on Heroku, Netlify, and AWS
Building Secure Node.js Applications: Essential Security Practices
Node.js Mastery: A Review and Path Forward