জাভাস্ক্রিপ্ট উপসংহার - JavaScript Summary

জাভাস্ক্রিপ্ট কী?

জাভাস্ক্রিপ্ট একটি ক্লাইন্ট সাইড স্ক্রিপ্টিং ল্যাংগুয়েজ বা ব্রাউজার স্ক্রিপ্টিং ল্যাঙ্গুয়েজ। ব্রাউজার এই script run বা execute করতে পারে। websSchool-এর মূল JavaScript tutorial-এ HTML ও CSS সম্পর্কে ধারণা থাকার পর JavaScript শেখার পরামর্শ দেওয়া হয়েছে।

const message = "JavaScript শেখা শুরু করি";
console.log(message);

কোড এডিটর

JavaScript-এর মৌলিক বিষয়

Variable, data type, operator, statement এবং syntax JavaScript শেখার ভিত্তি। এগুলো ব্যবহার করে data সংরক্ষণ, পরিবর্তন এবং বিভিন্ন operation করা যায়।

const name = "Anik";
const age = 25;
console.log(name, age);

কোড এডিটর

Condition, Loop ও Function

Conditional statement দিয়ে সিদ্ধান্ত নেওয়া, loop দিয়ে পুনরাবৃত্ত কাজ এবং function দিয়ে reusable কাজ তৈরি করা যায়।

function greet(name) {
  return "Hello " + name;
}
console.log(greet("Anik"));

কোড এডিটর

Object, Array ও DOM

Object ও Array দিয়ে data সংগঠিত করা যায়। DOM ব্যবহার করে JavaScript থেকে HTML document-এর element নিয়ে কাজ করা যায়।

const student = { name: "Anik", age: 25 };
const numbers = [10, 20, 30];
console.log(student.name);
console.log(numbers[0]);

কোড এডিটর

Error Handling ও Debugging

Error ও debugging JavaScript development-এর গুরুত্বপূর্ণ অংশ। try-catch দিয়ে error handle করা এবং console ও developer tools দিয়ে সমস্যা খুঁজে বের করা যায়।

try {
  const result = 10 / 2;
  console.log(result);
} catch (error) {
  console.log(error.message);
}

কোড এডিটর

Object Oriented Programming

Class, Object, constructor, Prototype, Abstraction, Encapsulation এবং Polymorphism JavaScript-এর object oriented programming-এর গুরুত্বপূর্ণ ধারণা।

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return "Hello " + this.name;
  }
}
console.log(new Person("Anik").greet());

কোড এডিটর

Cookie ও Browser-এর সঙ্গে কাজ

JavaScript ব্যবহার করে browser-এর বিভিন্ন feature এবং Cookie-এর সঙ্গে কাজ করা যায়। Cookie-তে name ও value ব্যবহার করে ছোট পরিমাণ data সংরক্ষণ করা যায়।

document.cookie = "username=Anik; max-age=3600; path=/";
console.log(document.cookie);

কোড এডিটর

আধুনিক JavaScript

আধুনিক JavaScript-এ let, const, class, private field, Promise এবং async/await-এর মতো feature ব্যবহার করা হয়।

const promise = Promise.resolve("কাজ সম্পন্ন হয়েছে");
promise.then(function(message) {
  console.log(message);
});

কোড এডিটর

Code Style ও Practice

পরিষ্কার code লেখা, meaningful name ব্যবহার, indentation বজায় রাখা এবং নিয়মিত practice করা JavaScript শেখার গুরুত্বপূর্ণ অংশ। Code editor ব্যবহার করে example লিখে পরীক্ষা করা উপকারী।

function calculateTotal(price, quantity) {
  const total = price * quantity;
  return total;
}
console.log(calculateTotal(500, 2));

কোড এডিটর

JavaScript শেখার সারসংক্ষেপ

JavaScript শেখার ক্ষেত্রে basic syntax থেকে শুরু করে object, DOM, error handling, OOP, Cookie, Promise এবং অন্যান্য বিষয় ধাপে ধাপে practice করা গুরুত্বপূর্ণ। websSchool-এর tutorial-এর বিভিন্ন অধ্যায় অনুসরণ করে code নিজে লিখে পরীক্ষা করলে শেখার ধারাবাহিকতা বজায় রাখা যায়।

const user = { name: "Anik", age: 25 };
function showUser(user) {
  return user.name + " - " + user.age;
}
console.log(showUser(user));

কোড এডিটর

Code Style কী?

JavaScript Code Style হলো code লেখার সময় অনুসরণ করা naming, formatting, indentation এবং organization-এর নিয়ম। ভালো code style code পড়া, বোঝা ও maintain করা সহজ করে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Code-এর structure পরিষ্কার থাকে।
• Team-এর একাধিক developer একই ধরনের style অনুসরণ করতে পারে।

const userName = "Anik";
const totalPrice = 500;
console.log(userName, totalPrice);

কোড এডিটর

