Debugging JavaScript - Chrome DevTools 101 | طرق البحث الفعاله عن مشاكل الكود في الجافا سكريبت

Опубликовано: 20 Июнь 2022
на канале: Mohammed Elzanaty

2,538

182

في هذا الفديو سأقوم بشرح ما هي الطرق و السبل الذي يجب اتباعها عند البحث عن مشكله في الكود و كيفيه علاجها بطريقه مباشره لحفاظ علي وقت

If you're still using console.log() to find and fix JavaScript issues, you might be spending more time debugging than you need to. This tutorial shows you how to make the most of Chrome DevTools so that you can debug your JavaScript as quickly as possible.

This tutorial teaches you the basic workflow for debugging any JavaScript issue in DevTools. Read on Resources, or watch the video version of this tutorial, below.

#debugging #javascript #debug #mohammedelzanaty

🚀 Join Discord -   / discord

▬ 🔗 Chapters ▬▬▬▬▬▬▬▬▬▬

⌛ 00:00:00 Code Walkthrough
⌛ 00:02:00 console.log()
⌛ 00:03:44 Debugger
⌛ 00:06:06 Break Points
⌛ 00:08:37 Network Tab
⌛ 00:28:45 Outro

▬ 🔗 Resources ▬▬▬▬▬▬▬▬▬▬
⭐ Source Code: https://github.com/moelzanaty3/comple...
⭐ Chrome Docs: https://developer.chrome.com/docs/dev...

▬ 🔥 Contact Me ▬▬▬▬▬▬▬▬▬▬
🚀 BIO: https://moelzanaty3.bio.link/
💖 Become a Patron: Show support & get perks!   / mohammedelzanaty
☕ You Don't need to meet me to buy a coffee: https://www.buymeacoffee.com/moelzanaty3
🔗 GitHub: https://github.com/moelzanaty3
🔗 LinkedIn:   / moelzanaty3
🔗 Twitter:   / moelzanaty3
📪 [email protected]

▬ ⚙️ My Equipment Gear ▬▬▬▬▬▬▬▬▬▬
🌟 https://kit.co/mohammdelzanaty/my-you...

▬ 🎨 My Editor Settings ▬▬▬▬▬▬▬▬▬▬
🌟 Night Owl Color Theme.
🌟 Dank Mono Font
or more information -    • My Code Editor:  Visual Studio Code, ...
00:00 Code Walkthrough
02:00 console.log()
03:44 Debugger
06:06 Break Points
08:37 Network Tab
09:19 Outro