Introduction to JavaScript
เคตेเคฌเคธाเคเค เคฎें เคाเคจ เคกाเคฒเคจे เคตाเคฒा เค เคธเคฒी เคाเคฆू (The Brain of the Web)!
เคฎाเคจ เคฒीเคिเคฏे เคเคช เคเค เคाเคฐ เคฌเคจा เคฐเคนे เคนैं। HTML เคाเคฐ เคी เคฒोเคนे เคी เคฌॉเคกी เคนै, CSS เคเคธเคा เคถाเคจเคฆाเคฐ เคชेंเค เคเคฐ เคฒेเคฆเคฐ เคी เคธीเค्เคธ เคนैं। เคฒेเคिเคจ เคฌिเคจा เคंเคเคจ เคे เคตो เคाเคฐ เคिเคธी เคाเคฎ เคी เคจเคนीं! JavaScript (JS) เคเคธ เคाเคฐ เคा เคंเคเคจ เคนै। เคเคฌ เคเคช เคตेเคฌเคธाเคเค เคชเคฐ เคुเค เคฒिเคเคคे เคนैं, เคोเค เคฌเคเคจ เคฆเคฌाเคคे เคนैं, เคฏा เคธ्เค्เคฐीเคจ เคชเคฐ เคोเค เคชॉเคช-เค เคช เคเคคा เคนै, เคคो เคตो เคธเคฌ JavaScript เคे เคฒॉเคिเค (Logic) เคธे เคนोเคคा เคนै। เคเค เคนเคฎ เคฆुเคจिเคฏा เคी เคธเคฌเคธे เคฎเคถเคนूเคฐ เคเคฐ เคชाเคตเคฐเคซुเคฒ เคช्เคฐोเค्เคฐाเคฎिंเค เคฒैंเค्เคตेเค เคो เคฌिเคฒ्เคुเคฒ เคฌेเคธिเค เคธे เคธเคฎเคेंเคे।
JavaScript เคธिเคฐ्เคซ เคชเฅเคจे เคी เคीเฅ เคจเคนीं เคนै, เคฆेเคเคจे เคी เคीเฅ เคนै! เคจीเคे เคฆिเค เคเค เคฌเคเคจ เคชเคฐ เค्เคฒिเค เคเคฐें เคเคฐ เคฆेเคें เคि เคैเคธे JS เคตेเคฌเคธाเคเค เคा เคेเค्เคธ्เค เคคुเคฐंเคค เคฌเคฆเคฒ เคฆेเคคा เคนै เคฌिเคจा เคชेเค เคो เคฐीเคฒोเคก เคिเค:
เคिเคธ เคคเคฐเคน CSS เคो เคोเฅเคจे เคे เคฒिเค เคนเคฎ <style> เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐเคคे เคนैं, เคเคธी เคคเคฐเคน JS เคो เคोเฅเคจे เคे เคฒिเค เคนเคฎ <script> เคैเค เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐเคคे เคนैं। เคเคธे เคนเคฎेเคถा HTML เคे เคธเคฌเคธे เคจीเคे (เคฌॉเคกी เคैเค เคฌंเคฆ เคนोเคจे เคธे เค ीเค เคชเคนเคฒे) เคฒिเคा เคाเคคा เคนै, เคคाเคि เคตेเคฌเคธाเคเค เคเคฒ्เคฆी เคฒोเคก เคนो।
<body>
<h1>เคฎेเคฐी เคตेเคฌเคธाเคเค</h1>
<!-- JavaScript เคฏเคนाँ เคฒिเคी เคाเคคी เคนै -->
<script>
alert("เคตेเคฌเคธाเคเค เคฎें เคเคชเคा เคธ्เคตाเคเคค เคนै!");
</script>
</body>
Variables (เคกेเคा เคธ्เคोเคฐ เคเคฐเคจे เคा เคกिเคฌ्เคฌा)
เคช्เคฐोเค्เคฐाเคฎिंเค เคฎें เคिเคธी เคญी เคाเคจเคाเคฐी (เคจाเคฎ, เคเคฎ्เคฐ, เคฎोเคฌाเคเคฒ เคจंเคฌเคฐ) เคो เคธुเคฐเค्เคทिเคค เคฐเคเคจे เคे เคฒिเค เคนเคฎ Variables เคฌเคจाเคคे เคนैं। JS เคฎें เคเคธเคे เคฒिเค let เคฏा const เคा เคเคธ्เคคेเคฎाเคฒ เคนोเคคा เคนै।
เคเคฆाเคนเคฐเคฃ: let name = "Adesh Kashyap";
Functions (เคाเคฎ เคเคฐเคจे เคตाเคฒी เคฎเคถीเคจ)
เคซंเค्เคถเคจ เคोเคก เคा เคเค เคเคธा เคฌंเคกเคฒ เคนै, เคो เคोเค เคाเคธ เคाเคฎ เคเคฐเคคा เคนै। เคเคธे เคเคช เคเค เคूเคธเคฐ เคฎเคถीเคจ เคी เคคเคฐเคน เคธเคฎเคें। เคเคช เคเคธเคฎें เคฌเคเคจ เคฆเคฌाเคคे เคนैं, เคเคฐ เคฏเคน เค
เคชเคจा เคाเคฎ เคเคฐเคे เคฆे เคฆेเคคी เคนै। เคเคฌ เคญी เคเคชเคो เคเค เคนी เคोเคก เคฌाเคฐ-เคฌाเคฐ เคเคธ्เคคेเคฎाเคฒ เคเคฐเคจा เคนो, เคคो เคนเคฎ เคซंเค्เคถเคจ เคฌเคจाเคคे เคนैं।
เคเคฆाเคนเคฐเคฃ: function sayHello() { alert("Hello Bhai!"); }
Events (เคเคตेंเค्เคธ - เคเค्เคถเคจ เคा เคฐिเคเค्เคถเคจ)
เคเคฌ เคฏूเค़เคฐ เคตेเคฌเคธाเคเค เคชเคฐ เคुเค เคเคฐเคคा เคนै—เคैเคธे เคฎाเคเคธ เคธे เค्เคฒिเค เคเคฐเคจा, เคीเคฌोเคฐ्เคก เคธे เคुเค เคाเคเคช เคเคฐเคจा, เคฏा เคชेเค เคो เคธ्เค्เคฐॉเคฒ เคเคฐเคจा—เคคो เคเคธे Event เคเคนเคคे เคนैं। JS เคเคจ เคเคตेंเค्เคธ เคो เคชเคเฅเคเคฐ เคฐिเคเค्เคถเคจ เคฆेเคคा เคนै। (เคैเคธे เคฌเคเคจ เคชเคฐ onclick เคฒเคाเคจे เคธे เคाเคฎ เคนोเคคा เคนै)।
เคธเคฌเคธे เคฌเคก़ा เคเคจ्เคซ्เคฏूเค़เคจ: Java vs JavaScript
เคฌเคนुเคค เคธे เคจเค เคธ्เคूเคกेंเค्เคธ เคธोเคเคคे เคนैं เคि Java เคเคฐ JavaScript เคเค เคนी เคीเค़ เคนैं। เคฏเคน เคฌिเคฒ्เคुเคฒ เคเคฒเคค เคนै! เคฆोเคจों เคฎें เคธिเคฐ्เคซ เคจाเคฎ เคे 'Java' เคा เคนिเคธ्เคธा เคฎिเคฒเคคा เคนै।
เคเคธे เคเคธे เคธเคฎเคें: เคो เคฐिเคถ्เคคा เคเค 'Car' (เคाเคก़ी) เคเคฐ 'Carpet' (เคाเคฒीเคจ) เคे เคฌीเค เคนै, เคตเคนी เคฐिเคถ्เคคा Java เคเคฐ JavaScript เคे เคฌीเค เคนै! Java เคเค เค
เคฒเค เคฌैเคเคंเคก เคฒैंเค्เคตेเค เคนै, เคเคฌเคि JS เคฎुเค्เคฏ เคฐूเคช เคธे เคตेเคฌ เคฌ्เคฐाเคเค़เคฐ เคे เคฒिเค เคฌเคจी เคนै।
JavaScript เคธीเคเคคे เคธเคฎเคฏ เคเคชเคो เคोเค เคจเคฏा เคธॉเคซ्เคเคตेเคฏเคฐ เคกाเคฒเคจे เคी เค़เคฐूเคฐเคค เคจเคนीं เคนै। เคเคชเคे Google Chrome เคฎें เคนी เคชूเคฐा เคेเคธ्เคिंเค เคूเคฒ เคฎौเคूเคฆ เคนै।
เคंเคธोเคฒ เคैเคธे เคोเคฒें?
เค เคชเคจे เคंเคช्เคฏूเคเคฐ เคฎें Chrome เคोเคฒें, เคीเคฌोเคฐ्เคก เคชเคฐ F12 เคฆเคฌाเคं (เคฏा Right Click > Inspect) เคเคฐ 'Console' เคตाเคฒे เคैเคฌ เคชเคฐ เคाเคँ। เคฏเคนाँ เคเคช เคธीเคงा JS เคा เคोเคก เคฒिเคเคเคฐ เคेเคธ्เค เคเคฐ เคธเคเคคे เคนैं!
Console.log() เค्เคฏा เคนै?
เคเคฌ เคญी เคिเคธी เคกेเคตเคฒเคชเคฐ เคो เคेเค เคเคฐเคจा เคนोเคคा เคนै เคि เคเคธเคा เคोเคก เคธเคนी เคाเคฎ เคเคฐ เคฐเคนा เคนै เคฏा เคจเคนीं, เคคो เคตเคน console.log("Hello") เคฒिเคเคคा เคนै। เคฏเคน เคธ्เค्เคฐीเคจ เคชเคฐ เคจเคนीं เคฆिเคเคคा, เคฌเคฒ्เคि เคชीเคे เคंเคธोเคฒ เคฎें เคเคช เคाเคคा เคนै।
Q1. เค्เคฏा JavaScript เคธीเคเคจे เคे เคฒिเค เคเคฃिเคค (Maths) เคฎें เคคेเฅ เคนोเคจा เค़เคฐूเคฐी เคนै?
Q2. HTML/CSS เคเคฐ JS เคो เคธीเคเคจे เคा เคธเคนी เค्เคฐเคฎ (Order) เค्เคฏा เคนै?
Q3. ES6 เค्เคฏा เคนोเคคा เคนै?
var เคी เคเคเคน let/const เคा เคเคธ्เคคेเคฎाเคฒ เคถुเคฐू เคนुเค)।
Final Words
JavaScript เคंเคเคฐเคจेเค เคी เคธเคฌเคธे เคชाเคตเคฐเคซुเคฒ เคญाเคทा เคนै। เคเค เคे เคธเคฎเคฏ เคฎें เคเคช JS เคธे เคธिเคฐ्เคซ เคตेเคฌเคธाเคเค เคนी เคจเคนीं, เคฌเคฒ्เคि เคฎोเคฌाเคเคฒ เคเคช्เคธ (React Native) เคเคฐ เคธเคฐ्เคตเคฐ (Node.js) เคญी เคฌเคจा เคธเคเคคे เคนैं। เคถुเคฐुเคเคค เคฎें เคเคธเคे เคฒॉเคिเค เคฅोเฅे เคฎुเคถ्เคिเคฒ เคฒเค เคธเคเคคे เคนैं, เคฒेเคिเคจ เคนाเคฐ เคจ เคฎाเคจें। เคฐोเค़ाเคจा เคोเคे-เคोเคे เคोเคก (เคैเคธे เคैเคฒเคुเคฒेเคเคฐ เคฌเคจाเคจा เคฏा เคฐंเค เคฌเคฆเคฒเคจा) เค्เคฐाเค เคเคฐें।