Console API - Demo - JS Advanced Debugging Course

Advanced JavaScript Debugging
بالعربي

ليه تاخد الكورس؟
لو بتقضي وقت بتكتب الكود اكتر من ساعة يومياً اكيد هتلاقي bugs بتقابلك وكل ما كنت اشطر كل ما كان الوقت اقل طيب بنعرف منين نحل الbugs دي ونتعرف على مكانها اصلاً ازاي دا هيكون محتوى الكورس دا واوعدك ان الوقت اللي هتقضيه في الكورس دا هيوفر عليك عشرات الساعات من انك تضايق وتتنرفز عشان من عارف الbug فين 😇

المطلوب منك معرفته قبل بداية الكورس:
🌏 HTML - CSS - JS 🌏
المحتوى:
👉 Examining and Editing the DOM
Devtools version check
The importance of debugging in the browser
Cloning the Project and Demo Overview
What DevTools can do?

👉 Capabilities of Chrome DevTools
Difference between DOM and HTML
Using Elements Panel
Troubleshooting and Modifying CSS styles
Saving Files to WorkSpace
Use Device mode to simulate Various types of devices
👉 Using the console
Creating log messages
Console API
Utilities API
Monitor and Observe Events
👉 Debugging JavaScript

Sources Panel
Break points and stepping through the code
Source Maps
Snippets
👉 Network Communication and Local Data
Network Panel
Viewing and Editing Local Data
👉 Remote Debugging
Using Safari DevTools for iPhone
Using Chrome DevTools for Android
👉 Common JS bugs
Scope/Closure/Hoisting errors
Counting errors (forget to start start from 0)
Assign instead of Equality
Type coercion
Missing the right position for starting and ending parentheses
Unescaped quotes in a string
mistyped variables
Wrong methods
Missing/Invalid parameters
👉 Common Ionic/Angular bugs
Coming Soon…
Coming Soon…
👉 Debugging Angular
Coming Soon…
Coming Soon…

ازاي تاخد الكورس: