JavaScript ???????????? ????????????: ???????????????????????? ?????? ????????? ????????? ????????????

JavaScript (JS) ????????? ??????????????????????????? ?????? ?????????????????? ????????? ?????? ??????????????????????????? ?????? ???????????????????????? ???????????????????????????????????? ???????????? ????????? ?????? ??????????????? ???????????? ??????????????????????????????????????? ?????? ??????????????? ??????????????????, ???????????? ???????????????, ???????????? ???????????????????????????, ????????????????????? ???????????????, ?????? ????????? ?????????????????????????????? ??????????????????????????? ??????????????? ?????? ????????? ??????????????? ????????? ???????????? ???????????? ????????? ????????????????????????, ??????????????? ???????????????????????? ?????????????????? ?????? English ????????? ?????????????????? ???????????? ?????? ??????????????????????????? ????????????????????????????????? ?????? ?????????????????? ?????? ???????????????

JavaScript ???????????? ?????? - What is JavaScript in Hindi

JavaScript ?????? ?????????-????????????, ????????????????????????, ?????? ????????????????????????????????? ???????????????????????????????????? ???????????? ?????? ??????????????? ??????????????? ??????????????? ????????? ?????? ????????? ??????????????????????????? ????????? ???????????? ???????????? ????????? ?????? ????????? ????????? ?????? ?????????????????????????????? ?????? ???????????????????????? ??????????????? ????????? ????????? ???????????? ????????? ?????????????????? ?????? ?????????, ??????????????? ????????????????????????, ?????????????????????, ?????? ????????????-???????????? ????????????????????? ???????????? ?????????????????? ??????????????????????????????????????? ?????? ???????????? ???????????? ???????????? ???????????????

JavaScript ?????? ?????????????????? - History of JavaScript in Hindi

• 1995: Brendan Eich ?????? Netscape Navigator ???????????????????????? ?????? ????????? ??????????????????????????????????????? ?????????????????? ???????????? ????????????????????? ????????? "Mocha" ??????, ????????? "LiveScript", ?????? ????????? ????????? "JavaScript"???

• Role in Web Development: HTML ?????? CSS ?????? ????????? ??????????????? ??????????????????????????????????????? ????????? ?????? ??????????????? ???????????? ????????? HTML ??????????????????????????? ???????????? ??????, CSS ?????????????????????, ?????? JavaScript ??????????????????????????????????????????

• Today: JavaScript ?????? ??????????????? ???????????? ???????????????????????? ?????? ??????????????? ???????????? ????????? Node.js ?????? ????????? ????????? ?????????????????? ???????????????????????????, ?????????????????? ????????????, ?????? ????????? ??????????????????????????? ????????? ?????? ???????????????????????? ???????????? ???????????? ?????????

JavaScript ?????? ??????????????? - Setup of JavaScript in Hindi

??????????????????????????????????????? ???????????? ???????????? ?????? ????????? ???????????? ?????????????????? ??????????????? ?????? ??????????????? ??????????????? ???????????? ????????? ??????????????? ??????????????? ????????????????????? ?????????:

1. Browser Console:

   • ?????? ?????????????????? ???????????????????????? (???????????? Chrome, Firefox) ????????? ???????????????-?????? JavaScript console ???????????? ?????????

   • ????????? ??????????????? ?????? ?????????: Right-click > Inspect > Console???

   • ???????????? ?????? ???????????????????????? ??????????????????????????????????????? ????????? ??????????????? ?????? ???????????? ????????????

2. VS Code:

   • Visual Studio Code ?????? ???????????? ????????? ??????????????? ????????? ????????? ????????????????????? ???????????? ?????? ??????????????????????????????????????? ?????????????????? (.js) ??????????????????

   • ???????????????????????? ????????? ????????? ?????? ???????????? ?????? ?????????, ???????????? HTML ???????????? ????????? <script> ????????? ?????? ????????? ??????????????????????????????????????? ???????????? ???????????? ???????????????

3. Online Tools:

   • CodePen ?????? Replit ???????????? ???????????????????????????????????? ???????????? ???????????????????????? ????????? ?????? ????????? ??????????????? ?????? ??????????????? ???????????? ?????? ?????????????????? ???????????? ???????????? ?????? ???????????????????????? ?????? ????????? ???????????? ??????????????? ????????????

??????????????? ?????? ????????? ????????????????????? - Steps for Setup in Hindi

1. VS Code ????????????????????? ???????????????

2. ?????? HTML ???????????? ??????????????? ?????? ??????????????? <script>??????????? ?????????????????????

3. ???????????????????????? ????????? HTML ???????????? ????????? ???????????? ?????? Console ????????? ?????????????????? ????????? ???????????????

???????????? JavaScript ??????????????????????????? - First JavaScript Program

• console.log:

  • ?????? Console ????????? ????????????????????? ?????? ?????????????????? ?????????????????? ???????????? ?????????

  • ??????????????????:

    console.log("Hello, World!");

1. alert:

   • ?????? ???????????????????????? ????????? ?????? ?????????-?????? ??????????????? ?????????????????? ?????????

   • ??????????????????:

     alert("Welcome to JavaScript!");

2. prompt:

   • ??????????????? ?????? ??????????????? ???????????? ?????? ????????? ?????????-?????? ?????????????????? ?????????

   • ??????????????????:

     let name = prompt("Enter your name:");
     console.log("Hello, " + name);

???????????? ??????????????????????????? ?????????????????? - Example First Program

???????????? ?????? ?????????????????? HTML ???????????? ?????? ?????????????????? ??????????????????????????????????????? ????????? ??????????????? ??????:

<!DOCTYPE html>
<html>
<head>
  <title>My First JavaScript Program</title>
