Skill

জাভাস্ক্রিপ্ট ব্যাসিক (JS Basic Tutorial)

Web Development- জাভাস্ক্রিপ্ট (JavaScript) - জাভাস্ক্রিপ্ট ব্যাসিক (JS Basic Tutorial) -
238
238

জাভাস্ক্রিপ্ট (JavaScript) হল একটি জনপ্রিয় এবং শক্তিশালী স্ক্রিপ্টিং ভাষা যা মূলত ওয়েব পেজে ইন্টারঅ্যাকটিভ ফিচার যোগ করতে ব্যবহৃত হয়। এটি ক্লায়েন্ট-সাইড (Client-side) স্ক্রিপ্টিং ভাষা হিসেবে কাজ করে, যার মানে হল যে এটি ব্যবহারকারীর ব্রাউজারে রান হয়, সার্ভারে নয়। তবে বর্তমানে জাভাস্ক্রিপ্ট সার্ভার সাইডেও ব্যবহৃত হচ্ছে Node.js এর মাধ্যমে।


জাভাস্ক্রিপ্টের মৌলিক বিষয়

ভেরিয়েবল (Variables)

জাভাস্ক্রিপ্টে ভেরিয়েবল ঘোষণা করতে var, let, অথবা const কীওয়ার্ড ব্যবহার করা হয়।

  • var: পুরনো এবং কম্পাইল-স্কোপের ভেরিয়েবল ডিক্লেয়ার করতে ব্যবহৃত হয়।
  • let: ব্লক-স্কোপের ভেরিয়েবল ডিক্লেয়ার করতে ব্যবহৃত হয়, যা var এর তুলনায় আরও নিরাপদ।
  • const: যে ভেরিয়েবল পরিবর্তন হবে না, সেগুলোর জন্য ব্যবহার করা হয়।
let name = "John";  // String type
const age = 30;     // Number type

ডেটা টাইপ (Data Types)

জাভাস্ক্রিপ্টে কিছু প্রাথমিক ডেটা টাইপ রয়েছে:

  • String (স্ট্রিং): টেক্সট মান, যেমন "Hello World".
  • Number (নম্বর): সংখ্যা, যেমন 25, 3.14.
  • Boolean (বুলিয়ান): দুটি মান হতে পারে, true অথবা false.
  • Object (অবজেক্ট): একাধিক মান ধারণ করতে পারে, যেমন { name: "John", age: 30 }.
  • Array (অ্যারেই): একাধিক উপাদান ধারণ করতে পারে, যেমন [1, 2, 3, 4].
  • Null (নাল): কোন মান নেই এমন একটি বিশেষ ডেটা টাইপ।
  • Undefined (আনডেফাইন্ড): যখন কোন ভেরিয়েবল ডিফাইন করা না থাকে।

ফাংশন (Functions)

জাভাস্ক্রিপ্টে ফাংশন একটি কোড ব্লক যা পুনরায় ব্যবহারযোগ্য থাকে। একটি ফাংশন ডিফাইন করার জন্য function কীওয়ার্ড ব্যবহার করা হয়।

function greet(name) {
  return "Hello, " + name + "!";
}

ফাংশন কল করতে:

greet("John");  // আউটপুট: Hello, John!

জাভাস্ক্রিপ্ট কন্ট্রোল স্টেটমেন্ট

if-else (শর্তসাপেক্ষ)

if এবং else স্টেটমেন্ট ব্যবহার করে শর্তের ভিত্তিতে কোড চালানো হয়।

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

switch-case (সুইচ-কেস)

switch স্টেটমেন্ট একাধিক শর্ত পরীক্ষা করার জন্য ব্যবহার হয়।

let fruit = "Apple";
switch (fruit) {
  case "Apple":
    console.log("You selected Apple.");
    break;
  case "Banana":
    console.log("You selected Banana.");
    break;
  default:
    console.log("Unknown fruit.");
}

জাভাস্ক্রিপ্টের অ্যারের সাথে কাজ করা

অ্যারে (Array)

