JavaScript প্রোগ্রামিং — প্রথম console.log থেকে full-stack অ্যাপ পর্যন্ত
JavaScript Programming — modern JavaScript from the browser to the server
A free 59-lesson JavaScript course taught in Bangla, from basics and the core language through data structures, closures, this, prototypes and classes, asynchronous JavaScript with Promises and async/await, the browser and DOM, and professional tooling with modules, npm, Vite, TypeScript, testing, Node.js, Express, real-time apps, databases, performance and frameworks, to a capstone project and exam and interview preparation.
আপনি যে ওয়েবসাইটই খুলুন — বাটনে চাপ দেওয়া, ফর্ম যাচাই, পাতা না বদলেই নতুন তথ্য আসা — এর পেছনে প্রায় সবখানেই কাজ করে JavaScript নামের ভাষাটি। এটিই একমাত্র ভাষা যা প্রতিটি ব্রাউজারে নিজে থেকেই চলে, আর Node.js-এর কল্যাণে সার্ভারেও। এখানে শুধু syntax নয় — engine আপনার কোড কীভাবে চালায়, event loop কীভাবে অপেক্ষা না করে কাজ সামলায় আর DOM দিয়ে পাতা কীভাবে জীবন্ত হয়, তা সহজ বাংলায়, ধাপে ধাপে বুঝবেন। ব্রাউজারের কোড পাতাতেই চালিয়ে দেখা যায়, কিছু ইনস্টল না করেই।
AI-এর যুগে কেন JavaScript শিখবেন?
Why JavaScript matters todayঅনলাইন কেনাকাটা, ব্যাংকিং, সংবাদ, অফিসের ড্যাশবোর্ড — ওয়েবের প্রায় প্রতিটি পাতা JavaScript দিয়েই চলে। AI কোড লিখে দিতে পারে ঠিকই — কিন্তু সেই কোড ঠিকমতো async কাজ সামলাচ্ছে কি না, DOM-এ নিরাপদে লিখছে কি না আর ব্যবহারকারীর তথ্য ফাঁস করছে কি না, তা বুঝবেন আপনি।
ওয়েবের নিজের ভাষা
প্রতিটি ব্রাউজারে JavaScript আগে থেকেই চলে — আলাদা কিছু ইনস্টল লাগে না। ওয়েব পাতাকে ইন্টারঅ্যাক্টিভ করতে চাইলে JavaScript জানতেই হবে।
এক ভাষায় সামনে-পেছনে
Node.js দিয়ে একই ভাষায় সার্ভার, API আর কমান্ড-লাইন টুল বানানো যায়। front-end আর back-end দুই দিকেই একটি ভাষা — শেখার খরচ কম, কাজের সুযোগ বেশি।
AI-এর কোড যাচাই
AI-এর লেখা JavaScript-এ সবচেয়ে বেশি লুকিয়ে থাকে async-এর ভুল, this-এর গোলমাল আর XSS-এর মতো নিরাপত্তা-ফাঁক। event loop, DOM আর নিরাপত্তা বুঝলে এগুলো আপনি নিজেই ধরতে পারবেন।
চাকরি ও ইন্টারভিউয়ে চাহিদা
ওয়েব ডেভেলপার, front-end, full-stack — প্রায় সব ওয়েব-চাকরিতেই JavaScript লাগে। React, Vue বা TypeScript-এর মতো জনপ্রিয় টুলও JavaScript-এর ওপরেই দাঁড়িয়ে।
কোর্সটি কাদের জন্য
- একদম নতুনদের জন্য — আগে কোনো প্রোগ্রামিং না জানলেও প্রথম পর্ব থেকে শুরু করতে পারবেন
- যাঁরা ওয়েবসাইট বা ওয়েব অ্যাপ বানাতে চান — React, Vue বা Node.js-এ যাওয়ার আগে এখানে JavaScript-এর ভিত্তি পাকা করুন
- স্কুল ও বিশ্ববিদ্যালয়ের শিক্ষার্থী, চাকরির পরীক্ষা ও ইন্টারভিউর প্রার্থী, ফ্রিল্যান্সার আর অন্য ভাষা জানা কর্মরত ডেভেলপার — সবার জন্য
এই কোর্সে যা আলাদা
- প্রথম দিন থেকেই আধুনিক JavaScript — let/const, arrow function, destructuring,
??ও?., async/await, ES module আর private field - আগে ধারণা, পরে কোড — দেশি উদাহরণ আর ধাপে ধাপে ডায়াগ্রাম দিয়ে call stack, event loop আর prototype chain বোঝা
- ব্রাউজারেই কোড চালান — উদাহরণগুলো পাতাতেই চালিয়ে, বদলে দেখা যায়
- পরীক্ষা ও সার্টিফিকেট — লগইন করলে ড্যাশবোর্ডে মডিউল টেস্ট, ফাইনাল পরীক্ষা আর ফ্রি কোর্স-সমাপ্তির সার্টিফিকেট
প্রতিটি পর্ব যেভাবে সাজানো
How every lesson worksপ্রতিটি পর্ব একই ছকে লেখা, তাই কোথায় কী পাবেন আগে থেকেই জানবেন। আগে ধারণা, তারপর এমন কোড যা নিজেই চালিয়ে দেখতে পারবেন।
- এক নজরেপুরো পর্বের মূল কথা কয়েক লাইনে, শুরুতেই।
- দেশি উদাহরণমুদি দোকানের হিসাব, বিকাশ, মেট্রো রেল — চেনা জিনিস দিয়ে কঠিন ধারণা।
- ধাপে ধাপে ডায়াগ্রাম“পরে” চেপে চেপে দেখুন call stack, event loop আর DOM-এর ভেতরে কী ঘটছে।
- চালিয়ে দেখুনব্রাউজারের কোড পাতাতেই চলে, Node.js-এর কোড চলে অনলাইনে — বদলান, আবার চালান, কিছু ইনস্টল ছাড়াই।
- AI-এর যুগে কাজAI-কে প্রশ্ন করার প্রম্পট আর কোড যাচাইয়ের চেকলিস্ট।
- যাচাই ও শব্দকোষভাবনার প্রশ্ন, কুইজ, পরীক্ষা ও ইন্টারভিউর নোট আর প্রতিটি নতুন শব্দের সহজ মানে।
লগইন করা ঐচ্ছিক — না করেও সব পড়া যায়। লগইন করলে কোন পর্ব শেষ হলো তা সেভ থাকে, আর মডিউল টেস্ট, ফাইনাল পরীক্ষা ও সার্টিফিকেট খুলে যায়। নমুনা দেখতে চান? পর্ব ০১ · JavaScript কেন? খুলে দেখুন।
শেখার পথ — ৮টি মডিউল
Your learning pathপ্রতিটি মডিউল আগেরটির ওপর দাঁড়িয়ে। ক্রম মেনে এগোলে কোনো ধাপ কঠিন লাগবে না। যেকোনো মডিউলে চাপলে তার পর্বগুলো দেখাবে।
সম্পূর্ণ সিলেবাস
Full syllabusযে পর্ব পড়া শেষ করেছেন, তার পাশে ✓ চিহ্ন দেখাবে। লগইন করলে এই অগ্রগতি আপনার সব ডিভাইসে থাকবে।
শুরুর আগে ও শেষের পরে
Before you start · After you finishআগে যা জানা থাকলেই চলবে
- স্কুলের সাধারণ গণিত — যোগ, গুণ, শতকরা হিসাব
- কম্পিউটার বা ফোনে ব্রাউজার চালাতে পারা
- একটি ল্যাপটপ বা ডেস্কটপ — না থাকলে মোবাইলের ব্রাউজারেও পড়া আর কোড চালানো যাবে
- আগে কোনো প্রোগ্রামিং জানার দরকার নেই — HTML/CSS-এর যতটুকু লাগে তা পর্ব ০২-এ বুঝিয়ে দেওয়া হয়েছে
কোর্স শেষে যা পারবেন
- DOM, event, form আর Web API দিয়ে ব্রাউজারে ইন্টারঅ্যাক্টিভ front-end অ্যাপ বানাতে
- Promise, async/await আর fetch দিয়ে API থেকে ডেটা আনতে আর ভুল ঠিকমতো সামলাতে
- Node.js আর Express দিয়ে ডেটাবেসওয়ালা REST API দাঁড় করাতে — অর্থাৎ back-end-এর কাজ
- npm, Vite, টেস্টিং আর TypeScript-এর ভিত্তি নিয়ে React বা আরও গভীর TypeScript শেখার দিকে এগোতে
- AI-এর লেখা JavaScript কোড পড়ে async ও নিরাপত্তার ভুল ধরতে ও ঠিক করাতে
- শর্ত পূরণ করলে একটি ফ্রি কোর্স-সমাপ্তির সার্টিফিকেট পেতে
সাধারণ প্রশ্ন
Frequently asked questionsপ্র ০১JavaScript শুরুর আগে কি HTML আর CSS শিখতে হবে?
না, আলাদা করে শিখে আসতে হবে না। কোর্সটি একদম শূন্য থেকে সাজানো, আর পর্ব ০২ · HTML, CSS আর JavaScript — কে কী করে পর্বে ওয়েব পাতার এই তিন স্তর কীভাবে একসঙ্গে কাজ করে তা বুঝিয়ে দেওয়া হয়েছে। মূল ভাষার মডিউলগুলোতে HTML প্রায় লাগেই না।
তবে ব্রাউজার ও DOM মডিউলে পৌঁছানোর আগে HTML-এর ট্যাগ আর CSS-এর selector একটু চেনা থাকলে সুবিধা হবে। শুরু করুন পর্ব ০১ · JavaScript কেন? দিয়ে।
প্র ০২কোন ব্রাউজার লাগবে?
Chrome, Edge, Firefox বা Safari — যেকোনো আধুনিক ব্রাউজারের হালনাগাদ সংস্করণেই চলবে। কোর্সের সব উদাহরণ আধুনিক JavaScript-এ লেখা, যা এই ব্রাউজারগুলো সরাসরি বোঝে। পুরোনো, হালনাগাদ না করা ব্রাউজারে কিছু নতুন সুবিধা কাজ না-ও করতে পারে।
ব্রাউজারের DevTools আর console কীভাবে খুলবেন ও ব্যবহার করবেন, তা দেখানো হয়েছে পর্ব ০৩ · সেটআপ পর্বে।
প্র ০৩Node.js কি ইনস্টল করতেই হবে?
শুরুতে না। প্রথম দিকের বেশিরভাগ পর্ব আর পুরো ব্রাউজার ও DOM মডিউল ব্রাউজারেই চলে, আর Node.js-এর উদাহরণগুলো পাতা থেকে অনলাইনে চালিয়ে দেখা যায়। তাই কিছু ইনস্টল না করেই অনেক দূর এগোতে পারবেন।
পেশাদার JavaScript মডিউলে npm, Vite, Express আর ডেটাবেস নিয়ে নিজে প্রজেক্ট বানাতে চাইলে নিজের কম্পিউটারে Node.js বসানো দরকার হবে। কীভাবে বসাবেন, তার ধাপ আছে পর্ব ০৩ · সেটআপ পর্বে।
প্র ০৪Java আর JavaScript কি একই জিনিস?
না — নামের মিল থাকলেও এ দুটি সম্পূর্ণ আলাদা ভাষা। Java-তে প্রতিটি ভ্যারিয়েবলের টাইপ আগে থেকে ঠিক করতে হয় আর কোড compile হয়ে JVM-এ চলে। JavaScript-এ টাইপ চলার সময় ঠিক হয়, আর কোড চলে ব্রাউজারের বা Node.js-এর engine-এ।
দুটোর কোডের চেহারায় কিছু মিল আছে — if, for, বাঁকা বন্ধনী — কিন্তু object, function আর async কাজের ধারণা অনেকটাই আলাদা। Java শিখতে চাইলে আমাদের আলাদা Java প্রোগ্রামিং কোর্স আছে।
প্র ০৫ফোনে কি শেখা যাবে?
হ্যাঁ। পুরো কোর্স মোবাইলের ব্রাউজারে পড়া যায়, আর পাতার কোড উদাহরণগুলোও ফোন থেকেই চালিয়ে দেখা যায় — কোনো অ্যাপ লাগে না।
তবে নিজে বড় প্রোগ্রাম লিখতে, VS Code ব্যবহার করতে বা Node.js প্রজেক্ট বানাতে একটি ল্যাপটপ বা ডেস্কটপ থাকলে অনেক সুবিধা হয়। ফোনে পড়া আর ছোট কোড চালানো দিয়ে শুরু করতে পারেন, কম্পিউটার পেলে বাকিটা করবেন।
প্র ০৬পরীক্ষা দেওয়া আর সার্টিফিকেট পাওয়া যাবে?
হ্যাঁ। লগইন করলে ড্যাশবোর্ডে প্রতিটি মডিউলের টেস্ট আর একটি ফাইনাল পরীক্ষা পাবেন। মডিউল ১ থেকে ৭-এর সব পর্ব পড়া শেষ করে ফাইনালে ৬০% বা তার বেশি পেলে একটি ফ্রি কোর্স-সমাপ্তির সার্টিফিকেট পাবেন। লগইন না করলেও সব পড়া যায়, তবে তখন অগ্রগতি সেভ হয় না।
মনে রাখবেন, এটি আপনার শেখার স্বীকৃতি — কোনো একাডেমিক ডিগ্রি বা সরকারি সনদ নয়।
প্র ০৭পুরো কোর্স শেষ করতে কত সময় লাগবে?
প্রতিটি পর্ব মনোযোগ দিয়ে পড়তে আর কোড চালিয়ে অনুশীলন করতে মোটামুটি এক ঘণ্টা লাগে। প্রতিদিন একটি পর্ব পড়লে দুই মাসের মধ্যে শেষ হবে। নিজের গতিতে এগোন — তাড়াহুড়ার চেয়ে বুঝে পড়া বেশি জরুরি।
প্র ০৮React বা TypeScript কি শেখানো হবে?
শুরুর অংশটুকু। পেশাদার JavaScript মডিউলে পর্ব ৪৭ · TypeScript-এর শুরু আর পর্ব ৫৪ · React, Vue, Svelte — framework কেন আর কোনটি পাবেন। তার আগে module, npm আর Vite শেখানো হয়েছে, যাতে framework-এর ভেতরে কী ঘটছে তা বুঝে কাজ করতে পারেন।
পুরো React বা গভীর TypeScript আলাদা বড় বিষয় — এই কোর্স আপনাকে সেই পথে আত্মবিশ্বাস নিয়ে নামার মতো ভিত্তি দেবে।
আজই প্রথম পর্ব দিয়ে শুরু করুন
প্রতিদিন একটি পর্ব — দুই মাসের মধ্যেই আপনি প্রথম console.log থেকে নিজের বানানো full-stack অ্যাপ পর্যন্ত পৌঁছে যাবেন।