নতুনদের জন্য সেরা ১০ টি জাভাস্ক্রিপ্ট শর্টহ্যান্ড!

জাভাস্ক্রিপ্ট হলো এক ধরনের শক্তিশালী প্রোগ্রামিং ল্যাঙ্গুয়েজ যার মাধ্যমে অনেক জটিল জটিল সমাধান চোখের নিমেষেই করে ফেলা সম্ভব। শুধু তাই নয়, এটি এমন একটি প্রোগ্রামিং যা দিয়ে প্রয়োজনীয় ছোট-খাটো অ্যানিমেশনের কাজ পর্যন্ত করা যায়। আর জাভাস্ত্রিপ্টের কাজ শুধু যে কোনো প্র্রোগ্রাম বানাতো তা কিন্তু নয়। অনেক প্রোগ্রাম বোঝাও এর একটি গুরুত্বপূর্ণ কাজ। এমনকি জাভাস্ক্রিপ্টে দক্ষ তাদেরকেই বলা হয় যারা এর কোডগুলো বুঝতে পারেন। এটি প্রোগ্রামিং ও ওয়েব  ডিজাইন দুটো দিকেই একজনকে দক্ষ করে তোলে।

জাভাস্ক্রিপ্টের সাথে আমার পরিচয় ঘটে অনেক আগে। তখন দৈনিক 'প্রথম আলো'তে সুডোকু মিলানোর খেলা সমাধান খুঁজতে গিয়ে জাভাস্ক্রিপ্টের সাথে পরিচয় ঘটে। এরপর পত্রিকার সুডোকু জাভাস্ক্রিপ্টে মিলিয়ে এস এম এস করে পাঠিয়ে দিতাম। উত্তর সঠিকই থাকতো কিন্তু আফসোস কখনই জেতা হয় নি বিজয়ী হিসেবে। শুধু তাই নয় জাভাস্ক্রিপ্টের সাহায্যে ইঞ্জিনিয়ারিং এর বহু সমস্যার সমাধান করা যায়। আর মাউস পয়েন্টার দিয়ে জাভাস্ক্রিপ্টে অনেক মজার মজার জিনিসও তৈরি করা যায়। তো আজ সেই জাভাস্ক্রিপ্ট নিয়েই কথা বলবো।

আপনারা যারা জাভাস্ক্রিপ্ট প্রোগ্রামিং শেখা মাত্র শুরু করেছেন তাদের উদ্দেশ্যেই আমার এই টিউন। যেকোন প্রোগ্রামিং প্রথমদিকে শিখতে গেলে আমরা অনেক বেশি নিয়ম কানুন মেনে চলি। যাতে ভুল না হয়। এটা অবশ্যই গুরুত্বপূর্ণ। কিন্তু প্রোগ্রামিং এর সবচেয়ে বড় সুবিধা হলো আপনি একই কাজ অনেক ভাবে করতে পারবেন। তাই প্রোগ্রামিং করতে করতে বা হাতে বেশি স্ক্রিপ্ট লিখতে লিখতে অনেকেই এর সংক্ষিপ্ত রাস্তা খুঁজতে থাকেন। আর হ্যাঁ সেরকম সংক্ষিপ্ত রাস্তা থাকেও। আজ সেরকমই কিছু বিষয় নিয়ে কথা বলবো। আজকে দেখাবো আমরা জাভাস্ক্রিপ্টে সময় বাঁচিয়ে শর্টহ্যান্ডে কীভাবে কিছু জানা স্ক্রিপ্টগুলো ব্যবহার করতে পারি। তো চলুন দেখে নেয়া যাক বিষয়গুলো।

১. দশমিক নাম্বার

আপনি যদি কোনো ব্যাংক বা আর্থিক প্রতিষ্ঠানের ডেভেলপার হিসেবে কাজ করতে যান তাহলে এই বিষয়টি আপনাকে অবশ্যই ফেইস করতে হবে। ধরা যাক আপনাকে সংখ্যায় দশকোটি লিখতে হবে। তো আপনি কীভাবে লিখবেন? আপনি 1 লিখে আটটি শূণ্য দিবেন। তাই তো? কিন্তু আপনি জাভাস্ক্রিপ্টে এই কাজটি করতে পারেন আরো সহজে। শুধুমাত্র  '1e8' লিখলেই প্রোগ্রাম বুঝে নেবে যে এক এর পর আটটি শূণ্য হবে।

এরকম, যদি প্রোগ্রামে আপনার 28000 লিখতে হয় আপনি শুধুমাত্র লিখবেন 28e3। এর মানেই হলো 28 এর পর ৩ টি শূণ্য। কোডে কীভাবে লিখতে হবে তা নিচে দেখে নিতে পারেন। আপনাদের বুঝতে সুবিধা হবে। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
var myVar = 1e8;
/* Longhand */
var myVar = 100000000;

