??? ??? ?? Console.log ()? ??????. 2. ???? ?? ?? ???? ?? ?? ???? ??? ???? ??? ?????. 3. ?? ?? ... ?? ? ???/?? ??? ?? ?? ? ?? ?? ????????. 4. ESLINT ? PRETITIT? ???? ??? ?? ?? ???? ??????. 5. ??? ??; ??? ?? ??? ?? ???? ??; 6. ???? ? ?? ?? ???? ???? ?? ? DOM ??? ???? ??? ???? ???? ???? JavaScript ???? ?????.

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

1. ?? ??? ?? console.log() ? ??????

?? ???? ?? ???? ??? ??? console.log() ???? ????. ?? ?, ?? ?? ?? ??? ????? ??? ????? ??? ? ???? ??????.

 Console.log ( "??? ??? :", userData);
Console.log ( "Active?", Isactive);

??? ????, node.js ? ?? ?? ??? ????? console.log() ?? ???? ??? ?? ?? ????.

??? ? : ??? ??? ?? ??? ?? ??? ??????.

 Console.log ( "3 ???? :", step3value);

??? ?? ??? console.table() ??????. ????? ???? ??? ???????.

2. ???? ??? ??? ??????

?? ???? (Chrome, Firefox, Edge)?? ??? ?? DevTools? ????. ????? ???? ??? ??? ????.

• F12 ?? Ctrl Shift I (Mac?? Cmd Option I )??? DevTools? ?? ? .
• ?? (?? ??? ) ??? ??????.
• ? ??? ???? JavaScript ??? ?? ?? ?? ?????? .
• ??? ???? ?? ??? ?? ?????.
• ???? ???? ??? ??????.
  • ? ?? ?
  • ??????
  • ?? ??????
• ??? ?? ??? ????? ??????.

??? ? ? ???? :

• ??? ?? ?? ?????? (??? ?? ? ?? ???).
• debugger; ?? ??? ???? ?? ???? :

   if (??) {
    ???; // DevTools? ?? ??? ?? ?????
  }

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

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

 ???? {
  rispyoperation ();
} catch (??) {
  console.error ( "??? ?? ??? :", error.message);
}

??? ?? (??)? ?? .catch() ????? try...catch async/await .

 ??? ?? fetchData () {
  ???? {
    const res = await fetch ( '/api/data');
    const data = await res.json ();
  } catch (??) {
    Console.error ( "Fetch ?? :", ??);
  }
}

?? DevTools?? ?? ?? ??????. ?? ???? ?? ? ??? ????? ?????.

4. ?? ? ?? ??

Eslint ? ?? ??? ???? ???? ??? ?? ????? (? : ???? ?? ??, ?? ??) :

 npx eslint your-file.js

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

5. debugger; ?????

debugger; ??? ?? ????? ?? (DevTools? ?? ??) :

 ?? ???? (???) {
  ???;
  return user.name.toupperCase ();
}

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

6. ???? ? DOM ??? ??????

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

• ??? API ?? (?? ???? ? ).
• ??? ?? ? ?? ( document.getElementById ? null ).
• ??? ???? ??? ???? ?????.

?? ?? ???? DOM? ???? ????? ??????.

????? ???? ??? ??? ?????? ???? ?? ???? ?? ???? ????. console.log , DevTools ? ??? ? ?? ??? ???? ???? ??? ??? ?? ? ? ????.

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