آموزش اشکال زدایی جاوا اسکریپت/NodeJS

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

معرفی Introduction

• معرفی Introduction

• تکنیک های اشکال زدایی Debugging Techniques

• چرا مهم است که بتوانید کد را در ذهن خود اجرا کنید Why it is important to be able to run the code in your mind

• آشنایی با اصول اجرای کد Understanding the basics of code execution

نحوه خواندن پیام های خطا How to Read Error Messages

• خطای متغیر تعریف نشده Undefined Variable Error

• اشتباه نوشتاری Syntax Error

• خطای تایپ Type Error

• خطای شبکه Network Error

• خطای حلقه بی نهایت Infinite Loop Error

ردیابی پشته Stack Trace

• Stack Trace چیست؟ What is a Stack Trace

• خواندن Stack Trace Reading Stack Trace

پیمایش موثر در Codebase Navigating in the Codebase Efficiently

• در پروژه پیدا کنید Find in Project

• برو به تعریف Go To Definition

• برو به فایل Go to file

• رفت و برگشت Go back and forth

اشکال زدایی با استفاده از لاگ ها Debugging using logs

• چرا سیاهههای مربوط Why logs

• با استفاده از console.count Using console.count

• با استفاده از console.trace Using console.trace

• دست در رفع اشکال با استفاده از سیاهههای مربوط و چالش Hands on debugging using logs & Challenge

دیباگر VSCode VSCode Debugger

• اشکال زدایی را شروع کنید Start debugging

• نقطه شکست Breakpoint

• نقطه شکست مشروط Conditional breakpoint

• نقطه ورود Logpoint

• کنترل های دیباگر Debugger Controls

• کنسول دیباگر Debugger Console

• تماشای یک متغیر Watching a variable

• شکست در استثنائات گرفتار Breaking in Caught Exceptions

• شکست در استثنائات کشف نشده Breaking in Uncaught Exceptions

• دست در رفع اشکال و چالش Hands on fixing a bug & Challenge

کد را در ذهن خود اجرا کنید Execute the code in your mind

• ارزیابی کد زمانی که قطعات زیادی در حال حرکت هستند Evaluating the code when there are many parts moving

• تمرکز در خروجی کد Focusing in the code output

Chrome DevTools Chrome DevTools

• نقطه شکست Breakpoint

• نقطه ورود Logpoint

• کنترل های دیباگر Debugger Controls

• کنسول دیباگر Debugger Console

• متغیرها را تماشا کنید Watch variables

• شکستن استثناهای گرفتار و استثناهای غیرگرفته شده Breaking in Caught Exceptions and Uncaught Exceptions

• درخواست (XHR/Ajax/fetch) نقطه انفصال Request (XHR/Ajax/fetch) Breakpoint

• نقطه شکست رویداد Event Breakpoint

• نقاط شکست DOM DOM Breakpoints

• دست در رفع اشکال و چالش Hands on fixing a bug & Challenge

نکات و نکات اضافی Extra & Tips

• استفاده از ابزار توسعه کروم با فرآیند NodeJS Using Chrome DevTools with a NodeJS Process

• اشکال زدایی صفحه ای از آیفون خود با سافاری در مک بوک Debugging an page from your IPhone with Safari in your macbook

• DRY - خودتان را تکرار نکنید DRY - Don't Repeat Yourself

تو موفق شدی :دی You've made it : D

• متشکرم! Thank you!

• جایزه Bonus