জাভাস্ক্রিপ্ট লেখার পদ্ধতি | জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল পর্ব- ১
প্রতিটি প্রোগ্রামিং ভাষার নিজস্ব নিয়ম রয়েছে। আপনি যদি সেই প্রোগ্রামটি ব্যবহার করতে চান তবে আপনাকে অবশ্যই তার নিয়ম মেনে চলতে হবে। জাভান্ত্রিপ্টের নিজস্ব নিয়ম রয়েছে। যাইহোক, তবে এটি অন্যান্য ভাষার সাথে সামঞ্জস্যপূর্ণ, বিশেষ করে C++। এই অধ্যায়ে আমরা জাভাস্ক্রিপ্ট কনভেনশন বা জাভাস্ক্রিপ্ট কীভাবে লিখতে হয় সে সম্পর্কে জানব।
জাভাস্ক্রিপ্ট লেখার পদ্ধতি ( How to write javascript )
উইন্ডোজ নোটপ্যাড বা এ জাতীয় যেকোনো প্লেইন টেক্সট এডিটরই জাভাস্ক্রিপ্ট লেখার জন্য যথেষ্ট। HTML এ আপনার বর্তমান জ্ঞান দিয়েই, আপনি জাভাস্ক্রিপ্ট শুরু করতে পারেন। আপনি যদি কখনও একটি HTML ফাইল তৈরি না করে থাকেন তবে জেনে রাখুন যে একটি HTML ফাইল সহজতম রূপ হল:
<HTML>
<HEAD>
<TITLE> Title of Your Web page Here </TITTLE>
</HEAD>
<BODY>
<Hl>Main Heading here</H1>
<P> Paragraph</P>
</BODY>
</HTML>
< এবং > চিহ্নগুলির মধ্যে হল HTML ট্যাগ। ব্রাউজারে প্রদর্শিত হলে এগুলি দৃশ্যমান হয় না, তবে এই ট্যাগগুলি নির্ধারণ করে যে ব্রাউজারে অন্যান্য পাঠ্যগুলি কীভাবে প্রদর্শিত হবে। এইচটিএমএল ট্যাগগুলি কিন্তু Case Sensitive নয়, যার অর্থ এগুলো ছোট বা বড় হাতে লেখা যেতে পারে।
যে কোনো HTML ফাইলে Javascript ব্যবহার করতে ব্যবহৃত ট্যাগ হল <SCRIPT> যেমন:
<HTML>
<HEAD>
<TITLE> Title of Your Web page Here </TITLE>
<SCRIPT> alert (“This is a javaScript massage ”) </SCRIPT>
</HEAD>
<BODY>
<H1>Main Heading here</H1>
</BODY>
</HTML>
স্ক্রিপ্টের উৎসও নির্দিষ্ট করা যেতে পারে, যেমন
<SCRIPT SRC="foldar.js"> </script> যেখানে foldar.js হল Javascript ক্রিপ্ট করা ফাইল। এই ক্ষেত্রে ফাইলটি সার্ভার থেকে ক্লায়েন্ট ডিস্কে ডাউনলোড করা হবে এবং ব্রাউজার এটি অনুসরণ করবে।
এখন জাভাস্ক্রিপ্ট লেখার কৌশল সম্পর্কে কথা বলা যাক। জাভাস্ক্রিপ্টে, প্রতিটি নির্দেশকে একটি বাক্য বা বিবৃতিতে প্রকাশ করতে হয়। অর্থাৎ, প্রতিটি বাক্য কম্পিউটারের জন্য এক একটি নির্দেশ। এই নির্দেশনা দেওয়ার নিয়ম আছে, আপনি যদি সেগুলি অনুসরণ না করেন, কম্পিউটার সেগুলি অনুসরণ করতে পারবে না৷ সহজ কথায়, একটি বিবৃতি হল একটি একক কোড। জাভাস্ক্রিপ্টের ক্ষেত্রে, প্রতিটি স্টেটমেন্ট অবশ্যই এক লাইনে থাকতে হবে এবং যদি একাধিক স্টেটমেন্ট এক লাইনে ব্যবহার করা হয়, তাহলে সেটিকে সেমিকোলন (;) দ্বারা আলাদা করতে হবে। আরেকটি বিষয় হল জাভাস্ক্রিপ্ট যেহেতু কেস সেনসিটিভ তাই স্টেটমেন্টে ছোট হাতের এবং বড় হাতের অক্ষর ব্যবহারে সতর্কতা অবলম্বন করতে হবে। Mango এবং mango মধ্যে পার্থক্য আছে। জাভাস্ক্রিপ্টে Mango এবং mango মধ্যে পার্থক্য রয়েছে। কারণ একটি M বড় আরেকটি m ছোট।
জাভাস্ক্রিপ্টে, প্রতিটি স্টেটমেন্টে একটি ক্রিয়া নির্দেশ করতে পারে যাতে বিভিন্ন ধরণের তথ্য থাকতে পারে, যেমন পূর্ণসংখ্যা, স্ট্রিং, যৌক্তিক বাক্য (True বা False) ইত্যাদি ।
জাভাস্ক্রিপ্টে ৫৩টি কীওয়ার্ড রয়েছে। একটি স্টেটমেন্ট লেখার সময়, এতে অন্তত একটি কীওয়ার্ড থাকতে হবে। কীওয়ার্ডগুলো হল:
| abstract |
extends |
interface |
synchronized |
| boolean |
false |
long |
this |
| break |
final |
native |
throw |
| byte |
finally |
new |
throws |
| case |
float |
null |
transient |
| catch |
for |
package |
true |
| char |
function |
private |
try |
| class |
goto |
protected |
var |
| const |
if |
public |
void |
| continue |
implements |
return |
while |
| default |
import |
short |
with |
| do |
in |
static |
|
| double |
instanceof |
super |
|
| else |
int |
switch |
|
নিচে স্টেটমেন্ট এর উদাহরণ দেখানো হলো:
document. write (“It is a statement”)
এটি This is a Statement শব্দগুচ্ছ দেখাবে।
Var indipendentdate=“Dec 16, 1971” এ স্টেটমেন্ট indipendentdate নামে একটি Variable বা চলক তৈরি করে এবং তার মান নির্ধারণ করে দেয়।
function NewFunction ()
{
Statement x
Statement y
}
এটি Newfunction নামে একটি ফাংশন তৈরি করে যা পরে বর্ণিত স্টেটমেন্ট x এবং স্টেটমেন্ট y অনুযায়ী কাজ করে।
জাভাস্ক্রিপ্টে লেখা স্ক্রিপ্টগুলি C/C++ বা অন্য যেকোন প্রোগ্রামিং ভাষার তুলনায় আকারে অনেক ছোট, যদিও তা জটিল এবং যৌক্তিক কাজগুলি করতে অনেক বেশি সক্ষম। তবে, স্ক্রিপ্ট লেখার ক্ষেত্রে অন্যান্য প্রোগ্রামিং ভাষার মতো কোড লেখার পদ্ধতি অনুসরণ করা উচিত। এটা যৌক্তিক প্রবাহ বুঝতে সাহায্য করে।
C/C++ ভাষায় কোড লেখার সময় আপনি প্রয়োজন অনুযায়ী কোড ইন্ডেন্টেড এবং কালার কোড করতে পারেন। এটি কম্পাইলিং উপর কোন প্রভাব ফেলে না। C/C++ লাঙ্গুয়েজ এবং JavaScript লাঙ্গুয়েজ -এর পাশাপাশি লেখা দুটি কোড দেখলে বিষয়টি পরিষ্কার হবে।
- Temperature conversion table : Fareheit to celcius in C/C++ language
int main ()
{
int lower, upper, num;
float fareheit, celcius ;
lower=0 ; /* starting temperature in table */
upper = 150; /* Ending temparature in table */
num=10; /* Amount to increment */
fareheit = lower ;
while (fareheit <=upper)
{
celcius (5.0/9/0) * (fareheit-32.0);
printf (“%4 of %6.1 f/n”, fareheit, celcius);
fareheit = fareheit+num ;
}
}
এ স্ক্রিপ্টটি ফারেনহাইট তাপমাত্রাকে সেলসিয়াসে দেখিয়ে একটা চার্ট তৈরি করবে। এখানে লক্ষ্যণীয় হলো:
- /* ও */ এর মাঝে মন্তব্য লেখা হয়েছে।
- লাইন স্পেস ও লাইন ইনডেন্ট ব্যবহার করা হয়েছে,
- প্রতিটি স্টেটমেন্ট শেষ হয়েছে সেমিকোলন (;) দিয়ে।
- { ও } ব্র্যাকেটের মধ্যে কোড লেখা হয়েছে। এগুলো Nested করা হয়েছে বোঝার সুবিধার জন্য প্রতিটি { এর শেষে ক্লোজিং } রয়েছে।
উল্লেখিত সি প্রোগ্রামটি জাভাস্ক্রিপ্টে লেখা যেতে পারে এভাবে।
<HTML>
<HEAD>
<TITLE> Temperature Conversions </TITLE>
<!--JavaScript begins -->
<SCRIPT LANGUAGE="JavaScript">
//Display a conversion chart //from farenheit to celcius
Var lower=o;
Var upper-150;
Var num=10;
Var celcius;
document write (“Farenheit | Celcius<P>"
While (farenheit <=upper)
{
celcius = (5.0/9.0) * (fahr-32.0);
document.write (farenheit + ".....>" +celcius+ “<BR>“);
farenheit=farenheit+num ;
}
</SCRIPT>
<--End of JavaScript-->
</HEAD>
<BODY>
<H1> This is Heading two </H2>
</BODY>
</HTML>
এখন সি প্রোগ্রাম এবং জাভাস্ক্রিপ্ট ন্ত্রিপ্ট তুলনা করা যাক।
- জাভাস্ক্রিপ্টের ভ্যারিয়েবলের ডেটা টাইপ নির্দিষ্ট করার প্রয়োজন নেই। C/C++ কোডে, ফারেনহাইট এবং সেলসিয়াস শব্দটি টার্মে ভিকলেয়ার করা হয়, জাভাস্ক্রিপ্টে নয়।
- আপনি জাভাস্ক্রিপ্টে Variable ডিকলারেশনের জন্য Var ব্যবহার না করলেও এটি কাজ করে। Var lower=0 এর পরিবর্তে lower=0 লিখলেও হবে।
- While উভয় ক্ষেত্রে একই কাজ করে । প্রোগ্রামটি { এবং }-এর মধ্যেবর্তী নির্দেশাবলী কার্যকর করে তখনই যখন While এর পর () এর মধ্যে শর্তটি পূর্ণ হয়।
- জাভাস্ক্রিপ্টে, কোনো স্টেটমেন্টের শেষে সেমিকোলন (;) না থাকলেও রান হয় , প্রতিটি স্টেটমেন্ট এক লাইনে শেষ হলে সেমিকোলন (;) না ব্যবহার করলেও চলে । একাধিক লাইনে স্টেটমেন্ট লেখার সময়, প্রতিটি স্টেটমেন্ট একটি সেমিকোলন (:) দ্বারা পৃথক করা আবশ্যক।
