ক্লাস টপিক

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

প্রজেক্ট সম্পর্কে বিস্তারিত জানতে ওয়েবিনার বুক করুন

কোর্স করেই পেতে পারেন জব অফার

জব প্লেসমেন্ট টিম কিভাবে কাজ করে বিস্তারিত জানতে ওয়েবিনারে জয়েন করুন

আমাদের সাকসেসফুল লার্নার

Amir Hamza

Frontend Developer

Sohanur Rahman

Fullstack Developer

Parvej Hossain

Frontend Developer

Shahid Afridi Zihad

Frontend Developer

Rejaul karim

Juior Frontend Developer

Ismile Sardar

React Developer

Taib Islam Dipu

Frontend Developer

Md Sakhawat Hossain

Junior MERN Developer

অসম্ভব পরিশ্রমী লার্নারদের সাকসেস স্টোরি জানতে ওয়েবিনারে জয়েন করুন

ফ্রিতে ক্যারিয়ার কাউন্সেলিং পেতে আপনার নাম্বার দিন

সিম্পলি আপনার ফোন নাম্বার দিন, আমরা আপনাকে দ্রুতই কল করবো

অথবা কল করুন - +8801940444476

সাধারন জিজ্ঞাসা

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

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

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

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

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

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

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

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

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

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