</head>
<body>
  <script>
    console.log("Hello, World!");
    let name = prompt("Enter your name:");
    alert("Hello, " + name + "!");
  </script>
</body>
</html>

????????? ?????? .html ???????????? ????????? ????????? ????????????, ???????????????????????? ????????? ????????? ????????????, ?????? Console ????????? ?????????????????? ??????????????????

?????????????????????: Console Errors ?????? Breakpoints

????????? ??????????????? ????????? ????????????????????? ???????????? ?????? ????????? ????????? ??????????????????????????????????????? ????????? ????????????????????? ?????? ????????? ?????? ??????????????? ???????????????????????? ????????????:

1. Console Errors:

   • ???????????????????????? ?????? Console ????????? ??????????????? ?????????????????????????????? ??????????????? ???????????? ?????????????????? ?????? ?????????, ????????? ?????? ????????? ????????????????????? ???????????? ???????????? ?????????, ?????? "ReferenceError" ?????????????????????

   • ??????????????????:

     console.log(undefinedVariable); // ReferenceError: undefinedVariable is not defined

2. Breakpoints in DevTools:

   • Chrome DevTools ????????? Sources ????????? ????????? ???????????????

   • ???????????? ??????????????????????????????????????? ???????????? ????????? ????????? ???????????? ?????? ??????????????? ???????????? Breakpoint ????????? ???????????????

   • ????????? ?????? ???????????? ?????? Breakpoint ?????? ????????? ???????????????, ?????? ?????? ??????????????????????????? ?????? ?????????????????? ????????? ?????? ???????????? ????????????

Chrome DevTools Console ?????? ??????????????????????????????

?????????????????????????????? ???????????????????????????: Personalized Greeting

?????? ?????? ???????????? ?????? ??????????????????????????? ???????????????:

• ??????????????? ?????? prompt ?????? ??????????????? ???????????? ????????? ????????????

• Console ????????? ?????? Personalized Greeting ?????????????????? ???????????? (????????????: "Hello, [name]! Welcome to JavaScript!")???

• ?????? alert ?????????????????? ?????????????????? ????????? ??????????????? ?????????

Code:

let name = prompt("Enter your name:");
console.log("Hello, " + name + "! Welcome to JavaScript!");
alert("Hello, " + name + "! Welcome to JavaScript!");

????????? ???????????? HTML ???????????? ????????? <script> ????????? ?????? ???????????? ??????????????? ?????? ??????????????? ???????????????

• Also Read: AI ?????? ML ?????? ????????? Python ????????? OOPs: ???????????????????????? ?????? ????????? ????????????

Quiz: JavaScript ?????? Basics

???????????? 5 ????????????????????? ???????????? ???????????? ????????? ?????? ??????????????????????????????????????? ?????? ?????????????????? ?????? ??????????????? ?????? ?????????????????? ?????????:

1. ??????????????????????????????????????? ?????? ???????????????????????? ??????????????? ?????????????

   • A) Bill Gates

   • B) Brendan Eich

   • C) Tim Berners-Lee

   • D) Mark Zuckerberg

   • Answer: B) Brendan Eich

2. console.log ?????? ??????????????? ???????????? ???????

   • A) ???????????????????????? ????????? ?????????-?????? ?????????????????? ?????? ?????????

   • B) Console ????????? ????????????????????? ?????????????????? ???????????? ?????? ?????????

   • C) ??????????????? ?????? ??????????????? ???????????? ?????? ?????????

   • D) CSS ??????????????????????????? ?????? ?????????

   • Answer: B) Console ????????? ????????????????????? ?????????????????? ???????????? ?????? ?????????

3. ??????????????????????????????????????? ????????? ???????????? ?????? ?????? ???????????? ??????????

   • A) Browser Console

   • B) VS Code

   • C) CodePen

   • D) ????????????????????? ?????????

   • Answer: D) ????????????????????? ?????????

4. alert ?????????????????? ???????????? ???????????? ???????

   • A) Console ????????? ??????????????? ?????????????????? ???????????? ??????

   • B) ???????????????????????? ????????? ?????????-?????? ?????????????????? ??????

   • C) ????????? ???????????? ???????????? ??????

   • D) HTML ??????????????????????????? ??????????????? ??????

   • Answer: B) ???????????????????????? ????????? ?????????-?????? ?????????????????? ??????

5. Chrome DevTools ????????? Breakpoint ?????? ??????????????? ???????????? ???????

   • A) ????????? ?????? ???????????? ?????? ?????? ???????????? ?????? ?????????

   • B) ????????? ????????? ????????????????????? ???????????? ?????? ??????????????? ?????? ?????????

   • C) CSS ??????????????????????????? ????????? ???????????? ?????? ?????????

   • D) HTML ??????????????? ?????????????????? ?????? ?????????

   • Answer: B) ????????? ????????? ????????????????????? ???????????? ?????? ??????????????? ?????? ?????????

???????????????????????? - Conclusion

JavaScript ??????????????? ????????? ??????????????????????????? ?????? ?????????????????? ????????? ?????? ??????????????? ????????? ???????????? ??????????????????????????????????????? ?????? ??????????????? ??????????????????, ???????????????, ???????????? ???????????????????????????, ?????????????????????, ?????? ?????? ?????????????????????????????? ??????????????????????????? ????????? ????????? ?????? ?????? Browser Console, VS Code, ?????? CodePen ?????? ???????????? ???????????? ??????????????????????????????????????? ????????????????????????????????? ????????? ???????????? ???????????? ???????????? ????????????????????? ????????? ?????? Variables, Data Types, ?????? Functions ?????? ?????? ??????????????? ?????? ????????????????????????

????????? ???????????? ?????? ??????????????????????????? ??????????????? ?????? ????????? ???????????? ??????, ?????? ???????????? ??????????????? ????????????!