সোলায়মান হায়দার

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

The most common use of JavaScript is to add client-side behavior to HTML pages, also known as Dynamic HTML (DHTML). Scripts are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page.

এটা ডেফিনেটলি একটি টেকনিক্যাল ডেফিনেশন। জাভাস্ক্রিপ্ট কি এটা বুঝতে চাইলে আমাদের চলে যেতে হবে এটির ইনভাইরনমেন্ট অর্থাৎ ব্রাউজারে।

ওয়েবসাইট

কন্টেন্ট, সুন্দর ডিজাইন, ইন্টার‌্যাক্টিভ এলিমেন্টস, ইত্যাদি সম্বলিত একটি মডার্ন ওয়েবসাইট তিনটি কোড লেয়ারের মাধ্যমে তৈরি হয়। যেগুলি হল,

  1. HTML Document
  2. CSS Rules
  3. JavaScript

১. HTML Document: প্রথম লেয়ার হল HTML Document, এই লেয়ারে ওয়েবসাইটের কন্টেন্ট মার্কআপ ল্যাংগুয়েজে সাজানো থাকে যাতে ওয়েব ব্রাউজার খুব সহজেই সেটা প্রসেস করতে পারে। আপনি যখন কোন ওয়েবসাইট ভিজিট করছেন, আপনি আসলে এই ডকুমেন্টটিই এক্কেস করছেন। HTML Document ছাড়া ওয়েবসাইট এর কোন অস্তিত্ব নেই।

২. CSS Rules: দ্বিতীয় লেয়ার হল কালেকশন অব CSS Rules, এই লেয়ারে ব্রাউজারের জন্য CSS কোড এর মাধ্যমে নির্দেশনা থাকে কিভাবে HTML মার্কআপ প্রদর্শিত হবে। ওয়েবসাইটের প্রেজেন্টেশন HTML এবং CSS এই দুইটি লেয়ারের সম্বলিত রূপ।

৩. JavaScript: তৃতীয় লেয়ার হল জাভাস্ক্রিপ্ট, যেটা আমাদের মুল আলোচ্য বিষয়। এটিকে ওয়েবসাইটের ইন্টার‌্যাক্টিভ লেয়ার বলা হয়। জাভাস্ক্রিপ্ট ওয়েবসাইটের স্ক্রিপ্টিং ল্যাংগুয়েজ যা ব্রাউজারে রান হয় এবং HTML মার্কআপ ও CSS রুলস এর সাথে ইন্ট্যারক্ট করে। এটি HTML কে ইচ্ছেমত পরিবর্তন ও পরিবর্ধন করতে পারে।

আপনি যখন ওয়েব ব্রাউজারে কোন ওয়েবসাইটের এড্রেস এন্টার দেন, তখন ব্রাউজার ওয়েবসাইটটির HTML ডকুমেন্ট ডাউনলোড করে করে এবং ইনডেক্স করে। তার HTML ডকুমেন্ট এ যেই CSS এবং JavaScript ফাইলের রেফারেন্স দেয়া আছে সেগুলি ডাউনলোড করে। ডাউনলোড করার পর প্রথমে জাভাস্ক্রিপ্ট ফাইলগুলি রান করে। জাভাস্ক্রিপ্ট ফাইলগুলি রান করার ফলে HTML ডকুমেন্ট বেশকিছু পরিবর্তন আসে। তারপর HTML ডকুমেন্টটিকে সুন্দর করে সাজানোর জন্য, ব্রাউজার CSS রুলগুলি এপ্লাই করে।

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

সুতরাং, সহজ কথায় জাভাস্ক্রিপ্ট হল একটি স্ক্রিপ্টিং ল্যাংগুয়েজ যা দিয়ে আপনি ছোট ছোট প্রোগ্রাম লেখতে পারবেন এবং সেটি ব্রাউজারে রান করে HTML ও CSS ডকুমেন্ট এ পরিবর্তন আনে।

পোস্টের মন্তব্যগুলি

কমেন্ট লোড হচ্ছে...

