04 January, 2019

Introduction to JavaScript Arrays

           ,      No comments   

JavaScript Arrays in Hindi
Arrays एक ही तरह की values का collection होता है। एक तरह की value से मतलब है या तो केवल strings या केवल integers या फिर floating point numbers आदि। Arrays को बहुत सारे variables create करने के problem से बचने के लिए यूज़ किया जाता हैं।

जैसे की यदि आप 200 employees के नाम store करना चाहते है तो उसके लिए आपको 200 variables create करने की जरुरत नहीं है। आप एक array create कर सकते है जिसमे 200 नाम store किये जा सकते है। ऐसा करने से programmers का time बचता है। 

Array का हर element uniquely identify किया जा सकता है। Array values को indexing के द्वारा store करता है। लेकिन ये बात हमेशा याद रखे की array की index zero से शुरू होती है। इसलिए उपर बताये गए example में पहला नाम 0 index पर और आखिर नाम 199 index पर होगा। Array की किसी भी value को आप array के नाम और उसके index number के द्वारा access कर सकते है।

आपको ये बात भी हमेशा याद रखनी चाहिए की JavaScript में arrays object है। इसलिए आप इनको new keyword के द्वारा create करते है। हालाँकि JavaScript आपको directly values put करने का option भी provide करती है लेकिन तब भी JavaScript में arrays objects ही रहते है।

Creating JavaScript Arrays 

JavaScript में arrays 2 तरह से create किये जा सकते है। ये दोनों ही तरीके अलग अलग situation के according यूज़ किये जा सकते है।
  • Directly  - इस तरीके में आप array create करने के साथ ही value भी डालते है। ये array create करने का combined तरीका है।        
  • With new keyword - इस तरीके में आप array को object की तरह create करते है। इस तरीके में पहले array create किया जाता है और बाद में values डाली जा सकती है। आप चाहे तो साथ में ही values डाल सकते है इसके लिए आप array object का constructor यूज़ करते है।   
दोनों ही तरीके अलग अलग situations में need के according यूज़ किये जा सकते है। इनके बारे में नीचे  दिया जा रहा है।

Directly (Combined Way)

इस तरीके में array create करना बहुत ही simple है। इसका structure नीचे दिया जा रहा है। 
var array_Name = [value1,value2,.....valueN]; 
   
इस तरीके में var keyword के बाद array का नाम लिखा जाता है। Array का नाम unique होना चाहिए। Array के नाम के बाद assignment operator लगा कर angular brackets में array की values दी जाती है। Values को comma से separate किया जाता है।

इसका उदाहरण नीचे दिया जा रहा है।
<!-- javascriptArrayDemo.html -->

<html>
<head>
<title>Javascript array demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration 
var empName = ["Sam","Sally","Tina","Raghav","John"];
// Printing array elements
for(i=0;i<5;i++)
{
     document.write(empName[i],"\n");
}
</script>

</body>
</html> 

ऊपर दी गयी script निचे दिया गया web page generate करती है।

With New Keyword 

इस तरीके से array create करने के लिए आप new keyword यूज़ करते है। ये कोई object create करने जैसा ही है। इसका structure नीचे दिया जा रहा है। 
var array_Name = new Array();
array_Name[0] = value1;
array_Name[1] = value2;
...
...
array_Name[n] = valueN;
यदि आप values भी साथ में ही डालना चाहते है तो आप निचे दिए गए structure से array create कर सकते है।
var array_Name = new Array(value1, value2);

उपर वाले तरीके में पहले array create किया गया है उसके बाद index numbers के द्वारा values दी गई है। नीचे  वाले तरीके में Array object के constructor के द्वारा values put की गई है। ये values constructor automatically index numbers को assign कर देता है।

इसका उदाहरण नीचे दिया जा रहा है। 
<!-- arrayNewKeywordDemo.html -->

<html>
<head>
<title>Javascript new keyword demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration using new keyword
var empName = new Array("Angelina","Sam");
// Printing array elements
for(i=0;i<2;i++)
{
    document.write(empName[i]);
}
</script>

