৮ মাসের গাইডেড জার্নি

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

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

৮টি প্র্যাক্টিস প্রোজেক্ট

৬০০+ প্রিরেকর্ডেড ভিডিও

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

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

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

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

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

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

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

কোড মামা

সার্টিফিকেট

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

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

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

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

Alex Halder

থাকছে ৫ টির বেশি রিয়েল লাইফ প্রজেক্ট, যেগুলো করে হয়ে যাবে মোস্ট ডিমানডিং প্রোডাক্ট বিল্ড করার অভিজ্ঞতা।

Run you first code!

গাইডলাইন ডাউনলোড করুন

ডাউনলোড করুন পুরো গাইডলাইন

হ্যান্ডবুক ডাউনলোড করুন

MERN Interview হ্যান্ডবুক

HTML

Bootstrap

Javascript

VS Code

Git & Git Hub

Vercel

Javascript ES6

Node.Js

Express.Js

MongoDB

React.Js

Tailwind CSS

Code Canyon

Next.js

টিম প্রোজেক্ট

সিভি মেকিং এবং পোর্ট ফোলিও বিল্ডিং

জব পাওয়া পর্যন্ত সাপোর্ট

কোর্স শেষে পাচ্ছেন এক্সক্লুসিভ জব প্লেসমেন্ট সাপোর্ট!

জাভাস্ক্রিপ্ট এ হাতেখড়ি

MERN Stack কী এবং কেন

বানিয়ে ফেলুন আপনার First Web Page

Backend এ হাতেখড়ি

Faisal Azam Siddiqui 

MD Mehedi Hassan 

Muhammad Iqbal 

Gazi Ashiq Reza Gaffari 

Annita 

Md. Nazmus Shakib 

A.K.M Ashrafuzzaman 

Lubna Akhter 

A.B.M.Shakeruzzaman 

Sourav Saha 

Azizul hakim 

Shamim tanvir 

Mahmud Hussain 

Md. Abu Younus 

Maeesha Fairooz 

Nayem Islam 

Amir Hamza

Sohanur Rahman

Parvej Hossain

Shahid Afridi Zihad

Rejaul karim

Ismile Sardar

Taib Islam Dipu

Md Sakhawat Hossain

Md. Tarikul Islam

Md. Abdul Halim

Md.Zahed Hasan

Md. Miraz Uddin

Alamgir Hossen

Md Mostakim Al Hasan

Ali Asgor

Md.Rezaul Karim

Md. Rajon Ahamad

Hridu

Mosabber Hossain

Anik Hassan

Samaul Haque Malik

Rifat Biswas

Md Shahidul Islam

Md Shah Alam Mia

Tareq Hasan Ovi

Lubana Akhter

Hrithik Rudra

Ahosan Kabir

Ahad Miaji

Md. Tasnim Chowdhury

Abir Hossain Zihad

Tahmid Emam

Aktarujjaman

Nur Mohammad

Md. Humayun Rashid

Riajul Islam

Md. Rezaul Islam

Shahina Akter

S. M. Rana

Md. Badol Mia

Tonmuy Ahmmed Sifath

Imtiaz Ahmed

Md Saidur Rahman

Md Monzur Morshed Obyed Ullah

MD Shihab

Md. Sujon Howlader

Masud Parvez

Md. Al Rakeb Rasel Boshunia

MD. Raisul Islam Niloy

Md. Meraj Hossain

Rakibul Haq Roky

Hridoy Islam

Motabbir Hossain

Abir Ahmed

Md. Shohrab Hossain

Nayem Ahmed

MD.NAYEEM ISLAM

Md. Towhid Hossain

Desha Das

Khan washim uddin

Sumaiya Siddiqua Mumu

Salman Ahmed

Md. Saiful Islam

nagorik

headless

misfit

dream71aa

loop

Zatiq

ব্যাচে ভর্তি হোন

