Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • JavaScript Documentation48টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • JavaScript কী?
  • Syntax & Comments
  • Variables
  • Data Types: Basics
  • Data Types: Conversion
  • Data Types: Advanced
  • Strings
  • Numbers & Math
  • Date & Time
  • Operators
  • Conditions
  • Loops
  • Functions: Basics
  • Functions: Intermediate
  • Functions: Advanced
  • Scope & Hoisting
  • Closures & this
  • ES6+ Modern
  • Arrays: Basics
  • Arrays: Intermediate
  • Arrays: Advanced
  • Objects: Basics
  • Objects: Intermediate
  • Objects: Advanced
  • Class: Basics
  • Class: Intermediate
  • Class: Advanced
  • DOM: Basics
  • DOM: Intermediate
  • DOM: Advanced
  • Events: Basics
  • Events: Intermediate
  • Events: Advanced
  • Async JavaScript
  • Promise
  • Async / Await
  • Fetch API
  • JSON
  • Modules
  • Browser Storage
  • Event Loop Deep
  • Prototype Chain
  • Iterators & Generators
  • WeakMap, WeakSet, Proxy
  • Error Handling
  • Practice Problems
  • Mini Projects
  • Basics
  • Functions & Scope
  • Types & Syntax
  • Arrays & Objects
  • Advanced
  • Functional Programming
  • Objects & Symbols
  • Async Deep Dive
  • Modern JavaScript
  1. Docs
  2. JavaScript
  3. JavaScript Syntax ও Comments
JavaScriptBeginner

JavaScript Syntax ও Comments

Statements, semicolon, case-sensitivity, whitespace, comment লেখার নিয়ম — JavaScript সিনট্যাক্স-এর বাংলা গাইড।

20টি অংশবাংলা ভাষায়

Syntax হলো ভাষার বানান ও বাক্য গঠনের নিয়ম। JavaScript-এর সিনট্যাক্স নিয়মগুলো ঠিকঠাক বুঝলে টাইপিং ভুল কমবে।

Statement ও ;

let x = 5;
let y = 10;

const sum = x + y;
console.log(sum);

প্রতিটি কাজ একটি statement — প্রায়শই semicolon (;) দিয়ে শেষ হয়। JS-এ semicolon বাধ্যতামূলক নয় (ASI আছে), তবে ধারাবাহিকভাবে ব্যবহার করুন — অনেক bug এড়ানো যায়।

Case-sensitivity

const userName = "রহিম";
const username = "করিম";

// userName আর username — আলাদা দুটি ভেরিয়েবল!
console.log(userName); // রহিম
console.log(username); // করিম

JavaScript case-sensitive — Name, name, NAME তিনটিই আলাদা। নিয়ম মেনে lowerCamelCase ব্যবহার করলে এই গোলমাল কমে।

Whitespace ও indent

const total = 2 + 3;   // এক লাইন

const result = 2 +
  3 +                  // নতুন লাইনে ভাঙা যায়
  4;

console.log(total);   // 5
console.log(result);  // 9

স্পেস, ট্যাব, নতুন লাইন — কোডের ফলাফল বদলায় না; এগুলো readability-র জন্য। ধারাবাহিক indent (২ বা ৪ স্পেস) দলগত কোডে বাধ্যতামূলক।

Comments — লেখা ও প্রয়োজন

// single-line comment — এক লাইনের নোট

/*
  multi-line comment
  একাধিক লাইনের ব্যাখ্যা
*/

const price = 1500; // inline comment — লাইনের শেষে

comment কোডের অংশ নয় — ব্রাউজার চালায় না। কিন্তু সঠিক comment-এ কোডের উদ্দেশ্য পরিষ্কার হয়। কী হচ্ছে নয়, কেন হচ্ছে — সেটিই ভালো comment-এর সার।

Comment লেখার সেরা অভ্যাস

স্টাইল: নাম ও প্রচলিত ফরম্যাট (comment) ব্যবহার করে, তবে point-এ লিখুন —

  • comment কী নয়, কেন বুঝিয়ে দিন
  • বড় ফাংশনের শুরুতে এক-দুই লাইনের সারাংশ
  • জটিল লজিকে ধাপ চিহ্নিত করুন
  • অপ্রয়োজনীয় // x = 5 — ধরণের লিখবেন না (কোড নিজেই বলে)
// মোট মূল্য: প্রতিটি item-এর দাম ভ্যাটসহ
function totalPrice(items) {
  // ১. ভ্যাটের হার
  const vat = 0.15;

  // ২. সব item-এর মূল যোগ
  return items.reduce((sum, item) => sum + item.price * (1 + vat), 0);
}

console.log(totalPrice([{ price: 100 }, { price: 200 }])); // 345
নিয়মউদাহরণনোট
statement শেষlet a = 1;; ধারাবাহিকতা
case-sensitiveuser ≠ UsercamelCase
whitespaceফাঁকা যত খুশিreadability-র জন্য
single comment// নোটCtrl + /
multi comment/* … */বড় ব্যাখ্যায়
বাংলায় comment মুক্তভাবে

বাংলা comment ধরনের প্রজেক্টে স্বাভাবিক — দল ও ভবিষ্যতের আপনি যেন সহজে বুঝতে পারেন, সেটিই মূল।

চর্চা

একটি জটিল লাইন লিখুন, তার উপরে দুই লাইনে বাংলায় ব্যাখ্যা লিখুন — comment-এর হাত পাকবে।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরJavaScript কী?পরেরJavaScript Variables (ভেরিয়েবল)
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com