সর্বপ্রথম একটি ফাইল খুলতে হবে, ফাইল টির এক্সটেনশান .জেএস(.js) দিতে হবে। যদি এক্সটেনশান দেখা না যায় তাহলে ফাইল এর ভিউ অপশান এ গিয়ে শো এক্সটেনশান সিলেক্ট করে দিতে হবে। যে কোন পোল্ডার তৈরি করার সময় পোল্ডারে ইস্পেস না দেওয়া এ ভালো।
নতুন করে ফাইল তৈরি করা/ ক্রিয়েট করা
১/ যে পোল্ডারে ফাইলটি তৈরি করতে চাই সে পোল্ডারে রাইট বাটন ক্লিক করে গিট ভ্যাশ হেয়ার (git bash hare) এ ক্লিক করতে হবে। ক্লিক করার পর একটি কম্পান্ডফোর্ড ওপেন হবে, কম্পান্ডফোর্ড এ লেখতে হবে টাস ইস্পেস পোল্ডারের নাম এক্সটেনশান সহ, যেমন(touch index.html, style.css, script.js)লিখে এন্টার দিলে নতুন ফাইল তৈরি হয়ে যাবে।
২/ ভিজিউয়েল স্টিডিও থেকে নতুন ফাইল তৈরি করা যার, ভিজিউয়েল স্টিডিও +আইকন চিহ্ন তে ক্লিক করে ফাইলটির নাম এক্সটেনশান সহ লিখে এন্টার দিলে নতুন ফাইল তৈরি হয়ে যাবে
3/ পোল্ডারের বিতর রাইট বাটন ক্লিক করে New > Text Document এ ক্লিক করে ফাইল এর নাম এক্সটেনশান সহ লিখে এন্টার দিলে নতুন ফাইল তৈরি হয়ে যাবে।
ক্রিয়েট করা ফাইলটি ওপেন করতে হবে, ওপেন করার অনেক গুলো নিয়ম আছে
যেমন,
১/ ফাইল এর সার্চবার এ চিএমডি(cmd) লিখে এন্টার দিলে একটি কম্পান্ডফোর্ড ওপেন হবে, এবার কম্পান্ডফোর্ড এ লিখতে হবে কোড ইস্পেস . (code .) লিখে এন্টার দিলে ডিফোল্ড কোড ইডিটর এ ফাইলটি ওপেন হবে।
2/ যে পোল্ডার এর ভিতরে ফাইল টি ক্রিয়েট করছি সে পোল্ডার এর মধ্যে রাইট বাটন ক্লিক করে {গিট ভ্যাশ হেয়ার(git bash hare) এ ক্লিক করতে হবে, ক্লিক করলে একটি কম্পান্ডফোর্ড ওপেন হবে, এবার কম্পান্ডফোর্ড এ লিখতে হবে কোড ইস্পেস . (code .) লিখে এন্টার দিলে ডিফোল্ড কোড ইডিটর এ ফাইলটি ওপেন হবে।
3/ যে ফাইলটি ক্রিয়েট করেছি সেটির রাইট বাটনে ক্লিক করে ওপেন উইথ কোড এ ক্লিক করলে ফাইল টি কোড ইডিটর এ ওপেন হবে।
প্রোগ্রাম রান করা
সকল ফাইল সকল প্রোগ্রাম ভিজিউয়েল স্টিডিও তে রান করে দেখানো হবে। Visual Studio Code > Terminal > New Terminal > powershell er pashe + icon er sathe up arro te click > Git base > Node file name likhe enter dite hobe
আবার ক্রোম ব্রাউজার থেকে ইন্সপেক্ট (inspect) এ ক্লিক করে কনচল (console) এ সব প্রোগ্রামের আউটপুট দেখা যাবে
কনচল.লগ console.log("এই কোড ব্লক এর বিতরে যা যা লেখা হবে সব শো করবে।")
যেমন, console.log("amader deshe hobe sei chele kobe kothai na bro hoye kaje bro hobe")
এখানে console.log("text") এর বিতরে যা যা লিখবো সব কিছু কনচল লগে শো হবে, প্রশ্ন হচ্ছে কনচল লগেই কেনো লেখতে হবে যে কন লেখার বিতরে লেখলে কেনো শো হবে না, এখানে text.log("") অথবা অন্য যে কোন লেখার বিতরে লেখলে কেনো শো হবে না???
এর উত্তর হচ্ছে কনচল লগ(console.log("")) হচ্ছে জাভাস্কিপ্ট এর একটি রিজার্বড কিওয়ার্ড যা কনচল লগে (console.log("")) এ শো করার জন্য ব্যাবহার করা হয়। জাভাস্কিপ্ট এ এমন অসংখ্যা রিজার্ব কিওয়ার্ড আছে যেমনঃ
abstract arguments await* boolean break byte case catch char class* const continue debugger default delete do double else enum* eval export* extends* false final finally float for function goto if implements import* in instanceof int interface let* long native new null package private protected public return short static super* switch synchronized this throw throws transient true try typeof var void volatile while with yield Words marked with* are new in ECMAScript 5 and 6. You can read more about the different JavaScript versions in the chapter JS Versions. Removed Reserved Words The following reserved words have been removed from the ECMAScript 5/6 standard: abstract boolean byte char double final float goto int long native short synchronized throws transient volatile Do not use these words as variables. ECMAScript 5/6 does not have full support in all browsers. ADVERTISEMENT JavaScript Objects, Properties, and Methods You should also avoid using the name of JavaScript built-in objects, properties, and methods: Array Date eval function hasOwnProperty Infinity isFinite isNaN isPrototypeOf length Math NaN name Number Object prototype String toString undefined valueOf Java Reserved Words JavaScript is often used together with Java. You should avoid using some Java objects and properties as JavaScript identifiers: getClass java JavaArray javaClass JavaObject JavaPackage Other Reserved Words JavaScript can be used as the programming language in many applications. You should also avoid using the name of HTML and Window objects and properties: alert all anchor anchors area assign blur button checkbox clearInterval clearTimeout clientInformation close closed confirm constructor crypto decodeURI decodeURIComponent defaultStatus document element elements embed embeds encodeURI encodeURIComponent escape event fileUpload focus form forms frame innerHeight innerWidth layer layers link location mimeTypes navigate navigator frames frameRate hidden history image images offscreenBuffering open opener option outerHeight outerWidth packages pageXOffset pageYOffset parent parseFloat parseInt password pkcs11 plugin prompt propertyIsEnum radio reset screenX screenY scroll secure select self setInterval setTimeout status submit taint text textarea top unescape untaint window HTML Event Handlers In addition you should avoid using the name of all HTML event handlers. Examples: onblur onclick onerror onfocus onkeydown onkeypress onkeyup onmouseover onload onmouseup onmousedown onsubmitএই রিজার্বড কিওয়ার্ড গুলো নির্দিষ্ট কাজ এর জন্য ব্যাবহার হয় যা আমরা আস্তে আস্তে জানতে পারবো। ইনশাআআল্লা
Comment কমেন্ট
জাভাস্কিপ্ট এ দুই ধরনের কমেন্ট করা যায় ১/ সিঙ্গেল লাইন কমেন্ট(//), ২/ মাল্টিলাইন কমেন্ট(/*........*/ )
সিঙ্গেল লাইন কমেন্ট ডবল স্লেস // দিয়ে সিঙ্গেল লাইন কমেন্ট লেখা হয়। যেমন // এর পরে যাই এ লেখবো সব ই সিঙ্গেল লাইন কমেন্ট হবে।
মাল্টিলাইন কমেন্ট স্লেস স্টার দিয়ে শুরু করে স্টার স্লেস দিয়ে শেষ করে মাল্টিলাইন লাইন কমেন্ট লেখা হয়। যেমন /*...*/ এর ভিতরে যাই এ লেখবো সব ই মাল্টিলাইন লাইন কমেন্ট হবে।
জাভাস্ক্রিপ্ট ভেরিয়েবল (JavaScript Variables)
জাবাস্ক্রিপ্ট ভেরিইয়েবল হচ্ছে তথ্য্যের মান সংরক্ষণের জন্য একটি কনটেইনার ।
ভেরিয়েবলস কে নিচে x, y, z এর সাহায্যে উদাহরণ হিসাবে দেয়া হল ।
Var x = 5;
Var y = 6;
Var z = x+y;
উপরের উদাহরণে যাহা বুঝায় তা হলঃ-
X এর মান হচ্ছে 5
Y এর মান হচ্ছে 6
Z এর মান হচ্ছে 11
বীজগণিতের মত
নিচের উদাহরণে ভেরিয়েবল হচ্ছেঃ price1, price2 এবং total
Var price1 = 5;
Var price2 = 6;
Var total = price1+ price2;
প্রোগ্রামিংটা হচ্ছে প্রায় বীজগনিতের মত। আমরা ভেরিয়েবল ব্যবহার করি (যেমন price1 এর মত) মূল্য নির্ধারণের জন্য ।
প্রোগ্রামিংটা হচ্ছে প্রায় বীজগনিতের মত। আমরা এক্সপ্রেশনে ( যেমন total=price1+price2) এ ভেরিয়েবল ব্যবহার করি ।
জাভাস্ক্রিপ্ট শনাক্তকারী JavaScript Identifiers
সকল জাভস্ক্রিপ্ট ভেরিয়েবলকে অবশ্যিই অনন্য নাম দ্বারা চিহ্নিত করতে হবে। এই অনন্য নামগুলোকে বলা হয় আইডেন্টিফায়ার (শনাক্তকারী)
ভেরিয়েবল এর বৈশিষ্ট
সাধারনত কোন ভেরিয়েবল এর যে সকল বৈশিষ্ট থাকে সেগুলো নিছে দেখুন।
** ভেরিয়েবলের নাম কেজ সেন্সিটিভ তাই এ ব্যাপারে সতর্ক থাকতে হবে। যেমন A এবং a এক নয়।
** ভেরিয়েবলের নাম অবশ্যই কোন বর্ণ উদাহরণস্বরূপ " A থেকে Z " পর্যন্ত বা " a থেকে z " পর্যন্ত
** বা আণ্ডারস্কোর " _ " অথবা ডলার " $ " ছিনহ দিয়ে শুরু হবে,
** ভেরিয়েবলের নামে যে কোন বর্ণমালা বা সংখ্যা বা আণ্ডারস্কোর থাকতে পারে,
** ভেরিয়েবলের নামের মাঝে কোন স্পেস থাকতে পারবে না,
** ভেরিয়েবলের নামের মাঝে কোন চিহ্ন যেমন - কমা, ফুলস্টপ ব্যবহার করা যাবে না,
** ভেরিয়েবল এর শুরুতে কোন সংখ্যা ব্যবহার করা যাবে না,
** ভেরিয়েবলের নাম হিসেবে জাভাস্ক্রিপ্টের সংরক্ষিত শব্দ বা Reserved Word গুলো ব্যবহার করা যাবে না।
ভেরিয়েবল এর প্রকারভেদ ভেরিয়েবল কে বাবহারের ওপর ভিত্তি দুই ভাগে ভাগ করা যায়। নিচে এর নাম গুলো দেখুন। Local ভেরিয়েবল Global ভেরিয়েবল