.png){kind=logo}
ব্যাচ শুরু
Sunday 29 June
29 June
Live Class
09:00 PM- 10:30 PM (Sunday,Tuesday)
ভর্তি চলছে
6ষ্ঠ ব্যাচে
Crack the Code of Marketplace Success with Modern Tools
15 June
09:00 PM
Curriculum
22 Module
42 Live Class
Frontend Foundation & Tailwind CSS (Module 0-2)
Week
0
শুরুর আগে শুরুঃ HTML, CSS, JavaScript, React JS
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
TypeScript (Module 5-6)
Week
5
TypeScript with React
2 live class
1 Quiz
Objective: Use TypeScript for safe, maintainable frontend development.
Live Class 1: TypeScript Fundamentals
Types, interfaces, enums, inference
Live Class 2: Typing React Props, Hooks, Events
Generic types, event types
Project: Task Manager with TS & Filters
Week
6
Advanced TypeScript for Frontend Projects
2 live class
1 Quiz
Objective: Level up TypeScript proficiency to confidently handle complex types, generics, and reusable patterns.
Live Class 1: Advanced Typing Patterns
Discriminated unions, type narrowing, utility types (Partial, Pick, Omit, Record) | Intersection types and conditional types | Extending third-party types
Live Class 2: Generic Components and Inference
Generic functions and components | Inferring types from props, responses, and API layers | Type guards and exhaustive checks
Project: Type-Safe Form Builder or API Layer
Create a reusable form schema OR
Build a typed wrapper around fetch API with error types and response inference
কোর্সটি আপনারই জন্য
যেসব ট্যুলস ও টেকনোলোজি শিখবেন
VS Code
Tailwind CSS
React.Js
Next.Js
Vercel
Git & Git Hub
API Integration
কোর্সে আপনি পাচ্ছেন
৫ মাসের স্টাডিপ্ল্যান
৪২ টি লাইভ ক্লাস
৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট
প্রোগ্রেস ট্র্যাকিং
প্রতিদিন ১ বেলা সাপোর্ট ক্লাস
কমিউনিটি সাপোর্ট
লাইফটাইম এক্সেস
ইন্টারভিউ হ্যান্ডবুক
সার্টিফিকেট
বেসিক ঝালাই করুন এখান থেকে
HTML, CSS এবং Bootstrap এর উপর ফ্রি ভিডিওগুলো দেখে আপনার বেসিক ক্লিয়ার করে নিন।
Pre Recorded videos
Free
41 Videos
01. Introduction to HTML
02. HTML Structure and Basic Tags
03. Headings and Paragraphs in HTML
04. HTML Links (Anchor Tags)
05. HTML Images and Image Attributes
যেসকল রিয়েল লাইফ প্রোজেক্ট করানো হবে
কোর্সটি আপনারই জন্য
Instructor
Showrin Barua
Senior Software Engineer L3 at Enosis Solutions | Former Software Engineer (Deputy Team Lead - Frontend Development) at WellDev | Former Writer at UX Planet | Former Technical Secretary at Manipulator of Electrons Club (MEC) | Former Frontend Engineer at Xbit Studio
Salim Reza Joy
Full Stack Engineer at DigiGround | Ex MERN Stack Developer at Duber
.jpg)
Nirob Hasan
Software Engineer at E. B. Solutions Ltd | Former programming mentor at Bangladesh Open Source Network (BdOSN)
Md.Manirul Islam
Software Engineer at Rashi-Tech Co. Ltd
Amit Biswas
MERN | NEXTJS | Prisma | MySql | Javascript
কী কী থাকতে হবে
ল্যাপটপ/ডেস্কটপ (৮ জিবি র্যাম)
ভালো ইন্টারনেট কানেকশন
লেগে থাকার মানসিকতা
সাকসেসফুল হয়েছেন যারা
প্রায়ই জিজ্ঞেস করা প্রশ্ন
1. আমি কি ভিডিওগুলো ডাউনলোড করতে পারবো?
হ্যা, ওস্তাদের অ্যাপে আপনি ভিডিও ডাউনলোড করে রাখতে পারবেন।2. আমি কি মোবাইল দিয়ে জয়েন করতে পারবো?
মোবাইল দিয়ে লাইভ ক্লাসে জয়েন করতে পারবেন কিন্তু প্র্যাকটিস করতে পারবেন না3. আমার কি ভিডিওগুলোর লাইফটাইম এক্সেস থাকবে?
জ্বি, ভিডিও এবং রিসোর্সের লাইফ টাইম এক্সেস পাচ্ছেন।4. লাইভ ক্লাস কোথায় হবে ?
লাইভ ক্লাসে আপনি একটি সিঙ্গেল ক্লিকে জয়েন করে ফেলতে পারবেন ওস্তাদ প্ল্যাটফর্ম থেকেই।5. এসেসমেন্ট কিভাবে হবে?
প্রতি সপ্তাহে থাকবে একটি করে কুইজ এবং এক্সাম উইকে থাকবে এসাইনমেন্ট এবং কুইজ।6. ওস্তাদ প্রো ব্যাচে কাদেরকে নেয়া হবে?
৭০% বা তার বেশি মার্ক নিয়ে যারা কোর্স কমপ্লিট করবেন তাদেরকে নিয়ে করা হবে প্রো ব্যাচ।7. দেশের বাইরে থেকে কিভাবে পেমেন্ট করবো?
ওস্তাদের ইন্টারন্যাশনাল পেমেন্ট গেটওয়ের (Stripe) মাধ্যমে আপনি ক্রেডিট কিংবা ডেবিট কার্ড দিয়ে পে করতে পারবেন।8. লাইভ ক্লাসের রেকর্ডিং থাকবে?
জ্বী, পাবেন লাইভ ক্লাস রেকর্ডিং এর লাইফ টাইম এক্সেস।9. প্র্যাকটিস করতে গিয়ে সমস্যায় পড়লে সাপোর্ট পাবো কোথায়?
যেকোনো সমস্যায় দুইবেলা সাপোর্ট ক্লাসে স্ক্রিন শেয়ার করে সাপোর্ট নিবেন দক্ষ সাবজেক্ট ম্যাটার এক্সপার্টদের থেকে।
How to Pay
1. পেমেন্ট মেথড কি কি?
আপনি সরাসরি ওস্তাদের পেমেন্ট গেইটওয়ের মাধ্যমে Bkash, Nagad, Rocket, Visa, Mastercard, Debit and Credit কার্ড দিয়ে পেমেন্ট করতে পারবেন।2. আমি কি যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবো?
জ্বী, আপনি ফোন, পিসি কিংবা ল্যাপটপ যেকোনো ডিভাইস দিয়ে পেমেন্ট করতে পারবেন।3. পেমেন্ট প্রসেস কি?
পেমেন্ট করার জন্য প্রথমে ব্যাচে ভর্তি হোন বাটনে ক্লিক করুন। এরপর পেমেন্ট পেইজ থেকে পেমেন্ট মেথড সিলেক্ট করে পেমেন্ট করুন বাটনে ক্লিক করুন এবং পেমেন্ট সম্পন্ন করুন।4. ডিসকাউন্ট কিভাবে পাবো?
আপনি ব্যাচে ভর্তি হওয়ার আগে এভেইলেবল প্রোমো কোড বসিয়ে এক্সপেক্টেড ডিসকাউন্ট পেতে পারেন।5. পেমেন্ট কনফার্মেশন কিভাবে পাবো?
পেমেন্ট প্রসেস শেষ হলে আপনার কাছে একটি মেসেজ আসবে এবং আপনার ড্যাশবোর্ডে আপনার জয়েন করা ব্যাচটি দেখাবে। আপনার স্টাডি প্লান অনুযায়ী কোর্স শুরু করে দিতে পারবেন।6. আমার লেনদেনের হিসাব থাকবে কি?
আপনার ড্যাশবোর্ডে আপনি প্রোফাইল থেকে ট্রাঞ্জেকশন ট্যাবে ক্লিক করে লেনদেন দেখতে পারবেন।
Talk to Career Counselor
