শনিবার ৭ ডিসেম্বর
কোর্স নিয়ে যত জিজ্ঞাসা
কারিকুলাম
১৬ মডিউল
২৮ লাইভ ক্লাস
সপ্তাহ
১
Mastering Tailwind Layouts
3 live class
1 Quiz
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
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
rid Auto Flow
Grid Auto Columns,Grid Auto Rows,Gap
ustify Content,Justify Items,Justify Self
Align Content,Align Items, Align Self
Place Content,Place Items,Place Self
সপ্তাহ
৩
Tailwind & React Interactivity
3 live class
1 Quiz
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
Box Shadow,Box Shadow Color,Opacity
Mix Blend Mode, Background Blend Mode
Blur,Brightness,Contrast
Drop Shadow,Grayscale
Hue Rotate,InvertmSaturate,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
সপ্তাহ
৫
Props, Events & Seamless Navigation in React
2 live class
1 Quiz
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
সপ্তাহ
৭
React Tailwind UI Mastery
2 live class
1 Quiz
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
সপ্তাহ
৯
Exam Week 2
1 Assignment
1 Test
মডিউল ৫ থেকে মডিউল ৮ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।
সপ্তাহ
২
Perfect Spacing & Pro Sizing with Tailwind
3 live class
1 Quiz
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
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
সপ্তাহ
৪
Exam Week 1
1 Assignment
1 Test
মডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, সেটার উপর ভিত্তি করে থাকবে একটা বড়সড় এসাইনমেন্ট ও লাইভ টেস্ট। ঝালিয়ে নিতে পারবেন নিজেকে।
সপ্তাহ
৬
Stateful React with API Integration
2 live class
1 Quiz
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
সপ্তাহ
৮
Interactive Dashboard: User & Activity Features
2 live class
1 Quiz
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
সপ্তাহ
১০
Organic Food Store Frontend: Figma & API Integration
3 live class
1 Quiz
কোর্সটি আপনারই জন্য
যেসব ট্যুলস ও টেকনোলোজি শিখবেন
VS Code
Tailwind CSS
React.Js
Next.Js
Vercel
Git & Git Hub
API Integration
Code Mama
কোর্সে আপনি পাচ্ছেন
৪ মাসের স্টাডিপ্ল্যান
৪২ টি লাইভ ক্লাস
সপ্তাহে ৩ দিন লাইভ ক্লাস
৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট
১০+ প্র্যাক্টিস প্রোজেক্ট
১৫০+ প্রিরেকর্ডেড ভিডিও
প্রোগ্রেস ট্র্যাকিং
প্রতিদিন ১ বেলা সাপোর্ট ক্লাস
কমিউনিটি সাপোর্ট
লাইফটাইম এক্সেস
জব মার্কেট গাইডলাইন
মার্কেটপ্লেস গাইডলাইন
ইন্টারভিউ হ্যান্ডবুক
কোড মামা
সার্টিফিকেট
ওস্তাদ প্রো ব্যাচ
বেসিক ঝালাই করুন এখান থেকে
HTML, CSS এবং Bootstrap এর উপর ফ্রি ভিডিওগুলো দেখে আপনার বেসিক ক্লিয়ার করে নিন
কোর্সের ইন্ট্রো ভিডিও
কোর্সটি আপনারই জন্য
ইন্সট্রাক্টর
Rabbil Hasan
Founder of Learn With Rabbil Hasan
Majedur Rahman
Sr. Software Engineer L-ll, Vivasoft Ltd.
Saklain Abdullah
Lecturer, East Delta University | Ex-software Engineer, Bevy
কী কী থাকতে হবে
ল্যাপটপ/ডেস্কটপ (৮ জিবি র্যাম)
ভালো ইন্টারনেট কানেকশন
লেগে থাকার মানসিকতা
সাকসেসফুল হয়েছেন যারা
ফিডব্যাক
আমাদের লার্নারদের কাছে শুনুন
প্রায়ই জিজ্ঞেস করা প্রশ্ন
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
কিভাবে পেমেন্ট করবো?
1. পেমেন্ট মেথড কি কি?
আপনি সরাসরি ওস্তাদের পেমেন্ট গেইটওয়ের মাধ্যমে Bkash, Nagad, Rocket, Visa, Mastercard, Debit and Credit কার্ড দিয়ে পেমেন্ট করতে পারবেন।2. আমি কি যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবো?
জ্বী, আপনি ফোন, পিসি কিংবা ল্যাপটপ যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবেন।3. পেমেন্ট প্রসেস কি?
পেমেন্ট করার জন্য প্রথমে ব্যাচে ভর্তি হোন বাটনে ক্লিক করুন। এরপর পেমেন্ট পেইজ থেকে পেমেন্ট মেথড সিলেক্ট করে পেমেন্ট করুন বাটনে ক্লিক করুন এবং পেমেন্ট সম্পন্ন করুন।4. ডিসকাউন্ট কিভাবে পাবো?
আপনি ব্যাচে ভর্তি হওয়ার আগে এভেইলেবল প্রোমো কোড বসিয়ে এক্সপেক্টেড ডিসকাউন্ট পেতে পারেন।5. পেমেন্ট কনফার্মেশন কিভাবে পাবো?
পেমেন্ট প্রসেস শেষ হলে আপনার কাছে একটি মেসেজ আসবে এবং আপনার ড্যাশবোর্ডে আপনার জয়েন করা ব্যাচটি দেখাবে। আপনার স্টাডি প্লান অনুযায়ী কোর্স শুরু করে দিতে পারবেন।6. আমার লেনদেনের হিসাব থাকবে কি?
আপনার ড্যাশবোর্ডে আপনি প্রোফাইল থেকে ট্রাঞ্জেকশন ট্যাবে ক্লিক করে লেনদেন দেখতে পারবেন।
ক্যারিয়ার কাউন্সিলরের সাথে কথা বলুন