ওয়েবসাইট ডেভেলপমেন্টের যতগুলো প্রসেস বা Stack আছে, এদের মধ্যে সবচেয়ে পপুলার stack হলো MERN, যার ফুল ফর্ম হলো MongoDB, Express JS, React JS, Node JS. MERN Stack ওয়েব ডেভেলপমেন্টের এই বিশাল সেক্টরে আপনি যাতে আপনার ক্যারিয়ার শুরু করতে পারেন, তার জন্যই ওস্তাদের “MERNstack ওয়েব ডেভেলপমেন্ট” লাইভ কোর্স।&nbsp;কোর্সটিতে কী কী প্রোজেক্ট করানো হবে?টোটাল ৩ টি ইন্ডাস্ট্রি স্টান্ডার্ড বিগ প্রজেক্টঃ১. ইকমার্স প্রজেক্ট২. ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম৩. টাস্ক ম্যানেজার প্রজেক্টএছাড়াও আমরা মডিউল ওয়াইজ আরো ১১ টি প্রোজেক্ট করবোঃ&nbsp;১. পার্সোনাল/কোম্পানি পোর্টফোলিও ওয়েবসাইট (CSS)২. Log in Registration Form, with members table (HTML)৩. ১ পেইজের পোর্টফোলিও ওয়েবসাইট (Bootstrap)৪. সিম্পল ক্যালকুলেটর (Java পার্ট ১)৫. Ajax Based Country List Application (Basic Java Part 2)৬. To Do list (JavaScript ES6)৭. To Do list (React JS)৮. Weather App (Axios, React JS Fundamental 2)৯. Counter App (React, Redux)১০.Rest API Project (Server)১১. Backend System Development Part 2 (Income Expense Manager)&nbsp;স্টাডিপ্ল্যান কীভাবে সাজানো হয়েছে?১. একদম ফান্ডামেন্টাল যে বিষয়গুলি- Foundation of Software Engineering, HTML, CSS, Bootstrap এর মতো বিষয়গুলি মডিউল ০ তে এড করা আছে। অর্থাৎ আপনি কোর্সে জয়েন করা মাত্রই এ সংক্রান্ত প্রিরেকর্ডেড ভিডিওগুলো আপনি পেয়ে যাবেন।&nbsp;&nbsp;২. যেহেতু আমাদের ফোকাস ব্যাকেন্ড, তাই আমরা শুরুটাই করবো জাভাস্ক্রিপ্ট দিয়ে। তারপর ধীরে ধীরে উইকলি মডিউল ওয়াইজ আমরা চলে যাবো MERN রিলেটেড বিষয়গুলি তে। যেমন- MongoDB, Express JS, Node JS এবং React এ।&nbsp;&nbsp;আর এছাড়াও আমরা প্রতিটি মডিউলে নিজেদের প্র্যাক্টিসের জন্য ১০০+ প্র্যাক্টিস প্রজেক্ট করবো। এই প্রজেক্টগুলো স্বাভাবিকভাবেই আপনাকে যেকোন একটা কনসেপ্ট বুঝতে ও প্র্যাক্টিকালি ইমপ্লেমেন্ট করতে অনেক হেল্প করবে।&nbsp;&nbsp;কোর্সটিতে জয়েন করার জন্য কি আমার কোডিং নলেজ থাকা লাগবে? সি এস ব্যাকগ্রাউন্ডের হতে হবে?কোর্সটিতে জয়েন করার জন্য আপনার কোন কোডিং নলেজ থাকা লাগবে না, আমরা শুরু করবো একদম ব্যাসিক থেকেই। আর জয়েন করার জন্য আপনার সিএস ব্যাকগ্রাউন্ডের হওয়ারও কোন দরকার নেই....

MERN Stack Developers Community @Bangladesh