এই ধরনের আরও পোস্ট

মডার্ন জাভাস্ক্রিপ্ট দিয়ে কি কি করা যায়?

৩ মাস আগে পোস্ট করা হয়েছে

মডার্ন জাভাস্ক্রিপ্ট দিয়ে কি কি করা যায়?

প্রোগ্রামিং জগৎ এ ওয়ান অফ দ্য ভার্সেটাইল প্রোগ্রামিং ল্যাঙ্গুয়েজ হলো জাভাস্ক্রিপ্ট। বলা যায় প্রোগ্রামিং এর এমন কোন সেক্টর নেই যা জাভাস্ক্রিপ্ট দিয়ে করা যায় না। ওয়েব ডেভেলপমেন্ট থেকে শুরু করে, মোবাইল এপ ডেভেলপমেন্ট, সার্ভার সাইড এপ্লিকেশন, রোবটিক্স, মেশিন লার্নিং, সবই করা যায় মডার্ন জাভাস্ক্রিপ্ট দিয়ে। মডার্ন জাভাস্ক্রিপ্ট এর এমন কয়েকটি গুরুত্বপুর্ন কয়েকটি ইউজ কেস নিয়ে…

জাভাস্ক্রিপ্ট – ভবিষ্যৎ প্রজন্মের প্রোগ্রামিং ল্যাঙ্গুয়েজ?

২ বছর আগে পোস্ট করা হয়েছে

জাভাস্ক্রিপ্ট – ভবিষ্যৎ প্রজন্মের প্রোগ্রামিং ল্যাঙ্গুয়েজ?

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

কেন একজন ফ্রিল্যান্সার প্রোগ্রামারকে বিয়ে করবেন?

৫ বছর আগে পোস্ট করা হয়েছে

কেন একজন ফ্রিল্যান্সার প্রোগ্রামারকে বিয়ে করবেন?

কম্পিউটার প্রোগ্রামাররা সবচেয়ে বেশী চিন্তিত থাকে তাদের বিয়ে নিয়ে। তাদের কাছে মনে হয় কেউ বুঝি তাদের বিয়ে করবে না। পাত্রী পক্ষও প্রোগ্রামারদের প্রফেশন সম্পর্কে ভালো করে বুঝতে পারে না, ফলে তারা তাদের আদরের মেয়েকে একজন প্রোগ্রামারের হাতে তুলে দিতে ভয় পায়। কিন্তু একজন প্রোগ্রামারকে বিয়ে করলে অনেক সুবিধা পাওয়া যায়, যা অন্য প্রফেশনের কেউ দিতে…

গ্যাটসবি জেএস (GatsbyJs) কি, কেন, হুয়াই?

৪ মাস আগে পোস্ট করা হয়েছে

গ্যাটসবি জেএস (GatsbyJs) কি, কেন, হুয়াই?

গ্যাটসবি জেএস মূলত একটি রিয়েক্টজেএস বেজড জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক, যা স্ট্যাটিক ওয়েবসাইট জেনারেট করার জন্য ইউজ করা হয়। অন্যান্য স্ট্যাটিক সাইট জেনারেটরগুলি থেকে এটা অনেক বেশী পাওয়ারফুল এবং রিলায়েবল হওয়ায় গত কয়েক বছরে Gatsby এর জনপ্রিয়তা আকাশ ছুঁয়েছে। গ্যাটসবি প্রগ্রেসিভ ওয়েব এপ তৈরির জন্য ওয়ান অব দা বেস্ট টুল। গ্যাটসবিতে জেনারেট করা সাইটে ইনিশিয়াল লোডের সময়…

আসুন জানি পাঁচটি মডার্ন সিএসএস ফ্রেমওয়ার্ক সম্পর্কে

২ বছর আগে পোস্ট করা হয়েছে

আসুন জানি পাঁচটি মডার্ন সিএসএস ফ্রেমওয়ার্ক সম্পর্কে

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

দুর্বল ইন্টারনেট কানেকশন

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