অ্যারেগুলি এমন একটি ডেটা স্ট্রাকচার যা একাধিক মান ধারণ করতে পারে। অ্যারে তৈরি করার জন্য কোণের বন্ধনী [] ব্যবহার করা হয়।

let fruits = ["Apple", "Banana", "Orange"];
console.log(fruits[0]);  // আউটপুট: Apple

অ্যারে মেথড (Array Methods)

জাভাস্ক্রিপ্টে অ্যারের উপর কাজ করার জন্য অনেক মেথড রয়েছে:

  • .push(): নতুন উপাদান অ্যারে শেষে যোগ করে।
  • .pop(): শেষ উপাদান মুছে ফেলে।
  • .shift(): প্রথম উপাদান মুছে ফেলে।
  • .unshift(): প্রথমে নতুন উপাদান যোগ করে।
fruits.push("Grapes");   // অ্যারে শেষে Grapes যোগ হবে
console.log(fruits);

জাভাস্ক্রিপ্ট ইভেন্ট (Events)

জাভাস্ক্রিপ্টে ইভেন্ট হচ্ছে কোন ব্যবহারকারী ক্রিয়া (যেমন ক্লিক, কিবোর্ড প্রেস) যা ওয়েব পেজে ঘটতে পারে। ইভেন্ট হ্যান্ডলার ব্যবহার করে এই ইভেন্টগুলির প্রতিক্রিয়া দেখানো হয়।

<button onclick="alert('Button clicked!')">Click me</button>

সারাংশ

জাভাস্ক্রিপ্ট একটি শক্তিশালী স্ক্রিপ্টিং ভাষা যা ওয়েব ডেভেলপমেন্টে ব্যাপকভাবে ব্যবহৃত হয়। এর মাধ্যমে ওয়েব পেজে ইন্টারঅ্যাকটিভ ফিচার যোগ করা যায়। এর মৌলিক বিষয়গুলোর মধ্যে ভেরিয়েবল, ডেটা টাইপ, ফাংশন, কন্ট্রোল স্টেটমেন্ট, অ্যারে এবং ইভেন্ট হ্যান্ডলিং অন্তর্ভুক্ত।

জাভাস্ক্রিপ্ট (JavaScript) হল একটি জনপ্রিয় এবং শক্তিশালী স্ক্রিপ্টিং ভাষা যা মূলত ওয়েব পেজে ইন্টারঅ্যাকটিভ ফিচার যোগ করতে ব্যবহৃত হয়। এটি ক্লায়েন্ট-সাইড (Client-side) স্ক্রিপ্টিং ভাষা হিসেবে কাজ করে, যার মানে হল যে এটি ব্যবহারকারীর ব্রাউজারে রান হয়, সার্ভারে নয়। তবে বর্তমানে জাভাস্ক্রিপ্ট সার্ভার সাইডেও ব্যবহৃত হচ্ছে Node.js এর মাধ্যমে।


জাভাস্ক্রিপ্টের মৌলিক বিষয়

ভেরিয়েবল (Variables)

জাভাস্ক্রিপ্টে ভেরিয়েবল ঘোষণা করতে var, let, অথবা const কীওয়ার্ড ব্যবহার করা হয়।

  • var: পুরনো এবং কম্পাইল-স্কোপের ভেরিয়েবল ডিক্লেয়ার করতে ব্যবহৃত হয়।
  • let: ব্লক-স্কোপের ভেরিয়েবল ডিক্লেয়ার করতে ব্যবহৃত হয়, যা var এর তুলনায় আরও নিরাপদ।
  • const: যে ভেরিয়েবল পরিবর্তন হবে না, সেগুলোর জন্য ব্যবহার করা হয়।
let name = "John";  // String type
const age = 30;     // Number type

ডেটা টাইপ (Data Types)