</body>
</html>      

ऊपर दी गयी script निचे दिया गया webpage generate करती है।

JavaScript Arrays Length Property

JavaScript आपको array object के साथ length property provide करती है। ये property आपके array की length hold करती है। इस property को access करने का structure नीचे दिया गया है। 
array_Name.length;
   
आप चाहे तो इस property को loop control करने के लिए यूज़ कर सकते है। इसका उदाहरण नीचे दिया जा रहा है। 
<script type="text/javascript">
var empAge = new Array(24,42,22,55,23,30);

// Displaying length of array 
document.write("Length of array is "+empAge.length);

// Iterating loop upto array length
for(var i=0;i<empAge.length;i++)
{
    document.write(empAge[i]);
}
</script> a


Introduction to JavaScript Control Statements

           ,      No comments   

JavaScript Control Statements In Hindi

Control statements program के flow को control करते है। जैसे की आप control statements की मदद से choose कर सकते है की आप कौनसा statement execute करवाना चाहते है और कौनसा नहीं करवाना चाहते है। Control statements की मदद से logic perform किया जाता है। 

उदाहरण के लिए आप 1 से लेकर 100 तक के numbers में सिर्फ even numbers print करवाना चाहते है। इस situation में आप control statements की मदद से पता कर सकते है की number 2 से पूरी तरह divide हो रहा है या नहीं। यदि number 2 से divide किया जा सकता है तो वह even है और उसे print कर दिया जाता है। 
if(num%2==0)
{
    document.write(num,"is even");
}
  
Control statements के बिना program में कोई logic perform नहीं किया जा सकता है। अगर दूसरे शब्दों में कहें तो आप choose कर सकते है की कौनसे statements किस situation में execute होंगे। और साथ ही आप control statements की मदद से एक statement को कई बार भी execute कर सकते है।     
   

Types of Control Statements 

Control statements को 3 categories में divide किया गया है। ये categories control statements के tasks को भी define करती है। इन categories के बारे में नीचे दिया जा रहा है। 
Selection statements - इस category के control statements program में statements को situation के according select करके execute करने के लिए यूज़ किये जाते है। इस category में नीचे दिए गए statements आते है। 
  • If
  • If-Else
  • Nested-If
  • Switch case   
Looping statements - इस तरह के statements program में particular statements को बार बार execute करने के लिए यूज़ किये जाते है। इस category के control statements नीचे दिए गए है। 
  • For 
  • Do-While
  • While 
Jump statements - इस तरह के statements program में एक जगह से दूसरी जगह jump करने के लिए यूज़ किये जाते है। इस category के statements नीचे दिए गए है। 
  • Break
  • Go to     

Selection Statements 

जैसा की मैने आपको पहले बताया selection statements logic के द्वारा कुछ particular statements को execute करते है। आइये अब selection statements को उदाहरण से समझने का प्रयास करते है।

if Statement 

If statement किसी condition को test करता है यदि condition true होती है तो brackets में दिए हुए statements execute कर दिए जाते है और यदि condition false है तो ये block skip कर दिया जाता है। 
Example 1
   
if(5>3)
{
    document.write("This will be displayed");
}
  
जैसा की आप ऊपर दिए हुए उदाहरण में देख रहे है दी हुई condition true है इसलिए brackets के अंदर का statement execute होगा। आइये इसका एक और उदाहरण देखते है।

Example 2

if(3>5)
{
    document.write("This will not be displayed");
}
   
इस उदाहरण में condition false है इसलिए brackets में दिया हुआ statement execute नहीं होगा।

If else 

If else statement भी if statement की तरह ही होता है। बस इसमें else part और add कर दिया जाता है। Else part में आप वो statements लिखते है जो condition false होने पर execute होने चाहिए। आइये इसका उदाहरण देखते है। 
 if(10>15)
{
   document.write("This will not be displayed");
}
else
{
   document.write("This will be displayed");
}

Else If