কোর্সটি ডিজাইন করা হয়েছে একদম নতুনদের জন্য , যারা কোডিং শিখতে চান কিন্তু কোথা থেকে শুরু করবেন বুঝতে পারছেন না। এই কোর্সে আপনিঃ প্রথম দিনে শিখবেন কীভাবে VS Code ইন্সটল করবেন, দরকারী এক্সটেনশন যুক্ত করবেন, এবং HTML এর বেসিক স্ক্রিপ্টিং করবেন। ভেরিয়েবলের ব্যবহার এবং ব্রাউজার ডিবাগিং এর মাধ্যমে আপনার কোডের কার্যপ্রণালী বিশ্লেষণ করতে পারবেন। দ্বিতীয় দিনে আপনি Condition(if-else) সম্পর্কে গভীর ধারণা পাবেন এবং একটি গ্রেড ক্যালকুলেটর তৈরি করবেন, যা আপনার রিয়েল লাইফ প্রবলেম সলভিং-এ কোডিং স্কিল ইমপ্লিমেন্টেশন নিয়ে আইডিয়া দিবে। তৃতীয় দিনে, কোডিংয়ের ওয়ার্ল্ডে একটি সফল ক্যারিয়ার গড়ার জন্য প্রয়োজনীয় দিকনির্দেশনা এবং প্র্যাকটিক্যাল পরামর্শ পাবেন। এই কোর্সটি আপনাকে কোডিং এর জন্য পাওয়ারফুল একটি বেস গড়ে তুলতে হেল্প করবে এবং আপনার প্রোগ্রামিং জার্নি শুরু করার জন্য ওয়ে দেখাবে।

Code Your Dreams: A 3-Day Journey with JavaScript

MERN স্ট্যাক ডেভেলপার হওয়ার সম্পূর্ণ রোডম্যাপ ২০২৬

Showrin Barua

Full Stack Web Development with MERN Demo Class

গল্পে গল্পে অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং

Your Beginner’s Guide to Getting Hired as a MERN Stack Developer

প্রোজেক্ট এর ১ম সেকশনে আমরা আপনাদের শিখাবো কিভাবে MERN এর পাওয়ারকে কাজে লাগিয়ে আপনি ডায়নামিক ফুল স্ট্যাক ই-কমার্স প্রোজেক্ট তৈরি করতে পারবেন। 

কী কী শিখতে পারবেন আপনারা?

- কীভাবে MongoDB ব্যবহার করে ডেটাবেস তৈরি করবেন, কীভাবে ডেটাবেস Schema ডিজাইন ও ইমপ্লিমেন্ট করবেন যাতে করে প্রোডাক্ট ইনফরমেশন, বিভিন্ন ডেটা, অর্ডার ইত্যাদি কার্যকরীভাবে স্টোর করতে পারেন। 

- ব্যাকেন্ড ডেভেলপমেন্ট এর জন্য আপনি Express.js কীভাবে ব্যবহার করবেন, CRUD অপারেশন হ্যান্ডেল করার জন্য কীভাবে রেস্টফুল এপিআই তৈরি করবেন।

- ফ্রন্ট এন্ড এর জন্য React.js ব্যবহার করে কীভাবে আপনার ই-কমার্স এপ্লিকেশনের জন্য মডার্ন ও রেস্পন্সিভ ইউজার ইন্টারফেজ তৈরি করবেন।

ফুল স্ট্যাক ই-কমার্স প্রজেক্ট 

Express.js

React.js

Node.js

প্রোজেক্ট এর ২য় সেকশনে আমরা লাইভ প্রোজেক্ট করে শিখাবো কিভাবে Mern ব্যবহার করে আপনি একটি ফুল স্ট্যাক ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম তৈরি করতে পারবেন। 

কী কী শিখতে পারবেন আপনারা?

- একটি কোড এডিটরসহ, Node.js, MongoDB ইত্যাদি ট্যুলস ইন্সটল করে কীভাবে ডেভেলপমেন্ট এনভায়রনমেন্ট তৈরি করবেন। 