Code Indentation

Indentation ব্যবহার করে code-এর block structure সহজে বোঝানো হয়। সাধারণত একই block-এর statement একই indentation level-এ রাখা হয়।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• একই block-এর code একই level-এ রাখুন।
• Nested block হলে অতিরিক্ত indentation ব্যবহার করুন।

if (age >= 18) {
  console.log("Adult");
}

কোড এডিটর

Variable Naming

Variable-এর নাম এমন হওয়া উচিত যাতে নাম দেখেই তার উদ্দেশ্য বোঝা যায়। JavaScript-এ সাধারণ variable-এর জন্য camelCase naming style বহুল ব্যবহৃত হয়।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• firstName-এর মতো অর্থপূর্ণ নাম ব্যবহার করুন।
• a, x, data-এর মতো অস্পষ্ট নাম অপ্রয়োজনে এড়িয়ে চলুন।

const studentName = "Anik";
const totalMarks = 450;
console.log(studentName, totalMarks);

কোড এডিটর

const, let এবং var

আধুনিক JavaScript-এ value পরিবর্তন না হলে const এবং পরিবর্তন হলে let ব্যবহার করা সাধারণ practice। নতুন code-এ প্রয়োজন ছাড়া var ব্যবহার না করাই ভালো।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• পরিবর্তন না হলে const ব্যবহার করুন।
• পরিবর্তন হলে let ব্যবহার করুন।

const siteName = "websSchool";
let visitCount = 10;
visitCount++;
console.log(siteName, visitCount);

কোড এডিটর

Function লেখার Style

Function-এর নাম অর্থপূর্ণ হওয়া উচিত এবং নাম থেকেই function কী কাজ করে তা বোঝা ভালো। একটি function-কে একটি পরিষ্কার দায়িত্ব দেওয়ার চেষ্টা করা উচিত।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• calculateTotal(), getUser(), saveData() এর মতো নাম ব্যবহার করুন।
• একটি function-এ অপ্রয়োজনীয়ভাবে অনেক দায়িত্ব দেবেন না।

function calculateTotal(price, quantity) {
  return price * quantity;
}

console.log(calculateTotal(100, 5));

কোড এডিটর

String ও Quote Style

JavaScript-এ single quote, double quote এবং template literal ব্যবহার করা যায়। Project-এ একটি consistent quote style অনুসরণ করলে code-এর consistency বজায় থাকে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• একটি consistent quote style অনুসরণ করুন।
• Variable যুক্ত string-এর জন্য template literal ব্যবহার করতে পারেন।

const name = "Anik";
const message = `Hello ${name}`;
console.log(message);

কোড এডিটর

Comment ব্যবহারের Style

Comment code-এর উদ্দেশ্য বা গুরুত্বপূর্ণ বিষয় বোঝাতে সাহায্য করে। তবে প্রতিটি লাইনে অপ্রয়োজনীয় comment না লিখে প্রয়োজনীয় জায়গায় সংক্ষিপ্ত comment ব্যবহার করা ভালো।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• প্রয়োজনীয় জায়গায় comment লিখুন।
• পুরনো বা ভুল comment update করুন।

// Calculate the total price
const price = 500;
const quantity = 2;
const total = price * quantity;
console.log(total);

কোড এডিটর

Operator ও Expression লেখার Style

Operator-এর চারপাশে consistent spacing রাখলে expression পড়তে সহজ হয়। খুব complex expression হলে সেটিকে কয়েকটি ধাপে ভাগ করা যেতে পারে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Operator-এর চারপাশে spacing রাখুন।
• জটিল expression প্রয়োজন হলে ছোট অংশে ভাগ করুন।

const price = 1000;
const discount = 100;
const quantity = 2;
const total = (price - discount) * quantity;
console.log(total);

কোড এডিটর

Array ও Object Formatting

বড় Array বা Object একাধিক line-এ সুন্দরভাবে format করলে code-এর structure সহজে বোঝা যায়। Property-এর নাম ও indentation পরিষ্কার রাখা গুরুত্বপূর্ণ।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• বড় object ও array সুন্দরভাবে format করুন।
• Property ও value-এর structure পরিষ্কার রাখুন।

const student = {
  name: "Anik",
  age: 25,
  course: "JavaScript"
};
console.log(student);

কোড এডিটর

Clean Code ও Consistency

একটি project-এর বিভিন্ন file-এ একই naming, indentation, formatting এবং coding convention অনুসরণ করলে maintain করা সহজ হয়। অপ্রয়োজনীয় code ও duplicate logic কমিয়ে পরিষ্কার code লেখা উচিত।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Project জুড়ে একই coding convention অনুসরণ করুন।
• Readable এবং maintainable code লেখার চেষ্টা করুন।

function calculateFinalPrice(price, discount) {
  const finalPrice = price - discount;
  return finalPrice;
}

console.log(calculateFinalPrice(1000, 100));

কোড এডিটর