यदि आप चाहते है की एक condition के false होने पर else part को execute ना करके किसी दूसरी condition को check किया जाये तो इसके लिए आप else if statements use कर सकते है।

Else if statements के द्वारा आप एक से अधिक conditions को check कर सकते है और सभी condition के false होने पर else part को execute करवा सकते है। 
इसके लिए आप elseif keyword यूज़ करते है। First condition को normal if else statement की तरह execute किया जाता है। इसके अलावा आप जितनी भी conditions add करना चाहते है उन्हें if और else part के बीच elseif keyword के द्वारा डिफाइन करते है।

इसका general syntax निचे दिया जा रहा है। 
if(condition 1)
{
   // Will be executed if above condition is true
}
elseif(condition 2)
{
    // Will be executed if 1st condition is false and this condition is true.
}
....
....
....
else if(condition N)
{
   // Will be executed if all the conditions above it were false and this condition is true.
}
else
{
    // Will be executed if all the above conditions are false
} 
       
आइये अब इसे एक उदाहरण से समझने का प्रयास करते है।

if(5>7)
{
    document.write("This will not be executed!");
} 
elseif(5>6)
{
     document.write("This will not be executed!");
}
else
{
     document.write("This will be executed!");
}

Nested If

यदि आप आप चाहे तो एक if condition में दूसरी if condition भी डाल सकते है। इसका structure निचे दिया जा रहा है।
if(condition)
{
      if(condition)
        {
             // Statement to be executed
        }
} 
else
{
     // Statements to be executed 
}

जैसा की आप ऊपर दिए गए syntax में देख सकते है एक if condition के अंदर दूसरी if condition define की गयी है। आप चाहते तो nested if में else part भी add कर सकते है। आइये अब इसे एक उदाहरण से समझने का प्रयास करते है।

if(5>3)
{
    if(5>6)
    {
            document.write("This will not be executed");
     } 
     else
      {
           document.write("5 is greater than 3 but not 6");
       }
}
else
{
       document.write("5 is not greater than 3");
}

Switch Case 

Switch case बिलकुल if statement की तरह होता है। लेकिन इसमें आप एक बार में कई conditions को check कर सकते है। Switch case में cases define किये जाते हैं। बाद में एक choice variable के द्वारा ये cases execute करवाए जाते है। Choice variable जिस case से match करता है वही case execute हो जाता है।

इसका उदाहरण नीचे दिया जा रहा है। 
var ch=2;

// Passing choice to execute desired case
switch(ch)
{
   case 1:
                 document.write("ONE");
                 break;
   case 2:   document.write("TWO");
                 break;
   case 3:   document.write("THREE");
                  break;
   default:   document.write("Enter appropriate value");
                   break;
}  
     
जैसे की आप देख सकते है हर case के बाद में break statement यूज़ किया गया है। यदि आप break statement यूज़ नहीं करते है तो सभी cases one by one execute हो जाते है। इस उदाहरण में variable की value 2 है इसलिए second case execute होगा और TWO display हो जायेगा।

Looping Statements 

Looping statements particular statement को बार बार execute करने के लिए यूज़ किये जाते है। ये 3 प्रकार के होते है। इनके बारे में नीचे दिया जा रहा है।

While Loop 

इस loop में आप एक condition देते है जब तक condition true होती है block में दिए गए statements execute होते रहते है। Condition false होते ही loop terminate हो जाता है और program का execution continue रहता है। 
var num = 0;

// While loop iterating until num is less than 5
while(num <5)
{
    document.write("Hello");
    num++;
} 
इस उदाहरण में जब तक num 5 से कम है तब तक loop का block execute होगा। एक चीज़ यँहा पर notice करने की ये है की हर बार num को increment किया जा रहा है ताकि कुछ steps के बाद loop terminate हो जाये। यदि यँहा पर ऐसा नहीं किया जाये तो loop कभी terminate ही नहीं होगा infinite time तक चलेगा।

इसलिए इस situation से बचने के लिए किसी भी प्रकार के loop में loop control variable को increment किया जाता है।

Do-While Loop 

