Live Class 1

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

Live Class 2

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

Live Class 3
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

[Project Class] 

গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Assignment

মডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, তার উপর ভিত্তি করে থাকবে একটি বড়সড় অ্যাসাইনমেন্ট। এটি আপনাকে আপনার শেখা বিষয়গুলো পুনর্বিবেচনা এবং বাস্তব জীবনের চ্যালেঞ্জ মোকাবিলার প্রস্তুতি নিতে সাহায্য করবে।

Test

মডিউল ১ থেকে মডিউল ৩ পর্যন্ত শেখা বিষয়গুলোর উপর ভিত্তি করে একটি লাইভ টেস্ট হবে। এই টেস্টে আপনার দক্ষতা ঝালাই করার সুযোগ থাকবে।

Live Class 1: 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

Live Class 2: Aspect Ratio | Container | Columns | Break After | Break Before | Break Inside | Box Decoration Break | Box Sizing | Display | Object Fit | Object Position || Justify Items | Justify Self | Align Content | Align Items | Align Self | Place Content | Place Items | Place Self

Live Class 3: 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

 [Project Class]  গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Live Class 1

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

Live Class 2
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

Live Class 3

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

[Project Class]

গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Live Class 1
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

Live Class 2
Passing props | Click Event | Submit Event | OnChange | OnKeyUp | OnKeyDown | Form Submission | React Router Dom | HashRouter | Browser Router

[Project Class] 

গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Live Class 1
Accordion | Avatar | Badge | Alert Dialog | Modal | Bottom Sheet | Top Sheet | Left Sheet | Right Sheet | Circular Progress Bar | Dashboard Card | Datatable

Live Class 2
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

[Project Class]
গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Assignment

মডিউল ৫ থেকে মডিউল ৮ পর্যন্ত যা যা আলোচনা হয়েছে, তার উপর ভিত্তি করে থাকবে একটি বড়সড় অ্যাসাইনমেন্ট। এটি আপনাকে আপনার শেখা বিষয়গুলো পুনর্বিবেচনা এবং বাস্তব জীবনের চ্যালেঞ্জ মোকাবিলার প্রস্তুতি নিতে সাহায্য করবে।

Test

মডিউল ৫ থেকে মডিউল ৮ পর্যন্ত শেখা বিষয়গুলোর উপর ভিত্তি করে একটি লাইভ টেস্ট হবে। এই টেস্টে আপনার দক্ষতা ঝালাই করার সুযোগ থাকবে।

Live Class 1
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 | Working with useEffect() | Working with useLayoutEffect()

Live Class 2
Working with useRef() | Working with useMemo() | Working with useCallback() | Working with useReducer() | Working with useDebugValue()

[Project Class]
গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

Live Class 1
Sidebar Navigation | Top Navbar | Dashboard Overview (Summary Cards) | Data Table | Charts and Graphs

Live Class 2
User Profile | Settings Panel | Notifications/Alerts | Task/To-Do List | Activity Log/Recent Activities

[Project Class]
গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে