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

জাভাস্ক্রিপ্ট দ্রুত বর্ধনশীল জনপ্রিয় একটি স্ক্রিপ্ট ল্যাঙ্গুয়েজ। বর্তমান সময় জাভাস্ক্রিপ্টের প্রচুর চাহিদা লক্ষ করা যায়। অনলাইন মার্কেটপ্লেস থেমে অফলাইন মার্কেটপ্লেসে সমানভাবে কদর রয়েছে এই ল্যাঙ্গুয়েজের। আমরা আজকে জাভাস্ক্রিপ্টের গুরুত্বপূর্ণ বিষয় ‘‘জাভাস্ক্রিপ্ট এলিমেন্ট ’’ সর্ম্পকে জানবো।

অনেকেই জাভাস্ক্রিপ্টকে প্রোগ্রামিং ল্যাঙ্গুয়েজ বলে থাকেন। এটা কিন্তু সঠিক ধারণা নয়। জাভাস্ক্রিপ্ট কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয় বরং একটি স্ক্রিপ্ট ল্যাঙ্গুয়েজ।

জাভাস্ক্রিপ্ট বাংলা  টিউটোরিয়াল

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

দেখি আজকে জাভাস্ক্রিপ্ট নিয়ে খেলা যায় কি না?

আমি ধরে নিচ্ছি যে, জাভাস্ক্রিপ্ট কি? এ বিষয়ে আপনি জানেন। সো সেই বিষয়ে আর আলোকপাত না করে সরাসরি জাভাস্ক্রিপ্টের এলিমেন্ট এ চলে যায়।

আমাদের আলোচনায় থাকছে,

• JavaScript ভেরিয়েবল (Variable)
• ডেটা টাইপ (Data Type)
• জাভাস্ক্রিপ্ট অপারেটর (JavaScript Operator)

এখন আমরা জাভাস্ক্রিপ্ট শেখার উপায় সম্পর্কে জানবো!

জাভাস্ক্রিপ্ট এর চৌদ্দগুষ্টি

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

আপনি কি বলতে পারেন, জাভাস্ক্রিপ্ট শিখতে কতদিন লাগে ? আমরা জেনে নেব চলুন।

JavaScript ভেরিয়েবল (Variable)

জাভাস্ক্রিপ্ট ভেরিয়েবল কি? পাত্র দেখেছেন কখনও? হেই আপনাকে বলছি? পাত্র! আরে কনটেইনার। বিয়ের পাত্র নয়😛

একটি কনটেইনার। কি করা হয় এর দ্বারা? নিশ্চয় দরকারী কিছু জমা রাখা যায়। তাই নয় কি?

তার মানে হচ্ছে একটি কনটেইনার অনেকগুলো এলিমেন্টকে ধারণ করে। ঠিক একইভাবে জাভাস্ক্রিপ্ট ভ্যারিয়েবল (JavaScript Variable) একটি কনটেইনারের মত অনেকগুলো এলিমেন্টকে ধারণ করে রাখে।

একটি নির্দিষ্ট ভ্যারিয়েবল একবার ডিক্লেয়ার করলে পরবর্তীতে যে কোন জায়গায় অনায়াসেই ব্যবহার করা যায়।তাহলে বোঝা যাচ্ছে ভ্যারিয়েবল ভ্যাল্যু অ্যাসাইন করার জন্য ব্যবহার করা হয়।

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

এর কারণে আমরা একই কোডকে বার বার উল্লেখ না করে ঐ নির্দিষ্ট ভ্যারিয়েবলকে কল করে থাকি। আর আমাদের প্রয়োজন মিটে যায়।

আরও একটু সহজভাবে বললে, ধরুন, আপনার সামনে একটি পাত্র আছে। ঐ পাত্রের মধ্যে অনেকগুলো মিস্টি আর সু-স্বাদু আম আছে।

এখন পাত্রটিকে বলা হচ্ছে কনটেইনার/ভ্যারিয়েবল আর আমগুলো হচ্ছে এলিমেন্ট/ভ্যাল্যু।

আশা করি জাভাস্ক্রিপ্ট ভ্যারিয়েবল কি বুঝতে পারছেন? তবে এখানে একটা বিষয় না বললেই নয় তা হচ্ছে,

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

ভ্যারিয়েবল কিন্তু শুধুমাত্র জাভাস্ক্রিপ্টেই পাওয়া যায় তা কিন্তু নয়। আপনি অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজ যেমন,  সি (C), সি ++ (C++), পিএইচপি (PHP), জাভা (Java), পাইথন (Python), রুবি (Ruby) এগুলোর মাঝেও এর গন্ধ পাবেন।

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