জাভাস্ক্রিপ্টে কিছু প্রাথমিক ডেটা টাইপ রয়েছে:

  • String (স্ট্রিং): টেক্সট মান, যেমন "Hello World".
  • Number (নম্বর): সংখ্যা, যেমন 25, 3.14.
  • Boolean (বুলিয়ান): দুটি মান হতে পারে, true অথবা false.
  • Object (অবজেক্ট): একাধিক মান ধারণ করতে পারে, যেমন { name: "John", age: 30 }.
  • Array (অ্যারেই): একাধিক উপাদান ধারণ করতে পারে, যেমন [1, 2, 3, 4].
  • Null (নাল): কোন মান নেই এমন একটি বিশেষ ডেটা টাইপ।
  • Undefined (আনডেফাইন্ড): যখন কোন ভেরিয়েবল ডিফাইন করা না থাকে।

ফাংশন (Functions)

জাভাস্ক্রিপ্টে ফাংশন একটি কোড ব্লক যা পুনরায় ব্যবহারযোগ্য থাকে। একটি ফাংশন ডিফাইন করার জন্য function কীওয়ার্ড ব্যবহার করা হয়।

function greet(name) {
  return "Hello, " + name + "!";
}

ফাংশন কল করতে:

greet("John");  // আউটপুট: Hello, John!

জাভাস্ক্রিপ্ট কন্ট্রোল স্টেটমেন্ট

if-else (শর্তসাপেক্ষ)

if এবং else স্টেটমেন্ট ব্যবহার করে শর্তের ভিত্তিতে কোড চালানো হয়।

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

switch-case (সুইচ-কেস)

switch স্টেটমেন্ট একাধিক শর্ত পরীক্ষা করার জন্য ব্যবহার হয়।

let fruit = "Apple";
switch (fruit) {
  case "Apple":
    console.log("You selected Apple.");
    break;
  case "Banana":
    console.log("You selected Banana.");
    break;
  default:
    console.log("Unknown fruit.");
}

জাভাস্ক্রিপ্টের অ্যারের সাথে কাজ করা

অ্যারে (Array)

অ্যারেগুলি এমন একটি ডেটা স্ট্রাকচার যা একাধিক মান ধারণ করতে পারে। অ্যারে তৈরি করার জন্য কোণের বন্ধনী [] ব্যবহার করা হয়।

let fruits = ["Apple", "Banana", "Orange"];
console.log(fruits[0]);  // আউটপুট: Apple

অ্যারে মেথড (Array Methods)

জাভাস্ক্রিপ্টে অ্যারের উপর কাজ করার জন্য অনেক মেথড রয়েছে:

  • .push(): নতুন উপাদান অ্যারে শেষে যোগ করে।
  • .pop(): শেষ উপাদান মুছে ফেলে।
  • .shift(): প্রথম উপাদান মুছে ফেলে।
  • .unshift(): প্রথমে নতুন উপাদান যোগ করে।
fruits.push("Grapes");   // অ্যারে শেষে Grapes যোগ হবে
console.log(fruits);

জাভাস্ক্রিপ্ট ইভেন্ট (Events)

জাভাস্ক্রিপ্টে ইভেন্ট হচ্ছে কোন ব্যবহারকারী ক্রিয়া (যেমন ক্লিক, কিবোর্ড প্রেস) যা ওয়েব পেজে ঘটতে পারে। ইভেন্ট হ্যান্ডলার ব্যবহার করে এই ইভেন্টগুলির প্রতিক্রিয়া দেখানো হয়।

<button onclick="alert('Button clicked!')">Click me</button>

সারাংশ

জাভাস্ক্রিপ্ট একটি শক্তিশালী স্ক্রিপ্টিং ভাষা যা ওয়েব ডেভেলপমেন্টে ব্যাপকভাবে ব্যবহৃত হয়। এর মাধ্যমে ওয়েব পেজে ইন্টারঅ্যাকটিভ ফিচার যোগ করা যায়। এর মৌলিক বিষয়গুলোর মধ্যে ভেরিয়েবল, ডেটা টাইপ, ফাংশন, কন্ট্রোল স্টেটমেন্ট, অ্যারে এবং ইভেন্ট হ্যান্ডলিং অন্তর্ভুক্ত।

টপ রেটেড অ্যাপ

স্যাট অ্যাকাডেমী অ্যাপ

আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।

ভিডিও
লাইভ ক্লাস
এক্সাম
ডাউনলোড করুন
Promotion