آموزش اشکال زدایی برنامه های جاوا اسکریپت

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

مفاهیم اساسی اشکال زدایی Basic Debugging Concepts

• معرفی ماژول: مفاهیم اساسی اشکال زدایی Module Intro: Basic Debugging Concepts

• اشکال زدایی و اشکالات Debugging and Bugs

• نقاط شکست Breakpoints

• درک عبارات و استثناها Understanding Expressions and Exceptions

• ردیابی خطاها و ناوبری Tracing Errors and Navigation

• نسخه ی نمایشی: مورد ما Demo: Our Case

• خلاصه ماژول Module Summary

اشکال زدایی Backend JS با VS Code Debugging Backend JS with VS Code

• معرفی ماژول: اشکال زدایی Backend JS با کد VS Module Intro: Debugging Backend JS with VS Code

• کد VS را آماده کنید Get VS Code Ready

• توقف اجرا Pausing the Execution

• گام برداشتن از طریق کد Stepping through the Code

• نقاط ورود و پیوست خودکار Logpoints and Auto Attach

• خلاصه ماژول Module Summary

اشکال زدایی Frontend JS با Chrome DevTools Debugging Frontend JS with Chrome DevTools

• معرفی ماژول: اشکال زدایی Frontend JS با Chrome DevTools Module Intro: Debugging Frontend JS with Chrome DevTools

• Chrome DevTools Chrome DevTools

• پنل عناصر Elements Panel

• پنل کنسول و منابع Console and Sources Panel

• پنل شبکه Network Panel

• پنل عملکرد و حافظه Performance and Memory Panel

• پنل برنامه Application Panel

• خلاصه ماژول Module Summary

پیدا کردن اشکالات رایج Finding Common Bugs

• معرفی ماژول: یافتن اشکالات رایج Module Intro: Finding Common Bugs

• ارجاع و خطاهای نوع Reference and Type Errors

• خطاهای منطقی، رفتار تعریف نشده و سازگاری مرورگر Logical Errors, Undefined Behavior, and Browser Compatibility

• مسائل مربوط به عملکرد Performance Issues

• مسائل مربوط به بارگذاری و زمان بندی Loading and Timing Issues

• درخواست های ناموفق Failed Requests

• واردات ناموفق Failed Imports

• مشکلات با رویدادهای UI Problems with UI Events

• مشکلات مربوط به Callbacks، Promises و State Problems with Callbacks, Promises, and State

• Async/Await Issues Async/Await Issues

• خلاصه ماژول Module Summary

امتیازات پایانی Final Points

• معرفی ماژول: نکات نهایی Module Intro: Final Points

• مقایسه: VS Code و Chrome DevTools برای اشکال زدایی Comparison: VS Code and Chrome DevTools for Debugging

• بهترین روش ها برای اشکال زدایی Best Practices for Debugging

• خلاصه ماژول Module Summary