- ইনভেন্টরি অপারেশন হ্যান্ডেল করার জন্য Express.js, Node.js ব্যবহার করে কীভাবে সার্ভার গাইড লজিক তৈরি করে ব্যাকেন্ড ডেভেলপমেন্ট এর কাজ শুরু করবেন, কীভাবে MongoDB তে ইনভেন্টরি ডেটা ম্যানেজ করবেন। 

- কীভাবে MongoDB ব্যবহার করে ডেটাবেস তৈরি করবেন, কীভাবে ডেটাবেস Schema ডিজাইন করবেন এবং ইনভেন্টরি আইটেম ম্যানেজ করার জন্য কীভাবে CRUD অপারেশন ইমপ্লিমেন্ট করবেন। 

- ফ্রন্ট এন্ড এর জন্য React.js ব্যবহার করে কীভাবে আপনার ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম এর জন্য মডার্ন ও রেস্পন্সিভ ইউজার ইন্টারফেজ তৈরি করবেন। 

- JSON Web Tokens (JWT) ব্যবহার করে কীভাবে ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম সিকিউর করবেন। 

ফুল স্ট্যাক ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম

MongoDB ব্যবহার করে টাস্ক ডেটা স্টোর করা শিখে নেয়ার মাধ্যমে আপনি শিখতে পারবেন কীভাবে MERN দিয়ে টাস্ক ম্যানেজার প্রজেক্ট তৈরি করা যায়। টাস্ক ডেটা ম্যানেজমেন্ট এর জন্য Node.js ও Express.js দিয়ে কীভাবে ব্যাকএন্ড হ্যান্ডেল করতে হয়, React.js দিয়ে কীভাবে ফ্রন্টএন্ড ম্যানেজ করতে হবে সবকিছু হাতে কলমে লাইভে শেখানো হবে এই প্রজেক্ট এর মাধ্যমে।

টাস্ক ম্যানেজার প্রোজেক্ট

Expree.js

ফুল স্ট্যাক বিজনেস টেবিল প্রজেক্টটি একটি সম্পূর্ণ ব্যবসায়িক সমাধান, যা উদ্যোক্তা হওয়ার পরিপ্রেক্ষ্যে সবকিছুই শখের মাধ্যমে সহজে পরিচালনা করতে সাহায্য করে। এটি কাস্টমাইজড বিজনেস টেবিল, ইনভেন্টরি ম্যানেজমেন্ট, ও ফাইনান্সিয়াল ট্র্যাকিং এর জন্য একটি একক সমাধান প্রদান করে।

ফুল স্ট্যাক বিজনেস টেবিল প্রোজেক্ট

QR কোড জেনারেটর প্রজেক্টটি হলো একটি উপকরণ যা ইউজারদের সহজেই QR কোড তৈরি করতে সাহায্য করে। এই জেনারেটর সম্পর্কিত প্রোজেক্টে আপনি বিভিন্ন ডেটা ফরম্যাটে QR কোড তৈরি করতে পারেন, যেমন টেক্সট, ওয়েবসাইট লিঙ্ক, ইমেজ, অথবা অন্যান্য তথ্য। এটি সহজেই ব্যবহার করা যায় এবং ভিন্ন ধরণের প্রজেক্টে ব্যবহার হয়, যেমন বিপণিতে পণ্যের তথ্য, ইভেন্ট রেজিস্ট্রেশন, বা ডকুমেন্ট ম্যানেজমেন্টে।

QR কোড জেনারেটর 

ই-কমার্স কার্ট প্রোজেক্ট

ইনভয়েস জেনারেটর প্রোজেক্ট

রিয়েল টাইম কারেন্সি কনভার্টার

কুইজ এপ্লিকেশন প্রোজেক্ট 

ব্লগ প্রোজেক্ট

LLM based AI chatbot

Gen AI Based Image generation Project

Faisal Azam Siddiqui

Md. Nazmus Shakib

Lubna Akhter

Jahid Hossain

Nayem Islam

ব্যাচের কার্যক্রম - মেইন লাইভ ক্লাস শুরুর আগেই যারা ইনরোল করেছেন, তারা কি বসে থাকবেন ? না! এই মডিউলে ব্যাসিক বেশ কিছু ভিডিও দেওয়া আছে। শুরু হয়ে যাক তবে শেখার জার্নি!&nbsp;

ক্লাস শুরুর আগেই যারা ইনরোল করেছেন এই মডিউল তাদের জন্য

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

How the internet works| What is an IP Address | What is DNS & How DNS Works |VS Code Setup for HTML | Structural Tags | Text Formatting | List | Link | Image and Multimedia | Table | Form | Semantic Tags | Scripting | Interactive Element | Special Purpose Tags | Advance web page structure

ওয়েব পেইজ এবং HTML ট্যাগ সমূহ

মডিউল-১ (Basic Html Project)

ওরিয়েন্টেশন ক্লাস

[Foundation] ইন্ট্রোডাকশন অব ওয়েব ডেভেলপমেন্ট এবং HTML

Live Class 1: CSS Introduction | How to Add CSS | Selectors (id, class, attribute) | Display: Block, Inline-Block, Inline | Background Colors, Height, Width, Min-Height, Min-Width | Box Model | Margin, Padding, Border Properties Live Class 2: &nbsp; Use of Negative Margin (when to use and when not) | CSS Specificity and !important | Pseudo-elements (::before, ::after) | Pseudo-classes (:hover, :focus, :not(), :last-child, :last-of-type, :nth-child()) | Transform Properties (translate, scale, skew, rotate, etc.) | Typography Styles (line-height, letter-spacing, text-decoration, text-transform, font-size, color, overflow, etc.) | Units (px, em, rem, %, vw, vh, fr) | Colors (RGB, HEX, HSL, transparency)

CSS প্রথম পর্ব

CSS দ্বিতীয় পর্ব

Project on HTML Template Design

[Foundation] শিখে নেই CSS

Live Class 1: : Introduction to CSS Framework and Tailwind | How to Set Up Tailwind | Utility-First Fundamentals | Tour of Tailwind Utility Classes (Spacing, Sizing, Typography, Borders, Transforms, Flexbox) | How to Use Negative Values | How to Use Arbitrary Values | How to Use CSS Variables with a Utility Class | How to Create a Custom Class | How to Access Pseudo-classes, Pseudo-selectors, and States Live Class 2: Customize Existing Classes | Extend Utility Classes | Use Custom Fonts | Modify the Existing Theme | Add Custom Breakpoints | Tailwind Optimization (Purging Unused CSS in Production, Tree-shaking Utilities, Using @apply for Repetitive Styles) | Best Practices: What to Do &amp; Not to Do for Maximum Optimization Project Class: Creating Pixel-Perfect Designs

CSS ফ্রেমওয়ার্ক কৌশল ও বুটস্ট্রাপ পর্ব ০১

CSS ফ্রেমওয়ার্ক কৌশল ও বুটস্ট্রাপ পর্ব ০২

[Foundation] CSS ফ্রেমওয়ার্ক কৌশল ও টেইলউইন্ড সি এস এস

রেস্পন্সিভ ওয়েব ডিজাইন এর যত কৌশল

রেস্পন্সিভ স্ট্যাটিক ওয়েব সাইট প্রোজেক্ট

রেস্পন্সিভ ওয়েব ডিজাইন ও প্রোজেক্ট with AI Integration

নিজেকে ঝালাই করে নিন এক্সাম উইকের এক্সামগুলো দিয়ে।&nbsp;

মডিউল ৫ এর অ্যাসাইনমেন্ট

[Foundation] এক্সাম উইক

live class-1

live class-2

[Foundation] ভালো করে শিখবো Git Github

ফাউন্ডেশন | (এই মডিউলে শিখবেন কিভাবে AI Powered রেস্পন্সিভ ওয়েবসাইট বানানো যায় ) (Module 0-6)

Full Stack Web Development with JavaScript (MERN) & AI