Frontend Roadmap: Charting Your Tailwind, TS, React & Next.js Journey
19 June
09:00 PM
Frontend Excellence with Tailwind, React, Next.js, TypeScript & AI
63 Live Class
3 Projects
11 Day Left
41 Pre Recorded videos
*Course will start from 29 June *
কোর্স কারিকুলাম
Frontend Foundation & Tailwind CSS (Module 0-2)
Week
0
শুরুর আগে শুরুঃ HTML, CSS, JavaScript
41 recorded video
Week
2
Tailwind CSS Mastery
2 live class
1 Quiz
Objective: Create fast, responsive UIs using utility-first Tailwind CSS.
Live Class 1: Tailwind Fundamentals
Responsive utilities, typography, spacing | Configuring custom themes
Live Class 2: Component Styling in Practice
Buttons, cards, layout grids, hover/focus states | Dark/light mode toggle with Tailwind
Project: Auth UI Screens (signup/login)
Week
1
Dev Setup & Modern Frontend Foundations
2 live class
1 Quiz
Objective: Set up a scalable dev environment and reinforce key JavaScript skills.
Live Class 1: Developer Environment & Tools
VSCode setup, Git/GitHub workflows | CLI tools: pnpm, Vite | Folder structures, ESLint + Prettier
Live Class 2: JavaScript Essentials for React
ES6+ syntax, array methods, destructuring | Async/await and fetch
Project: Interactive Hero Section (theme toggle, Tailwind)
React JS (Module 3-4)
Week
3
React Core Essentials
2 live class
1 Quiz
Objective: Learn foundational concepts of React and state-driven UIs.
Live Class 1: React Basics – JSX, useState, Props
Functional components, event handling
Live Class 2: useEffect, Lists, Conditional Rendering
Side effects, mapping data, toggling UI
Project: To-Do App with Dynamic State
Week
4
Component Design & UI Architecture
2 live class
1 Quiz
Objective: Structure clean, reusable UI components for scalability.
Live Class 1: Atomic Design Principles
Component hierarchies, composition patterns
Live Class 2: Props, Children, Component Reuse
Folder structure, separation of concerns
Project: Dashboard Widgets UI
Projects
SEO Friendly Agency Website (Next JS + Rest API)
News Portal (Next JS)
Ecommerce Project (Next JS)
কোর্স করেই পেতে পারেন জব অফার
জব প্লেসমেন্ট টিম কিভাবে কাজ করে বিস্তারিত জানতে মাস্টারক্লাসে জয়েন করুন
আমাদের সাকসেসফুল লার্নার
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
ফ্রিতে ক্যারিয়ার কাউন্সেলিং পেতে আপনার নাম্বার দিন
সিম্পলি আপনার ফোন নাম্বার দিন, আমরা আপনাকে দ্রুতই কল করবো
অথবা কল করুন - +8801999967713
Frequently Asked Questions (FAQ)
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
Talk to Career Counselor
