???? ?? JavaScript ????? ???? ?????. ??? ? ?? ???? ??? ?????? ???? ????, ??? ????? ????? ??? ???? ??? ??? ???? ??? ???. ? ????? ?? ????? ???? ??? ? ??? ???? ? ??? ?? 10?? ???? ??? ??? ???????.

---

1. ?? ? ??

?? ??? ???? ???? ?? ???? ? ?? ??? ??? ????. console.log(), console.error() ? console.table()? ?? ?? ?????? ??? ?? ?? ???? ?????.

?:

const user = { name: "Rayan", age: 25 };
console.log("User Details:", user);
console.table(user);

?? ?: ?????? console.log()? ???? ???? ???. ??? ???????? Winston ?? Bunyan? ?? ???? ?? ?????? ?????.

---

2. ???? DevTools ??

?? ?????? ??? ??? ??? ?? ?????. ?? ?? ???? ???? ????, ??? ????, ??? ? ?? ??? ???.

Chrome DevTools?? ??? ??:

1. DevTools? ???(F12 ?? ??? ??? ??? ???? "??" ??).
2. ?? ??? ?????.
3. ???? ????? ? ??? ?????.
4. ???? ?? ??? ???? ?????.

---

3. ??? ?? ???

Promise ? async/await ???? ???? ? ????. ???? ?? async ???? ???? ??? ?????.

?:

async function fetchData() {
  try {
    const response = await fetch("https://api.example.com/data");
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("Error fetching data:", error);
  }
}
fetchData();

??? ?: ? ?? ???? ???? DevTools? "??? ?? ??" ??? ?????.

---

4. ??? ? ??

??? ???? JavaScript ??? ?? ???? ?? ??? ??? ? ??? ???.

?:

function calculateSum(a, b) {
  debugger; // Execution pauses here
  return a + b;
}
calculateSum(5, 7);

??? ???? ?? ??? ?? ???? ?? ?? ???.

---

5. try...catch? ??? ?? ??

try...catch ??? ??? ??? ???? ??????? ??? ?? ???? ??? ? ? ????.

?:

try {
  const result = riskyFunction();
  console.log(result);
} catch (error) {
  console.error("An error occurred:", error.message);
}

??? ?? ???? ???? ?? ??? ??? ?????.

---

6. Node.js?? ???

Node.js? VS Code? ?? ??? ???? ???? ?? ???? ?????.

VS Code?? Node.js? ????? ??:

1. launch.json ?? ??? ?????.
2. "?? ? ???" ???? ???? ?????.
3. ???? ???? ??? ?????.

?? nodespect ??? ?????.

const user = { name: "Rayan", age: 25 };
console.log("User Details:", user);
console.table(user);

---

7. Postman? ??? ???? ???

API ?? ??????? ?? Postman ?? ??? ??? ???? HTTP ??? ????? ???? ? ????.

??:

1. Postman?? ? ??? ?????.
2. ??(GET, POST ?)? URL? ?????.
3. ??? ??? ??? ?????.

---

8. ? ???? ?? ??? ???

React ? Vue? ?? ?????? ? ???? ????? ????? ?? ??? ??? ?? ??? ??? ? ????.

?:

• Vite ?? Next.js? ?? ??? ???? ? ?? ??(HMR)? ??????.
• ???? ??? ???? ? ??? ?? ?????.

---

9. ???? ??? ??

ESLint ? TypeScript? ?? ??? ??? ?? ?? ???? ??? ??? ? ????.

?:

• ESLint: ?? ??? ???? ?? ??? ?????.
• TypeScript: ??? ?? ?? ?? ??? ?????.

??:

async function fetchData() {
  try {
    const response = await fetch("https://api.example.com/data");
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("Error fetching data:", error);
  }
}
fetchData();

---

10. ?? ? ?? ??

??? ???? ???? ??? ?? ??? ??? ??? ?? ????. ?? ?? ???? ?? ??? ???? GitHub Codespaces? ?? ?? ??? ??? ?????.

---

??

??? ??? ??? ??? ?? ????? ??? ?? JavaScript ???? ? ? ????. ??? ?? ??? ???? Postman ? DevTools? ?? ?? ??? ???? ??? ???? ????? ???? ????. ?? ??? ??? ??? ? ?? ???? ?? ?????!

?? ??? ??? ??????? ?? ??? ???? ?? ??? ???!

? ??? ?? ???? ??? ? JavaScript ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!