Installation | Editor Setup | Core Concept: Utility-First Fundamentals | Core Concept: Hover, Focus, and Other States | Core Concept: Responsive Design | Core Concept: Dark Mode | Core Concept: Functions & Directives | Aspect Ratio | Container | Columns | Break After | Break Before | Break Inside | Box Decoration Break | Box Sizing | Display | Object Fit | Object Position | Overflow | Overscroll Behavior | Position | Top / Right / Bottom / Left | Visibility | Z-Index | Flex Basis | Direction | Wrap | Flex | Flex Grow | Flex Shrink | Order | Grid Template Columns | Grid Column Start / End | Grid Template Rows | Grid Row Start / End | Grid Auto Flow | Grid Auto Columns | Grid Auto Rows | Gap | Justify Content | Justify Items | Justify Self | Align Content | Align Items | Align Self | Place Content | Place Items | Place Self

Box Shadow | Box Shadow Color | Opacity | Mix Blend Mode | Background Blend Mode | Blur | Brightness | Contrast | Drop Shadow | Grayscale | Hue Rotate | Invert | Saturate | Sepia | Backdrop Blur | Backdrop Brightness | Backdrop Contrast | Backdrop Grayscale | Backdrop Hue Rotate | Backdrop Invert | Backdrop Opacity | Backdrop Saturate | Backdrop Sepia | Border Collapse | Border Spacing | Table Layout | Caption Side | Transition Property | Transition Duration | Transition Timing Function | Transition Delay | Animation | Accent Color | Appearance | Cursor | Caret Color | Pointer Events | Resize | Scroll Behavior | Scroll Margin | Scroll Padding | Scroll Snap Align | Scroll Snap Stop | Scroll Snap Type | Touch Action | User Select | Will Change

JSX, Conventions | JSX in-line if else | Function expressions inside your JSX | JSX Loop inside | JSX Conditional Rendering using if-else | JSX Conditional Rendering using switch case | JSX Conditional Rendering using Ternary Operator | JSX Conditional Rendering using logical && | JSX Conditional Rendering using IIF | Passing props | Click Event, Submit Event, OnChange, OnKeyUp, OnKeyDown | Form Submission | React Router Dom, HashRouter, Browser Router

Accordion | Avatar | Badge | Alert Dialog | Modal | Bottom Sheet | Top Sheet | Left Sheet | Right Sheet | Circular Progress Bar | Dashboard Card | Datatable | Searchable DropDown | File Drag Input | List View With Action | Login Form | Registration Form | Payment Form | OTP Input | Price Table | Rating Card | Side Nav Layout | Tab Layout

মডিউল ৫ থেকে মডিউল ৮ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।

Padding,Margin | Space Between | Width,Min-Width | Max-Width,Height | Min-Height,Max-Height,Size | Font Family,Font Size | Font Smoothing,Font Style | Font Weight,Font Variant Numeric | Letter Spacing,Line Clamp | Line Height,List Style Image | List Style Position,List Style Type | Text Align,Text Color | Text Decoration,Text Decoration Color | Text Decoration Style,Text Decoration Thickness | Text Underline Offset,Text Transform | Text Overflow,Text Wrap,Text Indent | Vertical Align,Whitespace,Word Break | Hyphens,Content | Background Attachment | Background Clip,Background Color | Background Origin,Background Position | Background Repeat,Background Size | Background Image,Gradient Color Stops | Border Radius,Border Width,Border Color | Border Style,Divide Width | Divide Color,Divide Style | Outline Width,Outline Color | Outline Style,Outline Offset,Ring Width | Ring Color,Ring Offset Width | Ring Offset Color

মডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।

Working with useEffect() | Working with useRef() | Working with useMemo() | Working with useLayoutEffect() | Working with useDebugValue() | Working with useReducer() | Working with useCallback() | Working with useState() | Create a counter app using state | Create a todo List app using state | Managing form using state | Call API and Make a product list using state

Sidebar Navigation | Top Navbar | Dashboard Overview (Summary Cards) | Data Table | Charts and Graphs | User Profile | Settings Panel | Notifications/Alerts | Task/To-Do List | Activity Log/Recent Activities