Do while loop भी while loop की तरह ही होता है। बस ये first time बिना condition check किये execute होता है और बाद में हर बार condition check करता है। यदि condition true होती है तो do block के statements execute कर दिए जाते है।

आइये इसे एक उदाहरण से समझते है।
var num=0;
// Do-while loop 
do
{
    document.write("hello");
    num++;
}
while(num<5);
    
जैसा की आप देख सकते है पहले do block execute होगा और उसके बाद condition check की जाएगी। इस loop की विशेषता ये है की चाहे condition true हो या false loop एक बार तो जरूर execute होगा। यदि condition true होती है तो loop further execute होता है नहीं तो terminate हो जाता है। 

For Loop 

सभी loops में for loop सबसे easy और सबसे ज्यादा यूज़ किया जाने वाला loop है। इसमें आप single line में ही पुरे loop को define कर देते है। यदि condition true होती है तो block में दिए गए statements execute हो जाते है। इस loop का उदाहरण नीचे दिया गया है।

// For loop running until i is less than 5
for(var i=0;i<5;i++)
{ 
    document.write("This will be printed until condition is true");
}

For loop में condition और increment दोनों एक साथ ही define किये जाते है। साथ ही इसमें loop control variable भी define किया जाता है। Condition के false होते ही loop terminate हो जाता है।

Jump Statements 

Jump statements program के execution को एक जगह से दूसरी जगह transfer करने के लिए यूज़ किये जाते है। इन statements को special cases में यूज़ किया जाता है। इनके बारे में नीचे दिया जा रहा है। 

Continue 

Continue statement के द्वारा आप किसी भी loop की कोई iteration skip कर सकते है। जैसे की आप चाहते है की 3rd iteration skip हो जाये और compiler कोई action ना ले। ऐसा आप निचे दिए हुए example की तरह कर सकते है।

for(var i=0; i<5;i++)
{
   if(i==2)
   {
       // Skipping third iteration of loop 
       continue;
   }
   document.write("This will be displayed in iterations except 3rd");
} 

Continue statement का यूज़ करने से compiler 3rd iteration को skip कर देगा और कोई भी statement execute नहीं किया जायेगा। इसके बाद next iteration शुरू हो जायेगी।

Break      

Break statement compiler के execution को stop करने के लिए यूज़ किया जाता है। Break statement आने पर compiler execution को उस block से बाहर ला देता है। इसको एक loop के example से आसानी से समझा जा सकता है। 
for(var i=0;i<5;i++)
{
   if(i==2)
   {
        // Breaking 3rd iteration of loop 
        break;
   }
     document.write("This will be displayed 2 times only");
}

उपर दिए गए उदाहरण में जैसे ही loop की 3rd iteration आती है तो break statement के द्वारा loop terminate हो जाता है और program का execution loop के बाहर से शुरू हो जाता है।

JavaScript Operators

           ,      No comments   

JavaScript Operators 

Variables में values सिर्फ उन्हें बाद में display करवाने के लिए ही नहीं बल्कि इसलिए भी store की जाती है  ताकि उनके साथ अलग अलग तरह के operations perform किये जा सके। Variables की values के साथ operations perform करने के लिए आपको operators की जरुरत होती है।

जैसे की आप 2 variables की values को add करना चाहते है। इसके लिए आप addition (+) operator यूज़ करेंगे। और यदि आप 2 variables की values को compare करना चाहते है तो आप relational operators यूज़ करते है। आइये operators के बारे में और जानने से पहले कुछ important terms के बारे में जान लेते है। 

What is Operand? 

Operators जिन variables पर apply होते है या जिन variables के साथ यूज़ किये जाते है, उन variables को operands कहा जाता है। जैसे नीचे लिखे हुए statement को देखिये। 
  c = a+b;
इस statement में a और b operands है। C भी एक operand है क्योंकि (=) operator इस पर apply हो रहा है।

Types of Operators 