২. মান বাড়ানো বা কমানো

কোনো কিছুর মান বাড়াতে হলে আপনাকে প্রোগ্রামিং-য়ে সাধারণত সবকিছু উল্লেখ করতে হয়। যেমন: i এর সাথে 1 যোগ করতে হলে লিখতে হয়,

i = i + 1;

কিন্তু জাভাস্ক্রিপ্টে এরও সংক্ষিপ্ত রুপ আছে। শুধুমাত্র এর পর দুটো প্লাস(+) চিহ্ন ব্যবহার করে খুব সহজেই এই কাজটি করা যায়।

অর্থাৎ, সেক্ষেত্রে লিখতে হবে,

i++;

একইভাবে, j থেকে 1 বিয়োগ করলে আমরা সাধারণত লিখতাম,

j=j-1;

কিন্তু সংক্ষেপে এই বিষয়টিই লিখতে পারবেন এভাবে,

j--;

কোডে কীভাবে লিখতে হবে তা নিচে দেখে নিতে পারেন।আপনাদের বুঝতে সুবিধা হবে। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
i++;
j--;
/* Longhand */
i=i+1;
j=j-1;
তবে এটি সাধারণভাবে ব্যবহৃত হয় না। কোনো প্রোগ্রামে Loop জাতীয় ফাংশান এলে তবেই এটি ব্যবহৃত হয়।

৩. যোগ, বিয়োগ, গুণ, ভাগ করা

যোগ, বিয়োগ, গুণ ও ভাগ করার জন্যও জাভাস্ক্রিপ্টের কিছু সংক্ষিপ্ত রুপ আছে। আর এটা সাধারণ মান বাড়ানো বা কমানোর মতোই।

ধরুন কোনো ভ্যারিয়েবল i এর সাথে 5 যোগ হবে, j এর সাথে 3 বিয়োগ হবে, k এর 10 গুণ হবে অথবা l এর 2 ভাগ হবে। সেক্ষেত্রে নিচের  মতো সংক্ষিপ্তরুপগুলো ব্যবহার করতে পারেন। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
i+=5;
j-=3;
k*=10;
l/=2;
/* Longhand */
i=i+5;
j=j-3;
k=k*10;
l=l/2;

৪. ক্যারেক্টার পজিশন ঠিক করা

স্ট্রিং এর ক্ষেত্রে  charAt() ব্যবহার বেশ জনপ্রিয় একটি পদ্ধতি, এটি যেকোন ক্যারেক্টারের পজিশন ঠিক করে থাকে। কাজের সুবিধার্থে এরও কিছু শর্টহ্যান্ড আছে।যারা এটা নিয়ে বেশি কাজ করে থাকেন তারা ভাল বুঝতে পারবেন। এটি আপনার অনেক মূল্যবান সময় বাঁচাবে। নিচে দেখুন শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

var myString = "Happy birthday";
/* Shorthand */
myString[4];
/* Longhand */
myString.charAt(4);

৫. অনেকগুলো ভ্যারিয়েবল ডিক্লেয়ার করা

আপনি যদি একই সময়ে এক এর অধিক ভ্যারিয়েবল ডিক্লেয়ার করাতে চান তাহলে সেগুলো আপনার বারবার ভ্যারিয়েবল টাইপ করার দরকার নেই। শুধু var()  লিখে ব্রাকেটে কমার মাধ্যমে সেগুলো বসাতে হবে। নিচে দেখলে ভাল বুঝতে পারবেন। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
var i, j=5, k="Good morning", l, m=false;
/* Longhand */
var i;
var j=5;
var k="Good morning";
var l;
var m=false;
এর মাধ্যমে সংজ্ঞায়িত ও অসংজ্ঞায়িত উভয় ভ্যারিয়েবলই বসাতে পারবেন।

৬. অ্যারে ডিক্লেয়ার করা

অ্যারে ডিক্লেয়ার করে কাজ করা জাভাস্ক্রিপ্টের একটি মজার একটি কাজ, যেমন,

var myArray = ["apple", "pear", "orange"]

তবে প্রতিবার অ্যারে বসানো বেশ ঝামেলাপূর্ণ একটি কাজ। তাই বারবার উল্লেখ না করে নিচের মতো করে আপনারা অ্যারে'র কাজ করতে পারেন।

নিচে  myArray এর মাধ্যমে বিখ্যাত লোকদের নাম ও তাদের জন্মস্থান উল্লেখ করা হয়েছে। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
var myArray  = {
  "Grace Kelly": "Philadelphia",
  "Clint Eastwood": "San Francisco",
  "Humphrey Bogart": "New York City",
  "Sophia Loren": "Rome",
  "Ingrid Bergman": "Stockholm"
}
/* Longhand */
var myArray = new Array();
myArray["Grace Kelly"] = "Philadelphia";
myArray["Clint Eastwood"] = "San Francisco";
myArray["Humphrey Bogart"] = "New York City";
myArray["Sophia Loren"] = "Rome";
myArray["Ingrid Bergman"] = "Stockholm";

