JavaScript Syntax: একদম সহজ করে শিখি!

হ্যালো বন্ধুরা! আজ আমরা JavaScript Syntax নিয়ে কথা বলব। কিন্তু চিন্তা করো না, আমি এমনভাবে বলব যেন তুমি একদম নতুন এবং সবকিছু প্রথমবার শিখছ। চলো শুরু করি!

JavaScript Syntax মানে কী? খুব সহজ ভাষায়

ধরো, তুমি তোমার বন্ধুর সাথে কথা বলছো। তুমি যদি বলো “আমি খাব ভাত”, তাহলে বন্ধু বুঝবে। কিন্তু যদি বলো “খাব আমি ভাত” বা “ভাত আমি খাব”, তাহলেও বুঝবে। কিন্তু যদি বলো “খাব ভাত আমি আমি”, তাহলে একটু অদ্ভুত লাগবে, তাই না?

ঠিক তেমনি, কম্পিউটারের সাথে কথা বলার জন্যও নিয়ম আছে। এই নিয়মকেই বলে Syntax। JavaScript এ সঠিক নিয়ম মেনে কোড লিখলে কম্পিউটার বুঝবে, না হলে সে বলবে “এরর!” (মানে, আমি বুঝিনি!)

একটা লাইন কোড লিখি – এটাকে বলে Statement

দেখো, একটা সহজ কোড:

let name = "রহিম";

এই পুরো লাইনটাকে বলে একটা Statement। মানে, কম্পিউটারকে একটা কাজ বলা। এখানে আমরা বলছি: “হে কম্পিউটার, name নামে একটা জিনিস বানাও এবং তার মধ্যে ‘রহিম’ রাখো।”

দেখো শেষে একটা সেমিকোলন (;) আছে। এটা হলো কাজ শেষ হওয়ার চিহ্ন। যেমন বাংলায় দাঁড়ি (।) দিয়ে বাক্য শেষ করি, তেমনি JavaScript এ সেমিকোলন দিয়ে statement শেষ করি।

let age = 25;
let city = "ঢাকা";
let country = "বাংলাদেশ";

দেখো, তিনটা statement। তিনটাই আলাদা আলাদা কাজ।

স্পেস দিলে কি হয়? কিছু হয় না!

তুমি যদি এভাবে লেখো:

let name="রহিম";

অথবা এভাবে লেখো:

let name = "রহিম";

অথবা এভাবে লেখো:

let    name    =    "রহিম";

তিনটাই একই কাজ করবে! JavaScript বলবে “ঠিক আছে, আমি বুঝেছি!” কারণ JavaScript অতিরিক্ত স্পেস গুলো উপেক্ষা করে। কিন্তু সুন্দর করে পড়ার জন্য আমরা একটু স্পেস দিয়ে লিখি।

কারলি ব্রেস { } – এটা একটা বাক্স!

ধরো, তোমার কাছে অনেকগুলো খেলনা আছে। তুমি সবগুলো একটা বাক্সে রাখলে। এই বাক্সটাই হলো কারলি ব্রেস { }

{
    let toy1 = "গাড়ি";
    let toy2 = "বল";
    let toy3 = "পুতুল";
}

দেখো, তিনটা জিনিস একসাথে একটা বাক্সে { } রাখলাম। এটাকে বলে Code Block।

নাম রাখার নিয়ম – কী নাম দেওয়া যায়, কী যায় না

JavaScript এ জিনিসের নাম রাখতে কিছু নিয়ম আছে। দেখো:

ভালো নাম (কম্পিউটার খুশি হবে):

let userName = "করিম";
let user_name = "রহিম";
let userName123 = "জামাল";
let _userName = "সালাম";
let $userName = "কামাল";

এই সব নাম দেওয়া যায়! কম্পিউটার বলবে “ঠিক আছে!”

খারাপ নাম (কম্পিউটার রাগ করবে):

let 123user = "করিম";     // না! সংখ্যা দিয়ে শুরু করা যাবে না
let user-name = "রহিম";   // না! মাঝে (-) দেওয়া যাবে না
let user name = "জামাল";  // না! মাঝে ফাঁকা জায়গা দেওয়া যাবে না

এগুলো দিলে কম্পিউটার বলবে “এরর! আমি বুঝিনি!”

বড় হাতের অক্ষর আর ছোট হাতের অক্ষর আলাদা

দেখো একটা মজার জিনিস:

let name = "করিম";
let Name = "রহিম";
let NAME = "জামাল";

এই তিনটা কি একই? না! JavaScript এর কাছে এরা তিনজন আলাদা মানুষ! কারণ ছোট হাতের ‘n’ আর বড় হাতের ‘N’ আলাদা।

কমেন্ট – নোট লেখার মতো

