آموزش اشکال زدایی JavaScript

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه شما باید بدانید What you should know

• پرونده های ورزشی Exercise files

• چه جدید در این به روز رسانی What's new in this update

• استفاده از چالش ها Using challenges

1. درک نیاز به دیباگر 1. Understanding the Need for a Debugger

• معرفی دوست خود ، رفع اشکال Introducing our friend, the debugger

• اصطلاحات مهم و مفاهیم مهم Important jargon and concepts

• اشکال زدایی در مرورگرهای وب Debuggers in web browsers

• اهمیت یک ویرایشگر خوب و IDE The importance of a good editor and IDE

• چرا اشکال زدایی AJAX می تواند مشکل باشد Why debugging AJAX can be tricky

2. اصول اولیه اشکال زدایی 2. Debugger Basics

• رفع اشکال بدون رفع اشکال Debugging without a debugger

• استفاده بیشتر از API کنسول Leverage more of the Console API

• بایستید و به اطراف خود نگاه کنید: نقاط شکست ساده Stop and look around: Simple breakpoints

• سایر گزینه های breakpoint را کاوش کنید Explore other breakpoint options

• چالش: دانستن زمان متوقف کردن Challenge: Knowing when to stop

• وارد عملکردها شوید ، آنها را خارج کنید و از آنها خارج شوید Step into, over, and out of functions

• پیدا کنید که در آن از پشته تماس استفاده می کنید Find out where you are using the call stack

• راه حل: دانستن زمان متوقف کردن Solution: Knowing when to stop

• متغیرها را با ساعت مانیتور کنید Monitor variables with watches

• نقشه های منبع برای اشکال زدایی از فایل های کوچک شده Source maps to debug minified files

• چالش: همه را کنار هم قرار دهید Challenge: Putting it all together

• راه حل: همه را کنار هم قرار دهید Solution: Putting it all together

3. اشکال زدایی در عمل 3. Debugging in Practice

• اشکال زدایی از استفاده از یک پلاگین jQuery Debugging the use of a jQuery plugin

• اشکال زدایی از یک برنامه React در Chrome Debugging a React application in Chrome

• اشکال زدایی در iOS با استفاده از شبیه ساز Debugging on iOS using Simulator

• اشکال زدایی از راه دور در دستگاه Android Remote debugging on an Android device

• اشکال زدایی از یک برنامه گره در WebStorm Debugging a node application in WebStorm

• چالش: کد دیگران است Challenge: Other people's code

• راه حل: کد دیگران Solution: Other people's code

• تنظیم مثال وردپرس Setting up the WordPress example

• قالب WordPress را در Visual Studio Code اشکال زدایی کنید Debug a WordPress theme in Visual Studio Code

• از خطایاب به عنوان ابزار یادگیری در یک سایت زنده استفاده کنید Use a debugger as a learning tool on a live site

• چالش: اشکال زدایی با IDE Challenge: Debugging with an IDE

• راه حل: اشکال زدایی با IDE Solution: Debugging with an IDE

نتیجه Conclusion

• مراحل بعدی Next steps

• منابع اضافی JavaScript Extra JavaScript resources