Operators unary और binary दो तरह के होते है। Unary operators वो operators होते है जो सिर्फ एक variable पर ही apply होते है। जैसे की (~) NOT operator है। ये operator सिर्फ एक ही variable के साथ apply किया जाता है। 
Binary operators वो operators होते है जिनके execution के लिए 2 operators required होते है। जैसे की (+) operator है। इस operator को आप किसी single variable के साथ यूज़ नहीं कर सकते है। इस variable को execute होने के लिए 2 operands की आवश्यकता होती है। 

JavaScript Arithmetic Operators 

Arithmetic operations perform करने के लिए arithmetic operators यूज़ किये जाते है। इनके बारे में नीचे दिया जा रहा है।
Operator
Explanation
Example
Negation(-) unary
Opposite values of a variable 
-a
Addition (+)
It adds values of 2 or more variables 
a+b
Subtraction(-)
Subtract value of one variable from other variables value
a-b
Multiplication(*)
Multiply values of 2 variables
a*b
Division(/)
Divide value of one variable by value of another variable. 
a/b
Modulus
Get the remainder after division 
a%b
Exponentiation
Value of first variable raise to power to value of second variable 
a**b
   

JavaScript Relational Operators 

Relational operators के द्वारा आप 2 variables की values को compare कर सकते है। ये operators ज्यादातर control statements में यूज़ होते है जब आप logic build करने की कोशिश करते है। जैसे की कौनसा variable बड़ा या छोटा है। 

Operator
Explanation
Example
Equal (==)
ये operator 2  variables की values को equality के लिए compare करता है।  
a==b;
Not Equal (!=)
ये operator 2 variables की values को non equality के लिए check करता है।  
a!=b;
Less than (<)
ये operator ये check करता है की left side का variable right side के variable से छोटा है या नहीं।  
a<b;
Greater than (>)
ये operator check करता है की right side वाला variable left side वाले variable से बड़ा है या नहीं।  
a>b;
Less than equal to (<=)
ये operator check करता है की left side का variable right के variable के बराबर है या उससे छोटा है या नहीं।  
a<=b;
Greater than equal to (>=)
ये operator check करता है की right side का variable left side के variable के बराबर या उससे बड़ा है या नहीं।  
a>=b;

JavaScript Bitwise Operators 

सभी variables की values bits में convert होती है। Bit wise operator के द्वारा आप bits पर operations perform कर सकते है। ये operators भी control statements में यूज़ किये जाते है। इनके बारे में नीचे दिया जा रहा है।
Operator
Explanation
Example
AND (&)
दोनों variables की values में जो common bits होती है वो return कर दी जाती है।  
a&b
OR (|)
दोनों variables की सभी bits return कर दी जाती है।  
a|b
X-OR(^)
जो bits right side के variable में नहीं है लेकिन left side के variable में है return की जाती है।  
a^b
NOT(~)
सभी bits invert करके return की जाती है।  
~a
Shift Left(<<)
सभी bits को right side के variable की value जितना left में shift किया जाता है।  
a<<b
Shift Right(>>)
सभी bits को right side के variable की value जितना right में shift किया जाता हैं।  
>>b

JavaScript Logical Operators 

Logical operators के द्वारा logic perform किया जाता है। इन operators को control statements में यूज़ किया जाता है।   

Operator
Explanation
Example
And(&&)
यदि दोनों variables की value true है तो ये operator true result return करता है।  
a&&b
Or(||)
दोनों में से कोई एक variable true हो तो भी result true ही होता है।    
a||b
Not(!)
यदि variable true है तो false होगा और यदि false है तो true हो जायेगा।  
!a
Xor
यदि दोनों से कोई एक true है तो result true होगा। और यदि दोनों false या दोनों true है तो result false होगा।   
a Xor b

JavaScript Assignment Operators 