ধরো, তুমি খাতায় ম্যাথ করছো। পাশে একটা নোট লিখলে “এটা মনে রাখতে হবে”। এই নোটটা ম্যাথ এর অংশ না, শুধু তোমার জন্য।

JavaScript এও এমন নোট লেখা যায়। এটাকে বলে Comment। কম্পিউটার এটা পড়ে না, উপেক্ষা করে যায়।

এক লাইন নোট:

// এটা একটা নোট, কম্পিউটার পড়বে না
let age = 25; // এখানেও নোট লিখতে পারি

দুইটা স্ল্যাশ (//) দিয়ে শুরু করলে সেই লাইন Comment হয়ে যায়।

অনেক লাইন নোট:

/* 
এটা বড় নোট
অনেক লাইন লিখতে পারি
কম্পিউটার কিছুই পড়বে না
*/
let name = "করিম";

/* দিয়ে শুরু, */ দিয়ে শেষ। মাঝে যা ইচ্ছা লেখো!

কোট মার্ক – কথা বলার জন্য

যখন কম্পিউটারকে কোনো কথা বা লেখা দিতে হয়, তখন কোট মার্ক ব্যবহার করি। তিন ধরনের কোট আছে:

let message1 = "হ্যালো";        // ডাবল কোট
let message2 = 'হ্যালো';        // সিঙ্গেল কোট
let message3 = `হ্যালো`;        // ব্যাকটিক

তিনটাই একই কাজ করে। কিন্তু ব্যাকটিক (`) একটু বিশেষ। দেখো:

let name = "করিম";
let age = 25;
let message = `আমার নাম ${name} এবং বয়স ${age}`;

দেখলে? ব্যাকটিকের মধ্যে ${} দিয়ে variable এর মান ঢুকিয়ে দিতে পারি! ম্যাজিকের মতো!

সংখ্যা লেখা

সংখ্যা লেখতে কোট লাগে না:

let age = 25;           // সাধারণ সংখ্যা
let price = 99.50;      // দশমিক সংখ্যা
let big = 1000000;      // বড় সংখ্যা

যোগ, বিয়োগ, গুণ, ভাগ – ম্যাথ করি!

যোগ করা (+)

let a = 5;
let b = 3;
let sum = a + b;  // 5 + 3 = 8

বিয়োগ করা (-)

let x = 10;
let y = 4;
let difference = x - y;  // 10 - 4 = 6

গুণ করা (*)

let num1 = 5;
let num2 = 4;
let product = num1 * num2;  // 5 × 4 = 20

ভাগ করা (/)

let total = 20;
let parts = 4;
let each = total / parts;  // 20 ÷ 4 = 5

এটা একদম স্কুলের ম্যাথের মতো, তাই না?

তুলনা করা – কে বড়, কে ছোট?

সমান কিনা দেখা (==)

let age1 = 25;
let age2 = 25;
let same = age1 == age2;  // true (হ্যাঁ, সমান)

বড় কিনা দেখা (>)

let myAge = 20;
let yourAge = 15;
let amIBigger = myAge > yourAge;  // true (হ্যাঁ, আমি বড়)

ছোট কিনা দেখা (<)

let price1 = 100;
let price2 = 200;
let isCheaper = price1 < price2;  // true (হ্যাঁ, সস্তা)

বন্ধনী ( ) [ ] { } – তিন রকম

গোল বন্ধনী ( )

জিনিসগুলো একসাথে রাখার জন্য:

let result = (5 + 3) * 2;  // প্রথমে 5+3=8, তারপর 8×2=16

বক্স বন্ধনী [ ]

একটা তালিকা বানানোর জন্য:

let fruits = ["আম", "কলা", "লিচু"];

এটা হলো ফলের একটা তালিকা! প্রথম ফল, দ্বিতীয় ফল, তৃতীয় ফল।

কারলি বন্ধনী { }

একটা বাক্স বা গ্রুপ বানানোর জন্য:

let person = {
    name: "করিম",
    age: 30
};

এটা একটা মানুষের তথ্য রাখলাম – নাম আর বয়স।

Comma (,) – জিনিস আলাদা করা

একাধিক জিনিস থাকলে কমা দিয়ে আলাদা করি:

let a = 1, b = 2, c = 3;

এটা তিনটা জিনিস এক লাইনে বানালাম।

let colors = ["লাল", "সবুজ", "নীল"];

এখানেও কমা দিয়ে রং গুলো আলাদা করলাম।

Colon (:) – মানে “এটা হলো”

Object এ ব্যবহার করি:

let student = {
    name: "সাদিয়া",
    age: 20
};

পড়ো: “name হলো সাদিয়া” এবং “age হলো 20″। Colon (:) মানে “হলো”।

Dot (.) – জিনিস খোঁজা

যদি একটা বাক্সের ভিতর থেকে জিনিস বের করতে চাও:

let person = {
    name: "করিম",
    age: 30
};

let personName = person.name;  // করিম

person.name মানে “person এর ভিতরে name কী?”

ব্যাকস্ল্যাশ () – বিশেষ জিনিস লেখা

কখনো কখনো কোটের ভিতরে কোট লিখতে হয়। তখন ব্যাকস্ল্যাশ () ব্যবহার করি:

let quote = "সে বলল, \"আমি যাব\"";

দেখো, ভিতরের কোট এর আগে \ দিয়েছি।

নতুন লাইন করতে:

let poem = "প্রথম লাইন\nদ্বিতীয় লাইন";

\n মানে নতুন লাইন!

বাংলা লেখা যায়!

জেনে খুশি হবে, JavaScript এ বাংলা লেখা যায়!

let নাম = "বাংলাদেশ";
let বয়স = 52;

দেখলে? Variable এর নামও বাংলায় দিতে পারি! তবে সাধারণত ইংরেজিতেই লেখা হয়, কারণ সবার কীবোর্ডে বাংলা নাও থাকতে পারে।

একটা মজার জিনিস – Template Literal

এটা একদম ম্যাজিক! ব্যাকটিক (`) দিয়ে লিখলে ভিতরে variable ঢুকিয়ে দিতে পারি:

let name = "করিম";
let age = 25;
let city = "ঢাকা";

let intro = `আমার নাম ${name}, বয়স ${age} এবং আমি ${city} তে থাকি`;

দেখলে কী সহজ! $ এবং { } দিয়ে variable এর মান এসে গেল!

আরেকটা মজা – একাধিক লাইন লেখা যায়:

let message = `প্রথম লাইন
দ্বিতীয় লাইন
তৃতীয় লাইন`;

কোনো \n লাগছে না!

কিছু শব্দ ব্যবহার করা যায় না

JavaScript এর নিজের কিছু বিশেষ শব্দ আছে। এগুলো variable নাম হিসেবে ব্যবহার করা যায় না:

let let = 5;        // না! let নিজেই একটা keyword
let if = 10;        // না! if বিশেষ শব্দ
let function = 20;  // না! function বিশেষ শব্দ

কিন্তু এভাবে লেখা যায়:

let myLet = 5;
let myIf = 10;
let myFunction = 20;

সারসংক্ষেপ – মনে রাখার মতো জিনিস

চলো, সব কিছু একবার মনে করি:

Statement – একটা লাইন কোড, শেষে সেমিকোলন (;)
স্পেস – যত ইচ্ছা দাও, JavaScript পাত্তা দেয় না
{ } – কোড একসাথে রাখার বাক্স
নাম – অক্ষর, সংখ্যা, _ এবং $ ব্যবহার করা যায়। সংখ্যা দিয়ে শুরু করা যায় না
// – নোট লেখা (এক লাইন)
/ / – নোট লেখা (অনেক লাইন)
” ” বা ‘ ‘ বা – কথা বা লেখা লেখার জন্য কোট
*+, -, , / – যোগ, বিয়োগ, গুণ, ভাগ
==, >, < – তুলনা করা
( ) – গ্রুপ করা
[ ] – তালিকা বানানো
{ } – অবজেক্ট বানানো
, – জিনিস আলাদা করা
: – “হলো” বোঝায়
. – ভিতরের জিনিস বের করা

শেষ কথা

দেখলে তো, JavaScript Syntax আসলে এতটাও কঠিন না! একদম সহজ ভাষায় বললে, এটা হলো কম্পিউটারের সাথে কথা বলার নিয়ম। যেমন তুমি বন্ধুর সাথে বাংলায় কথা বলো, ঠিক তেমনি কম্পিউটারের সাথে JavaScript এ কথা বলো।

প্রথম প্রথম ভুল হবে, সেমিকোলন ভুলে যাবে, বন্ধনী ভুল করবে – এসব স্বাভাবিক! কম্পিউটার রেগে যাবে না, শুধু বলবে “এরর!”। তুমি ঠিক করে নেবে, আবার চেষ্টা করবে। ধীরে ধীরে সব মনে থাকবে।

মনে রেখো, প্রোগ্রামিং শেখা মানে সাইকেল চালানো শেখার মতো। প্রথমে পড়ে যাবে, কিন্তু একবার শিখে গেলে আর ভুলবে না!

তো বন্ধুরা, এখন কম্পিউটার খুলে নিজে নিজে চেষ্টা করো। ভুল করতে ভয় নেই। প্রতিটা ভুল থেকে শিখবে। শুভকামনা! 🌟