৭. অবজেক্ট ডিক্লেয়ার করা

অবজেক্ট ডিক্লেয়ার করার পদ্ধতিটা হুবহু অ্যারে ডিক্লেয়ার করার মতোই। তাই নিচে দেখলেই বুঝতে পারবেন এর ব্যবহার সম্পর্কে। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

/* Shorthand */
var myObj = { name: "Sean Connery", placeOfBirth: "Edinburgh",
age: 86, wasJamesBond: true };
/* Longhand */
var myObj = new Object();
myObj.name = "Sean Connery";
myObj.placeOfBirth = "Edinburgh";
myObj.age = 86;
myObj.wasJamesBond = true;

৮. কন্ডিশনাল অপারেটর ব্যবহার করা

যেকোন প্রোগ্রামিং-য়েই সাধারণত কন্ডিশনাল অপারেটর ব্যবহার করা হয়। এর প্রধানত ৩ টি অংশ থাকে।

 প্রথমে শর্তটি
এরপর শর্তটি সত্য হলে কী হবে তা থাকে
এরপর শর্তটি মিথ্যা বা অন্যসব ক্ষেত্রে কী হবে তা থাকে
তবে জাভাস্ক্রিপ্টে এটিও আপনি সংক্ষিপ্ত আকারে অর্থাৎ শর্টহ্যান্ডে ব্যবহার করতে পারেন। নিচে  দেখুন।

নিচের উদাহরণে দেখানো হয়েছে একটি ক্লাবে প্রাপ্তবয়স্কদের বাছাই করার একটি কোড। ১৮ বছরের নিচের কেউ যাতে সেখানে যোগদান করতে না পারে। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

var age = 17;
/* Shorthand */
var message = age >= 18 ? "Allowed" : "Denied";
/* Longhand */
if(age >= 18) {
  var message = "Allowed";
} else {
  var message = "Denied";
}

৯. ভ্যারিয়েবল এর উপস্থিতি পরীক্ষা করা

মাঝে মাঝে আপনার দরকার হতে পারে যে কোনো নির্দিষ্ট একটি ভ্যারিয়েবল ডাটাতে আছে কিনা।

নিচের উদাহরণ দেখলেই বুঝতে পারবেন কত সহজে শর্টহ্যান্ডে বিষয়গুলো পাড়ি দেয়া যায়। তবে একটি গুরুত্বপূর্ণ কথা বলে রাখি। শর্টহ্যান্ডে লিখতে লিখতে যেন কখনই লংহ্যান্ড রাইটিং ছেড়ে না দেন। কারণ, অনেক সময় লংহ্যার্ড রাইটিং না চর্চা করলে অনেক প্রোগ্রামই বুঝতে কঠিন হয়। নিচে দেখুন। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

var myVar = 99;
/* Shorthand */
if(myVar) {
  console.log("The myVar variable is defined AND it's not empty
  AND not null AND not false.");
}
/* Longhand */
if(typeof myVar !== "undefined" && myVar !==  "" && myVar !== null
&& myVar !== 0 && myVar !== false  ) {
  console.log("The myVar variable is defined AND it's not empty
  AND not null AND not false.");
}

১০. ভ্যারিয়েবলের অনুপস্থিতি পরীক্ষা করা

শুধুমাত্র 'মাই ভ্যারিয়েবল' এর আগে একটি আশ্চর্যবোধক চিহ্ন বসিয়েই আগের মতো করে কোনো ভ্যারিয়েবলের অনুপস্থিতি পরীক্ষা করা যায়। নিচে দেখুন। শর্টহ্যান্ড ও লংহ্যান্ড-য়ে কী হবে উভয়ই দেখানো হয়েছে।

var myVar;
/* Shorthand */
if(!myVar) {
  console.warn("The myVar variable is undefined (OR) empty (OR)
  null (OR) false.");
}
/* Longhand */
if(typeof myVar === "undefined" || myVar === "" || myVar === null
|| myVar === 0 || myVar === false  ) {
  console.warn("The myVar variable is undefined (OR) empty (OR)
  null (OR) false.");
}


সবচেয়ে গুরুত্বপূর্ণ ব্যাপার হলো কোনো মতেই লংহ্যান্ড চর্চা ছেড়ে দেয়া যাবে না। শর্টহ্যান্ড গুলো শুধুমাত্র বিশেষ বিশেষ সময়ে ব্যবহার করার জন্য। আর যেকোন জিনিসেরই শিকড় ধরে রাখা প্রয়োজন। তাই শর্টহ্যান্ড বিশেষ প্রয়োজন ছাড়া ব্যবহার না করাই ভাল।