Assignment operators variables की values आपस में assign करने के लिए यूज़ किये जाते है। JavaScript में यूज़ होने वाले assignment operators नीचे दिए जा रहे है। 
Operator
Explanation
Example
Simple assignment (=)
ये operator right variable की value left variable को assign करता है।   
a=b;
Plus assignment (+=)
ये operator left और right variables की value को add करके left variable में store करता है।   
a+=b;
Minus assignment(-=)
ये operator left side के variable की value में से right side के variable की value घटाकर result left side के variable में store करता है।   
a-=b
Multiply assignment(*=)
ये operator left और right side के variables की values को multiply करके result left side के variable में store करता है।   
a*=b
Divide assignment(/=)
ये operator left side के variable की value को right side के variable से divide करके result left side के variable में store करता है।   
a/=b

JavaScript Special Operators 

JavaScript आपको कुछ special operators provide करती है जो कुछ special operations perform करने के लिए यूज़ किये जाते है। इनमें से हर operator एक अलग purpose को fulfill करता है। इनके बारे में नीचे दिया जा रहा है।

Conditional Operator (?:) 

Conditional operator if-else की तरह ही होता है। इसे आप one-line  if else statement भी कह सकते है। इसे यूज़ करना बहुत ही आसान है। Question mark से पहले एक condition दी जाती है। यदि ये condition true होती है तो colon के पहले वाला statement और यदि false होती है तो colon के बाद वाला statement result के रूप में return किया जाता है। इसका उदाहरण नीचे दिया जा रहा है।        
z  =  (5>3) ? 5 : 3;
document.write(z); // It will print 5

Typeof Operator 

ये operator debugging के लिए बहुत helpful है। इस operator से किसी भी variable के data type का पता लगाया जा सकता है। इस operator को यूज़ करना बहुत ही आसान है। आप typeof लिख कर उसके आगे वो value या variable लिखते है जिसका data type आपको पता लगाना है। इसका उदाहरण आगे दिया गया है।

str = "hello world";
document.write(typeof  str); 
     

Void Operator 

ये operator जब भी आप JavaScript में कोई function call करते है तो उसकी return value को discard करने के लिए यूज़ किया जाता है। इसे यूज़ करना बिलकुल आसान है। जिस भी function की return value आप discard करना चाहते है उसमे आप इस operator (...) को argument की तरह pass करते है।

इसका उदाहरण नीचे दिया जा रहा है।   
 <a href="your-url" onClick="myFunction(...)">Click here</a>

JavaScript Variables

           ,      No comments   

Introduction to JavaScript Variables 

यदि आपको कोई value store करनी है तो इसके लिए आपको variable create करना होता है। ये concept सभी programming languages में same होता है।

एक variable किसी box की तरह होता है जिसमे आप कोई value डाल सकते है और जब तक आपका program execute होता है ये value computer की memory में रहती है। आप चाहे तो इसे permanently भी store कर सकते है। 
हर programming language में variables create करने का तरीका अलग हो सकता है। लेकिन variables create करने के पीछे हमेशा एक ही intention होता है और वह है value को store करना और उस पर कुछ operations perform करना। 
JavaScript में variables create करना common languages से अलग है। JavaScript में variables create करने के लिए आपको data type define करने की जरुरत नहीं होती है। आप जो value variable में डालते है उस value के base पर JavaScript variable का data type automatically judge कर लेती है।

इसलिए JavaScript में variables create करना बहुत आसान माना जाता है। इससे पहले की आप variables create करे आइये JavaScript में variables create करने के कुछ rules के बारे में जान लेते है। 

Rules for Creating Variables 

  1. आपके variable का नाम किसी letter, underscore या $ sign से शुरू होना चाहिए। 
  2. आप variables के नाम में numbers (1,2,3,4,5,6,7,8,9) भी यूज़ कर सकते है।     
  3. JavaScript Variables case sensitive होते है। यानि Age और age दो अलग अलग variables माने जायेंगे। 

Creating Variables in JavaScript 

जैसा की मैने आपको पहले बताया की JavaScript में variables create करना बहुत ही आसान है। इसके लिए आप var keyword यूज़ करते हैं। JavaScript में variables create करने का structure नीचे दिया जा रहा है। 
var varName = value;
JavaScript में एक interesting concept और पाया जाता है। JavaScript में किसी भी statement के बाद semicolon add करना optional है। यदि आप किसी statement के बाद semicolon add नहीं करते है तो भी errors generate नहीं होती है। 
आइये अब JavaScript में variables create करना एक उदाहरण से समझते है। 
<!--  javascriptVariablesDemo.html -->

