Level Up Your Frontend Skills: A Beginner’s Guide
Frontend Excellence with Tailwind CSS, React & Next.Js
২৮ টি লাইভ ক্লাস
৫ টি প্রজেক্টসমূহ
১৬ দিন বাকি
৬২৩ টি প্রি রেকর্ডেড ভিডিও
*কোর্স শুরু হবে ৭ ডিসেম্বর থেকে *
কোর্স কারিকুলাম
সপ্তাহ
১
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
প্রজেক্টসমূহ
SEO Friendly Agency Website (Next JS + Rest API)
News Portal (Next JS + Prisma)
Ecommerce Project (Next JS + Prisma)
Inventory Rest API Project (Next JS)
Portfolio Website Project with Admin Dashboard
কোর্স করেই পেতে পারেন জব অফার
জব প্লেসমেন্ট টিম কিভাবে কাজ করে বিস্তারিত জানতে ওয়েবিনারে জয়েন করুন
আমাদের সাকসেসফুল লার্নার
Frontend Developer
Fullstack Developer
Frontend Developer
Frontend Developer
Juior Frontend Developer
React Developer
Frontend Developer
Junior MERN Developer
ফ্রিতে ক্যারিয়ার কাউন্সেলিং পেতে আপনার নাম্বার দিন
সিম্পলি আপনার ফোন নাম্বার দিন, আমরা আপনাকে দ্রুতই কল করবো
অথবা কল করুন - +8801940444476
সাধারন জিজ্ঞাসা
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
ক্যারিয়ার কাউন্সিলরের সাথে কথা বলুন