57 modules available
Introduction to React.js
JavaScript Refresher for React
React Fundamentals
HTML in Detail
This lesson introduces CSS and its role in styling web pages. Students will learn how CSS works with...
Components in React
This lesson covers fundamental styling properties such as colors, backgrounds, borders, margins, and...
Props and State
This lesson focuses on styling text elements, hyperlinks, and lists. Students will learn how to cont...
Conditional Rendering and Lists
This lesson introduces layout techniques including display properties, positioning, Flexbox, and Gri...
Forms in Reac
This lesson explores advanced CSS selectors, pseudo-classes, pseudo-elements, and transitions. Stude...
React Hooks – Basics
This lesson covers modern CSS features such as animations, variables, media queries, and responsive...
React Hooks – Advanced
This lesson introduces Bootstrap as a popular CSS framework for building responsive websites quickly...
Styling in React
This lesson explains Bootstrap’s responsive grid system. Students will learn how to create flexible,...
Routing in React
This lesson covers ready-made Bootstrap components like buttons, cards, navbars, and modals. Student...
State Management
This lesson focuses on designing responsive and styled forms using Bootstrap classes. Students will...
API and Data Handling
This lesson introduces Bootstrap utility classes for spacing, alignment, colors, and responsiveness....
Performance Optimization
This module guides students in planning and building a complete responsive website using CSS and Boo...
This module introduces Tailwind CSS, a utility-first CSS framework for building modern and responsiv...
This module covers installing and configuring Tailwind CSS in a project. Students will learn how to...
Students will learn core utility classes for styling elements, including spacing, colors, typography...
This module focuses on margin, padding, width, height, and container utilities to create clean and s...
Students will learn how to build flexible and responsive layouts using Tailwind’s Flexbox utility cl...
This module introduces Tailwind’s grid utilities to create complex, responsive grid-based layouts.
Students will learn how to build mobile-first responsive designs using Tailwind’s breakpoint system.
This module covers text styling, font sizes, font weights, alignment, and readability using Tailwind...
Students will learn how to apply background colors, gradients, and color utilities effectively.
This module explores borders, shadows, rounding, and visual effects to enhance UI design.
Students will learn relative, absolute, fixed positioning, and stacking order using Tailwind classes...
This module covers hover, focus, active, and other state-based styling using Tailwind variants.
Students will learn how to create smooth transitions and animations using Tailwind utilities.
This module focuses on designing responsive and styled forms using Tailwind classes.
Students will learn how to customize Tailwind using the configuration file and extend default themes...
This module covers optimization techniques, purging unused CSS, and writing maintainable Tailwind co...
Students will build reusable UI components like cards, navbars, and modals using Tailwind CSS.
This module introduces JavaScript as a programming language for web development and explains its rol...
Students will learn variables, data types, operators, and basic syntax to build a strong foundation.
This module covers conditional statements and loops to control program execution.
Students will learn how to create reusable functions, pass parameters, and return values.
This module introduces arrays and methods used to store and manipulate collections of data.
Students will learn how to create and manage objects to store structured data.
This module focuses on working with string and number methods for data manipulation.
Students will learn how to select and modify HTML elements dynamically using JavaScript.
This module covers advanced concepts like closures, callbacks, scope, and higher-order functions.
Students will learn about promises, async/await, and handling asynchronous operations.
This module introduces try-catch blocks and techniques for handling runtime errors effectively.
Students will learn how to store and retrieve data using localStorage and sessionStorage.
This module introduces object-oriented programming concepts like classes, constructors, inheritance,...
Sign in to continue
Free to use — No cost at all. Registration helps us share future free learning tools with you.
Sign up to get started