<html>
<head>
<title>JavaScript variables demo</title>
</head>
<body>
<script>
// Creating variable 
var age=29;
// Printing variable value
document.write("Age is: "+age);
</script>
</body>
</html>

Types of Variables in JavaScript 

JavaScript में 2 तरह के variables होते है। इनको scope के according categories किया गया है। इनके बारे में नीचे दिया जा रहा है।

Local Variables 

Local variables वो variables होते है जिनका scope किसी function तक limited रहता है। ऐसे variables किसी function के अंदर create किये जाते है और वे उस function में ही काम करते है। Function के बाहर आप इन variables को यूज़ नहीं कर सकते है।

जिस block या function में ये variable create किये जाते है ये सिर्फ उसी में काम करते है। ये उनका scope कहलाता है। यदि आप local variables को उनके scope के बाहर access करने की कोशिश करते है तो undefined variable error generate होती है। 

Global Variables 

Global variables वो variables होते है जिनका scope पुरे program में होता है। ऐसे variables program के शुरू में ही create किये जाते हैं और आप इन्हे पूरे program में कंही भी यूज़ कर सकते है। इस तरह के variables का scope पुरे program में होता है। 

besthinditutorials

JavaScript Syntax

           ,      No comments   

Introduction to JavaScript Syntax 

किसी भी HTML program में JavaScript को add करना बहुत ही आसान है। इसके लिए आप <script> tag यूज़ करते है। आप <script> tag को अपने HTML program में कंही भी add कर सकते है।

लेकिन Readability के लिए हमेशा ये suggest किया जाता है की आप इसे <head> tag के अंदर ही लिखे। <script> tags से browser को पता चल जाता है की ये JavaScript code है और इसे कैसे interpret करना है।

<script> tag के 2 attributes होते है। इन attributes के द्वारा आप scripting language और type define करते है।
  • language - इस attribute से आप scripting language define करे है जैसे PHP और JavaScript आदि। 
  • Type - ये attribute necessary होता है इससे आप अपनी file का type define करते है जैसे की text/javascript.

इन attributes की मदद से आप <script> tag को define करते है। इसका उदाहरण नीचे दिया जा रहा है।
<script language="javascript" type="text/javascript">
// यँहा पर आप JavaScript code लिखते है।  
</script>
ये JavaScript define करने का standard syntax है। आप चाहे तो language attribute के बिना भी <script> tag define कर सकते है। लेकिन type attribute add करना अनिवार्य है।

A very first JavaScript Program 

<!-- javascriptFirstProgram.html -->

<html>
<head>
<title>First JavaScript program</title>
</head>
<body>
<script type="text/javascript">
// Printing message 
document.write("Hello Universe!");
</script>
</body>
</html>
     
उपर दिए गए program में मैने एक HTML file में कुछ JavaScript code add किया है। ये एक बहुत ही simple program है। सबसे पहले <body> section में <script> tag define किया गया है। <script> tag में write function को call किया गया है।

इस function में एक string pass की जाती है। ये function उस string को webpage पर show करता है। इसी तरह आप program में जँहा भी JavaScript add करना चाहते है कर सकते है।

ऊपर दी गयी script निचे दिया गया web page generate करेगी।

JavaScript Introduction

           ,      No comments   

Introduction to JavaScript 

JavaScript एक client side programming language है जो web pages में programming logic add करने के लिए यूज़ की जाती है। इसे आप इस तरह समझ सकते है। HTML एक designing language है और ये केवल web pages को design करती है। HTML के द्वारा आप webpages में कोई logic perform नहीं कर सकते है।

जैसे की जब यूज़र link पर click करे तो आप कोई function call करके कुछ processing perform करवाना चाहते है। लेकिन ऐसा आप HTML के द्वारा नहीं कर सकते है, क्योंकि HTML सिर्फ web pages design करने के लिए यूज़ की जाती है।

