জাভাস্ক্রিপ্ট কি এবং এটি কিভাবে কাজ করে?

জাভাস্ক্রিপ্ট কি এবং এটি কিভাবে কাজ করে?

আধুনিক ওয়েব ডেভেলপমেন্টে জাভাস্ক্রিপ্ট প্রধান হয়ে উঠেছে। এই শক্তিশালী ভাষাটি যে কোনো ওয়েব ডেভেলপারকে বোঝার জন্য একটি অপরিহার্য হাতিয়ারে পরিণত হয়েছে।





জাভাস্ক্রিপ্টের বিশেষ বৈশিষ্ট্য রয়েছে যা এটিকে প্রচলিত প্রোগ্রামিং ভাষা থেকে আলাদা করে তোলে। আমরা এটি কী, এটি কীভাবে কাজ করে এবং আপনি এটি দিয়ে কী করতে পারেন তা খনন করতে যাচ্ছি। আসুন এটি ভেঙে ফেলি।



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

জাভাস্ক্রিপ্ট ওয়েবের জন্য একটি স্ক্রিপ্টিং ভাষা। এটি একটি ব্যাখ্যিত ভাষা, যার অর্থ হল C বা C ++ এর মত তার কোড অনুবাদ করার জন্য কম্পাইলারের প্রয়োজন নেই। জাভাস্ক্রিপ্ট কোড সরাসরি একটি ওয়েব ব্রাউজারে চলে।





ভাষার সর্বশেষ সংস্করণ হল ECMAScript 2018 যা 2018 সালের জুন মাসে প্রকাশিত হয়েছিল।

কিভাবে কম্পিউটারে লাইভ টিভি দেখবেন

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



জাভাস্ক্রিপ্ট ওয়েব পেজের গতিশীল উপাদানগুলিকে নিয়ন্ত্রণ করে। এটি ওয়েব ব্রাউজারে এবং সম্প্রতি ওয়েব সার্ভারেও কাজ করে। অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস (API) এছাড়াও জাভাস্ক্রিপ্ট দ্বারা সমর্থিত, আপনাকে আরও কার্যকারিতা প্রদান করে।

জাভাস্ক্রিপ্ট কীভাবে কাজ করে তা বোঝা একটু সহজ যখন আপনি বুঝতে পারবেন কিভাবে ওয়েব প্রোগ্রামিং কাজ করে, তাই আসুন আরো শিখি।



ওয়েব অ্যাপ বিল্ডিং ব্লক

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

  • এইচটিএমএল একটি মার্কআপ ভাষা যা ওয়েব পেজের কঙ্কাল তৈরি করে। সমস্ত অনুচ্ছেদ, বিভাগ, ছবি, শিরোনাম এবং পাঠ্য এইচটিএমএলে লেখা। বিষয়বস্তু ওয়েবসাইটে প্রদর্শিত হয় যাতে তারা HTML এ লেখা থাকে।
  • সিএসএস শৈলী এবং বিন্যাসের অতিরিক্ত দিকগুলি নিয়ন্ত্রণ করে। ওয়েবসাইটের নকশা তৈরিতে CSS ব্যবহার করা হয় যাতে রঙ, ফন্ট, কলাম, সীমানা ইত্যাদি তৈরি হয়।
  • তৃতীয় উপাদান হল জাভাস্ক্রিপ্ট। এইচটিএমএল এবং সিএসএস কাঠামো তৈরি করে, কিন্তু তারা সেখান থেকে কিছুই করে না। জাভাস্ক্রিপ্ট আপনার অ্যাপে গতিশীল কার্যকলাপ তৈরি করে। জাভাস্ক্রিপ্টে স্ক্রিপ্টিং বাটন ক্লিক করা হলে ফাংশন নিয়ন্ত্রণ করে, পাসওয়ার্ড ফর্মগুলি কীভাবে প্রমাণিত হয়, মিডিয়া কীভাবে নিয়ন্ত্রণ করা হয়।

সম্পূর্ণ স্কেল অ্যাপ তৈরির জন্য তিনটি অংশই একে অপরের সাথে সামঞ্জস্য রেখে কাজ করে। এইচটিএমএল এবং সিএসএস সম্পর্কে আরও জানার জন্য এটি একটি ভাল ধারণা হবে যদি আপনি তাদের সাথে সম্পূর্ণ আরামদায়ক না হন।



জাভাস্ক্রিপ্ট কিভাবে কাজ করে?

জাভাস্ক্রিপ্ট লেখার আগে এটা জানা জরুরী যে এটি কিভাবে কাজ করে। ওয়েব ব্রাউজার কিভাবে কাজ করে এবং ডকুমেন্ট অবজেক্ট মডেল (DOM) সম্পর্কে জানতে দুটি গুরুত্বপূর্ণ টুকরা রয়েছে।

ওয়েব ব্রাউজার একটি ওয়েব পেজ লোড করে, HTML পার্স করে এবং বিষয়বস্তু থেকে যা ডকুমেন্ট অবজেক্ট মডেল (DOM) নামে পরিচিত তা তৈরি করে। DOM আপনার জাভাস্ক্রিপ্ট কোডে ওয়েব পেজের লাইভ ভিউ উপস্থাপন করে।

ব্রাউজারটি তখন এইচটিএমএল -এর সাথে সংযুক্ত সব কিছু ধরবে, যেমন ছবি এবং সিএসএস ফাইল। সিএসএস তথ্য সিএসএস পার্সার থেকে আসে।