তাই একটু চালাক হলেই আপনি নিশ্চিত গোল করতে পারেন।

 জাভাস্ক্রিপ্ট ডেটা টাইপ (JavaScript Data Type)

HTML, CSS & JavaScript ডেটা বলতে আমরা মূলত বিভিন্ন ধরণের তথ্যকে বুঝে থাকি। আর ডেটা টাইপ বলতে মূলত বোঝানো হয় জাভাস্ক্রিপ্টে যে তথ্যগুলো থাকে তা কোন ধরণের।

ইন্টিজার নাকি ফ্লোট? স্ট্রিং নাকি ক্যারেক্টার কোন ধরণের এটা নির্ধারণ করবে ডেটা টাইপ।

ধরি,

a = 85; লিখলে অটোমেটিক ইন্টিজার টাইপের হয়ে যায়।

ln = 85.9 অটোমেটিক ফ্লোট টাইপের ডেটা হয়ে যাবে।

d = ‘Mojnu’ এটি একটি স্ট্রিং

dh = ‘y’ ক্যারেক্টার টাইপের ডেটা।

জাভাস্ক্রিপ্টের মধ্যে রাখা ভ্যারিয়েবলের ডেটা টাইপ অটোমেটিক নির্ধারণ হয়ে যায়। যা অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজে হয় না।

তার মানে জাভাস্ক্রিপ্টের কোন ডেটা টাইপ হয় না।

JavaScript Operator (জাভাস্ক্রিপ্ট অপারেটর )

জাভাস্ক্রিপ্ট টিউটোরিয়াল এর এই সেকশনে আমরা জাভাস্ক্রিপ্ট অপারেটর কি? তা জানার চেষ্টা করবো।

Symbol বা প্রতিক যা সাধারণত গাণিতিক কাজ করতে ব্যবহার করা হয় তাকে অপারেটর বলে।

তার মানে হল অপারেটর হচ্ছে এমন কিছু টোকেন যার মাধ্যমে আমরা ইজিলি কোন গাণিতিক প্রক্রিয়া সলভ করে ফেলি।

তো বন্ধু JavaScript শেখার সবচেয়ে ভালো উপায় কি বলতে পারেন?

জাভাস্ক্রিপ্ট অপারেটর রেফারেন্স

গাণিতিক অপারশনের জন্য ব্যবহৃত যোগ, বিয়োগ, গুণ, ভাগ এসব কিছু হচ্ছে অপারেটর। ভেরিয়েবল এর সাথে অন্যান্য এলিমেন্টের পারস্পরিক যে সম্পর্ক তা বুঝানোর জন্য জাভাস্ক্রিপ্ট অপারেটর ব্যবহার করা হয়।

(JavaScript Element) জাভাস্ক্রিপ্ট এলিমেন্ট

অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজের মধ্যে প্রাপ্ত অপারেটর এবং জাভাস্ক্রিপ্টের সকল অপারেটর মূলত একই ধাচের। আপনি যদি এই অপারেটরগুলি ভালভাবে আয়ত্ত্বে আনতে পারেন,

তবে, আপনার জন্য অন্যান্য প্রোগ্রামিং ভাষা যেমন, সি, সি++, পিএইচপি, পাইথন এসব ল্যাঙ্গুয়েজের অপারেটর সম্পর্কে বিস্তর ধারণা পেয়ে যাবেন।

(JavaScript) জাভাস্ক্রিপ্ট অপারেটরের প্রকারভেদ

জাভাস্ক্রিপ্ট অপারেটর, জাভাস্ক্রিপ্টে কয়েক ধরণের অপারেটর ব্যবহার করা হয়। এগুলো কাজের ধরণের উপর নির্ভর করে এবং সেই সাথে ব্যবহারের দিক লক্ষ রেখে ব্যবহার করা হয়।

• অ্যাসাইনমেন্ট অপারেটর (Assignment Operator),
• স্ট্রিং অপারেটর (String Operator),
• কন্ডিশনাল অপারেটর (Conditional Operator),
• গাণিতিক অপারেটর (Arithmetic Operator),
• কমপেরিসন অপারেটর (Comparison Operator),
• যুক্তিমুলক অপারেটর (Logical Operator),
• কমা অপারেটর (Comma Operator),
• বিটওয়াইজ অপারেটর (Bitwise Operator),
• রিলেশনাল অপারেটর (Relational Operator),
• অপারেটর (Unary Operator)

জাভাস্ক্রিপ্ট ফর লুপ কি? 