इसके लिए आपको एक programming language की आवश्यकता होती है। JavaScript एक ऐसी ही programming language है जो webpages में logic add करती है और उन्हें dynamic बनाती है।

JavaScript को Sun Micro Systems ने develop किया था। पहले इसका नाम LiveScript रखा गया था। जिसे बाद में change करके JavaScript किया गया था। JavaScript में object oriented programming capabilities होती है। इसे HTML file के head section में define किया जाता है।

यदि आप JavaScript यूज़ ना करे तो HTML से आप कोई भी calculations perform नहीं कर सकते है। JavaScript से आप validation भी perform कर सकते हैं। JavaScript एक ऐसी programming language है जिसे browsers समझते है और ये particularly webpages के लिए ही यूज़ की जाती है।   

Features of JavaScript

JavaScript के 2 important features होते है जिनके बारे में नीचे दिया जा रहा है।  

Dynamic 

JavaScript dynamic web pages generate करने में सक्षम है। JavaScript Webpage के load होते समय ही उसमे changes करने में capable है। Webpages के load होते समय ही decide किया जा सकता है की क्या task perform करना है।

जबकि HTML में ऐसा नहीं होता है उसमे सभी action पहले से ही define होते है और webpages के load time में आप कोई action नहीं ले सकते है। HTML static pages generate करती है। लेकिन JavaScript dynamic pages generate करती हैं।

उदाहरण के लिए JavaScript page load होते समय आपकी location के हिसाब से weather show कर सकती है।

Client Side 

JavaScript एक client side scripting language हैं। PHP में कोई भी execution server पर perform होता है। लेकिन JavaScript के साथ ऐसा नहीं है। जब आप JavaScript को यूज़ करते है तो कोई भी execution client side पर perform होता हैं। 
उदाहरण के लिए JavaScript में validation client side पर web browser में ही perform किया जाता है। लेकिन PHP में validation server पर perform होता है। इस वजह से JavaScript server का load कम कर देती है।  

Advantages of JavaScript 

JavaScript को यूज़ करने की कुछ advantages के बारे में नीचे दिया जा रहा है। 

Very Fast 

Client side होने की वजह से JavaScript बहुत ही fast है। क्योंकि इससे server से connection establish करने में time waste नहीं होता है। JavaScript बिना server से connection हुए ही execute हो जाती है। 

Cross Platform 

JavaScript किसी भी browser और operating systems पर आसानी से बिना किसी problem के run हो जाती है। सभी latest browsers JavaScript को by default support करते है। 

Works with Multiple Languages 

JavaScript दूसरी languages के साथ आसानी से काम कर सकती है। जैसे की HTML, CSS और PHP आदि।

Simple 

JavaScript एक बहुत ही simple language है। कोई भी इसे आसानी से सीखकर implement कर सकता है। 

Disadvantages of JavaScript 

Advantages के साथ ही JavaScript की disadvantages भी है जिनके बारे में नीचे दिया गया है। 

Less Secure 

JavaScript का code client side पर execute होता है इसलिए इसमें कुछ viruses आ सकते है। इस वजह से JavaScript को ज्यादा secure नहीं माना जाता है। 

Execution Vary 

अलग अलग browsers पर JavaScript अलग अलग results देती है। लेकिन server side scripting languages के साथ ऐसा नहीं है। Browser चाहे कोई भी हो server side script हमेशा एक ही result देती है। 

No Support for Network Applications 

JavaScript network applications के साथ काम नहीं कर सकती है क्योंकि इसके लिए JavaScript में कोई support available नहीं है।       

Functions of JavaScript

  • JavaScript को dynamic web pages बनाने के लिए यूज़ किया जाता है। 
  • JavaScript से highly interactive web pages create किये जाते है। 
  • JavaScript के द्वारा Client side पर validation perform करके आप server का load कम कर सकते है।
  • JavaScript से आप browser से related कई problems solve कर सकते है।

Meta

Popular Posts

Categories

Social Media Links

Blog Archive

Laravel News

Loading...