এইচটিএমএল এবং সিএসএস একসাথে ডোম দ্বারা ওয়েব পেজ তৈরি করার জন্য একত্রিত করা হয়। তারপর, ব্রাউজারের জাভাস্ক্রিপ্ট ইঞ্জিন জাভাস্ক্রিপ্ট ফাইল এবং ইনলাইন কোড লোড করে কিন্তু তাৎক্ষণিকভাবে কোডটি চালায় না। এটি HTML এবং CSS লোডিং শেষ হওয়ার জন্য অপেক্ষা করে।

একবার এটি সম্পন্ন হয়ে গেলে, জাভাস্ক্রিপ্ট কোডটি যেভাবে লেখা হয় সেভাবে কার্যকর করা হয়। এর ফলে DOM জাভাস্ক্রিপ্ট কোড দ্বারা আপডেট করা হয় এবং ব্রাউজার দ্বারা রেন্ডার করা হয়।

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

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

জাভাস্ক্রিপ্ট হল একটি পূর্ণাঙ্গ প্রোগ্রামিং ভাষা যা পাইথনের মতো একটি নিয়মিত ভাষা করতে পারে। এর মধ্যে রয়েছে:

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

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

জাভাস্ক্রিপ্ট ব্যবহার করে

আসুন কোড উদাহরণ সহ কিছু জাভাস্ক্রিপ্ট বেসিক দেখি।

ভেরিয়েবল ঘোষণা করা

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

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

অপারেটর

যোগ

12 + 5
>> 17

বিয়োগ

20 - 8
>> 12

গুণ

5 * 2
>> 10

বিভাগ

50 / 2
>> 25

মডুলাস

45 % 4
>> 1

অ্যারে

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

কার্যাবলী

জাভাস্ক্রিপ্ট ফাংশন লিখতে পারে, এখানে একটি সহজ ফাংশন যা সংখ্যা যোগ করে।

আইফোন কম্পিউটার ইউএসবি সংযোগ করবে না
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

লুপ

জাভাস্ক্রিপ্ট পুনরাবৃত্তির জন্য লুপগুলি সম্পাদন করতে পারে, যেমন লুপগুলি loops জন্য এবং যখন loops।

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

মন্তব্য

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

একটি ওয়েব পেজে

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

  • নিম্নরূপ একটি ওয়েব পেজে একটি বহিরাগত জাভাস্ক্রিপ্ট ফাইল লোড করুন: | _+_ |
  • ওয়েব পেজ থেকে জাভাস্ক্রিপ্ট ভিন্ন ডোমেইনের হলে আপনি সম্পূর্ণ ইউআরএল উল্লেখ করতে পারেন: | _+_ |
  • জাভাস্ক্রিপ্ট সরাসরি এইচটিএমএল এ এম্বেড করা যায়। এখানে একটি | _+_ |

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

এগুলি আরও উন্নত বিষয়, এই মুহুর্তে আপনি মৌলিক বিষয়গুলি শিখছেন।

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

ওয়েব পেজে কিভাবে এটি ব্যবহার করা হয় তা বোঝানোর জন্য এখানে কিছু সহজ জাভাস্ক্রিপ্ট কোডের নমুনা দেওয়া হল। এই কোডগুলির উদাহরণ যা DOM এর সাথে কাজ করে।

  • নিম্নলিখিতগুলি সমস্ত নির্বাচন করে সাহসী ডকুমেন্টের উপাদান এবং প্রথমটির রঙ লাল করে। | _+_ |
  • ইমেজ পরিবর্তন করতে চান img ট্যাগ? নিম্নলিখিতগুলির জন্য একটি ইভেন্ট হ্যান্ডলার সহযোগী ক্লিক একটি বোতামের ঘটনা। | _+_ |
  • একটি অনুচ্ছেদের পাঠ্য সামগ্রী আপডেট করুন ( পৃ ) উপাদান? স্থির কর অভ্যন্তরীণ HTML দেখানো উপাদানটির সম্পত্তি: | _+_ |

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

এখন আপনি জানেন যে জাভাস্ক্রিপ্ট কি করে

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

শেয়ার করুন শেয়ার করুন টুইট ইমেইল কিভাবে কমান্ড প্রম্পট ব্যবহার করে আপনার উইন্ডোজ পিসি পরিষ্কার করবেন

যদি আপনার উইন্ডোজ পিসি স্টোরেজ স্পেস কম থাকে, এই দ্রুত কমান্ড প্রম্পট ইউটিলিটি ব্যবহার করে জাঙ্ক পরিষ্কার করুন।

পরবর্তী পড়ুন সম্পর্কিত বিষয়
  • প্রযুক্তি ব্যাখ্যা করা হয়েছে
  • প্রোগ্রামিং
  • ওয়েব ডেভেলপমেন্ট
  • জাভাস্ক্রিপ্ট
  • স্ক্রিপ্টিং
লেখক সম্পর্কে অ্যান্থনি গ্রান্ট(40 নিবন্ধ প্রকাশিত)

অ্যান্থনি গ্রান্ট একজন ফ্রিল্যান্স লেখক যা প্রোগ্রামিং এবং সফটওয়্যারকে কভার করে। প্রোগ্রামিং, এক্সেল, সফটওয়্যার এবং প্রযুক্তিতে তিনি একজন কম্পিউটার সায়েন্স প্রধান।

অ্যান্থনি গ্রান্ট থেকে আরো

আমাদের নিউজলেটার সদস্যতা

প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!

সাবস্ক্রাইব করতে এখানে ক্লিক করুন