osad-logo-dark

ব্যাচ শুরু

৭ ডিসেম্বর

লাইভ ক্লাস

রাত ৯:০০- ১০:৩০ (রবি,মঙ্গল)

ভর্তি চলছে

র্থ ব্যাচে

ক্লাস টপিক

কোর্স নিয়ে যত জিজ্ঞাসা

কারিকুলাম

১৬ মডিউল

২৮ লাইভ ক্লাস

Mastering Tailwind (Module 0-4)

ক্লাস নিবেনঃ

Saklain Abdullah

Majedur Rahman

সপ্তাহ

শুরুর আগে শুরুঃ HTML, CSS, JavaScript, React JS

161 recorded video

সপ্তাহ

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

সপ্তাহ

Exam Week 1

1 Assignment

1 Test

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

সপ্তাহ

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

সপ্তাহ

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

ক্লাস টপিক

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

Mastering react.js (Module 5-9)

ক্লাস নিবেনঃ

Saklain Abdullah

Majedur Rahman

সপ্তাহ

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

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

সপ্তাহ

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

কোর্সটি আপনারই জন্য

যারা শুন্য থেকে শুরু করে ওয়েব ডেভেলপার হতে চান

ইউনিভার্সিটি কিংবা কলেজের শিক্ষার্থী যিনি ডেভেলপার হতে চান

নিজের বিজনেসের জন্য ওয়েবসাইট বানাতে চান

যিনি ওয়েব ডেভেলপমেন্ট শেখার বিগিনার স্টেজে আছেন

যারা প্রজেক্ট করে ওয়েব ডেভেলপমেন্ট শিখতে চাচ্ছেন

যেসব ট্যুলস ও টেকনোলোজি শিখবেন

VS Code

Tailwind CSS

React.Js

Next.Js

Vercel

Git & Git Hub

API Integration

Code Mama

কোর্সে আপনি পাচ্ছেন

৪ মাসের স্টাডিপ্ল্যান

৪২ টি লাইভ ক্লাস

সপ্তাহে ৩ দিন লাইভ ক্লাস

৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট

১০+ প্র্যাক্টিস প্রোজেক্ট

১৫০+ প্রিরেকর্ডেড ভিডিও

প্রোগ্রেস ট্র্যাকিং

প্রতিদিন ১ বেলা সাপোর্ট ক্লাস

কমিউনিটি সাপোর্ট

লাইফটাইম এক্সেস

জব মার্কেট গাইডলাইন

মার্কেটপ্লেস গাইডলাইন

ইন্টারভিউ হ্যান্ডবুক

কোড মামা

সার্টিফিকেট

ওস্তাদ প্রো ব্যাচ

বেসিক ঝালাই করুন এখান থেকে

HTML, CSS এবং Bootstrap এর উপর ফ্রি ভিডিওগুলো দেখে আপনার বেসিক ক্লিয়ার করে নিন

প্রি রেকর্ডেড ভিডিও

ফ্রী

১৬১ টি ভিডিও

1 HTML Introduction

2 HTML Basic Web Page

3 HTML Text Formatting

4 HTML Headings

5 HTML Table Tags

কোর্সের ইন্ট্রো ভিডিও

কোর্সটি আপনারই জন্য

যারা শুন্য থেকে শুরু করে ওয়েব ডেভেলপার হতে চান

ইউনিভার্সিটি কিংবা কলেজের শিক্ষার্থী যিনি ডেভেলপার হতে চান

নিজের বিজনেসের জন্য ওয়েবসাইট বানাতে চান

যিনি ওয়েব ডেভেলপমেন্ট শেখার বিগিনার স্টেজে আছেন

যারা প্রজেক্ট করে ওয়েব ডেভেলপমেন্ট শিখতে চাচ্ছেন

ইন্সট্রাক্টর

Lead Instructor

Rabbil Hasan

Founder of Learn With Rabbil Hasan

Lead Instructor

Majedur Rahman

Sr. Software Engineer L-ll, Vivasoft Ltd.

Lead Instructor

Saklain Abdullah

Lecturer, East Delta University | Ex-software Engineer, Bevy