আপনি কি জাভাস্ক্রিপ্ট ফর লুপ সম্পর্কে জানেন? লুপ হচ্ছে এমন একটি উপায় যার মাধ্যমে কোন কোডকে বহুবার রান করিয়ে ভিন্ন ভিন্ন ভ্যালু তৈরী করা সম্ভব।

আমরা কয়েক ধরণের লুপ পেয়ে থাকি।

• ফর লুপ (For Loop)
• ডু লুপ (Do Loop)
• হোয়াইল লুপ (White Loop)

জাভাস্ক্রিপ্টের ভবিষ্যৎ আসলে কি?

এবার জাভাস্ক্রিপ্ট এর ভবিষ্যৎ জেনে নিন। একজন স্বর্ণকার কেবল বোঝেন যে স্বর্ণের মূল্য আসলে কত? একজন ডাক্তার বোঝেন ঔষুধে কি হয়?

ঠিক একই ভাবে একজন ওয়েব ডিজাইনার কিংবা ডেভেলপার ভাল করেই জানে যে জাভাস্ক্রিপ্ট দিয়ে আসলে কি হয়?

এটি অনেক শক্তিশালী একটি ভাষা। এর মাধ্যমে ওয়েবসাইটকে অনেক আকর্ষণীয় করে তোলা যায়।

আমরা অনেক সময় ওয়েবসাইট ভিজিট করলে দেখি যে কিছু লেখা লাফালাফি করে কিংবা এক পাশ থেকে অন্য পাশে যায়।

আবার বিভিন্ন ফুল ফল এর ঝিলিক লক্ষ করা যায়। এসব ইন্টারঅ্যাক্টিভ কাজ জাভাস্ক্রিপ্টের সাহায্যে সুন্দরভাবে করা যায়।

জাভা এবং জাভাস্ক্রিপ্ট দুটি কখনই এক বিষয় নয়, যদিও একে অনেকেই জাভা মনে করে থাকেন, এটি তাদের ভুল ধারণা।

জাভা একটি স্বয়ং সর্ম্পূণ প্রোগ্রামিং ভাষা যেখানে জাভাস্ক্রিপ্ট শুধুমাত্র একটি স্ক্রিপ্ট ল্যাঙ্গুয়েজ। সুতরাং এই বিষয়টির সু-স্পষ্ট ধারণা থাকা উচিত।

কেন শিখবেন জাভাস্ক্রিপ্ট? কি কি করা যাবে 

তাহলে ভাবুন তো জাভাস্ক্রিপ্ট কেন ব্যবহার করা হয় আর জাভাস্ক্রিপ্টের ভবিষ্যৎ কি হতে পারে? 

অনলাইন মার্কেটপ্লেস এ জাভাস্ক্রিপ্টের প্রচুর কাজ পাওয়া যায়। একজন ওয়েব ডিজাইনারের রয়েছে প্রচুর চাহিদা। আর আমরা জানি একজন ওয়েব ডিজাইনার প্রায়শই জাভাস্ক্রিপ্টের কাজ করে থাকে।

মার্কেটপ্লেসের দিকে তাকালে জাভাস্ক্রিপ্টের উজ্জল ভবিষ্যৎ লক্ষ করা যায়। একজন ওয়েব ডিজাইনারের ঘন্টা প্রতি সর্বনিম্ন ১০ ডলার আয় হয়।

সুতরাং আপনি যদি একজন ওয়েব ডিজাইনার হতে পারেন সেই সাথে জাভাস্ক্রিপ্টে পর্যাপ্ত জ্ঞান রাখতে পারেন তবে প্রতি মাসে আপনার ৫০০-১০০০ ডলার আয় হবে এটা বলার অপেক্ষায় রাখে না।

তবে এর জন্য আপনাকে লেগে থাকতে হবে। প্রচুর অধ্যবসায় করতে হবে। সফল ব্যক্তিদের দিকে তাকান। তাদের সফলতার একমাত্র কারণই হচ্ছে ধৈর্যের সাথে কাজে লেগে থাকা।

আচ্ছা,

জাভাস্ক্রিপ্ট শিখে কি ওয়েব ডিজাইনার হওয়া যায়? তাহলে পড়ুন ওয়েব ডিজাইন নিয়ে কিছু কথা!

আশা করছি জাভাস্ক্রিপ্টের উল্লিখিত এলিমেন্ট, জাভাস্ক্রিপ্ট এলিমেন্ট নিয়ে আপনার কোন সংশয় আর থাকল না।

উজ্জল হয়ে উঠুক আপনার ভবিষ্যৎ জাভাস্ক্রিপ্টের সাথে এই শুভ কামনায় আজকের মত বিদায় নিচ্ছি।

আল্লাহ্ হাফেজ।