কী কী থাকতে হবে

ল্যাপটপ/ডেস্কটপ (৮ জিবি র‍্যাম)

ভালো ইন্টারনেট কানেকশন

লেগে থাকার মানসিকতা

সাকসেসফুল হয়েছেন যারা

ফিডব্যাক

আমাদের লার্নারদের কাছে শুনুন

ওস্তাদ-এর MERN কোর্সটি স্কিল ডেভেলপমেন্টের জন্য অনেক হেল্পফুল একটি কোর্স। আমার প্রতিটি প্রবলেমই তারা লাইভ ক্লাসেই সলভ করার চেষ্টা করেছে। এছাড়াও সাপোর্ট ইন্সট্রাক্টররাও অনেক ভালো। এসব কারণেই MERN এর লার্নিং জার্নিটা আমার জন্য ছিল অসাধারণ

FA

Faisal Azam Siddiqui 

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

MN

Md. Nazmus Shakib 

ওস্তাদ-এর MERN কোর্সটি একদম গোছানো একটি কোর্স। বিশেষ করেঅস্তাদ টীমের সাপোর্ট ছিল এক কথায় অসাধারণ। তাই লার্নার হিসেবে আমি ১০০% স্যাটিস্ফাইড।

LA

Lubna Akhter 

MERN নিয়ে আমার এক্সপেক্টেশন ১০০% ফুলফিল হয়েছে। সব প্রয়োজনেই ওস্তাদ-এ পেয়েছি ইন্সট্যান্ট সাপোর্ট। এ কারণেই আমি ভুল করে করে শেখার সাহস করতে পেরেছি। ধন্যবাদ ওস্তাদকে।

NI

Nayem Islam 

প্রায়ই জিজ্ঞেস করা প্রশ্ন

  • 1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?

    হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।
  • 2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?

    মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না
  • 3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?

    জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।
  • 4. লাইভ ক্লাস কোথায় হবে ?

    লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।
  • 5. এসেসমেন্ট কিভাবে হবে?

    প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।
  • 6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?

    ৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।
  • 7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?

    ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।
  • 8. লাইভ ক্লাসের রেকর্ডিং থাকবে?

    জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।
  • 9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?

    যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।

কিভাবে পেমেন্ট করবো?

  • 1. পেমেন্ট মেথড কি কি?

    আপনি সরাসরি ওস্তাদের পেমেন্ট গেইটওয়ের মাধ্যমে Bkash, Nagad, Rocket, Visa, Mastercard, Debit and Credit কার্ড দিয়ে পেমেন্ট করতে পারবেন।
  • 2. আমি কি যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবো?

    জ্বী, আপনি ফোন, পিসি কিংবা ল্যাপটপ যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবেন।
  • 3. পেমেন্ট প্রসেস কি?

    পেমেন্ট করার জন্য প্রথমে ব্যাচে ভর্তি হোন বাটনে ক্লিক করুন। এরপর পেমেন্ট পেইজ থেকে পেমেন্ট মেথড সিলেক্ট করে পেমেন্ট করুন বাটনে ক্লিক করুন এবং পেমেন্ট সম্পন্ন করুন।
  • 4. ডিসকাউন্ট কিভাবে পাবো?

    আপনি ব্যাচে ভর্তি হওয়ার আগে এভেইলেবল প্রোমো কোড বসিয়ে এক্সপেক্টেড ডিসকাউন্ট পেতে পারেন।
  • 5. পেমেন্ট কনফার্মেশন কিভাবে পাবো?

    পেমেন্ট প্রসেস শেষ হলে আপনার কাছে একটি মেসেজ আসবে এবং আপনার ড্যাশবোর্ডে আপনার জয়েন করা ব্যাচটি দেখাবে। আপনার স্টাডি প্লান অনুযায়ী কোর্স শুরু করে দিতে পারবেন।
  • 6. আমার লেনদেনের হিসাব থাকবে কি?

    আপনার ড্যাশবোর্ডে আপনি প্রোফাইল থেকে ট্রাঞ্জেকশন ট্যাবে ক্লিক করে লেনদেন দেখতে পারবেন।