آموزش اشکال زدایی (Debugging) کدهای جاوا اسکریپت یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، اشکال زدایی اپلیکیشن های جاوا اسکریپت است که با نام اصلی Debugging JavaScript Applications از شرکت Pluralsight منتشر شده است.

زبان برنامه نویسی جاوا اسکریپت

زبان برنامه نویسی جاوا اسکریپت که به صورت کوتاه به آن JS نیز می گویند، یک زبان برنامه نویسی پرکاربرد و همه منظوره است که نقشی بسیار اساسی در توسعه نرم افزارهای وب ایفا می کند. در ابتدا زبان برنامه نویسی جاوا اسکریپت به منظور افزایش قابلیت تعامل پذیری صفحات وب ایجاد شد. اما پس از آن سریعاً تبدیل به یک زبان برنامه نویسی چند منظوره شد که از مفاهیم مختلفی از قبیل برنامه نویسی شی گرا، برنامه نویسی imperative و برنامه نویسی تابعی پشتیبانی کرد. به عنوان یک زبان اسکریپت نویسی سمت کلاینت، زبان جاوا اسکریپت کمک میکند تا بتوانید به روز رسانی هایی را به صورت پویا بر روی محتوای صفحات وب ایجاد کرده و واسط کاربری برنامه را تعاملی کنیم. ضمناً، امکان ایجاد ارتباطات نا همزمان با سرور با استفاده از جاوا اسکریپت وجود دارد. با ظهور Node.js زبان جاوا اسکریپت گستره فعالیت خود را به توسعه ی سمت سرور نیز افزایش داد. یکی از ویژگی های مهم زبان برنامه نویسی جاوا اسکریپت سادگی یاد گرفتن آن و یکپارچه شدن بسیار ساده ی آن با زبان HTML و CSS میباشد. امروزه زبان جاوا اسکریپت تکنولوژی اصلی توسعه وب اپلیکیشن ها می باشد و بسیاری از کتابخانه ها و فریم ورک ها از قبیل Angular و React و Vue.js بر اساس آن ایجاد شده اند.

اشکال زدایی و یا debug کردن کدهای جاوا اسکریپت

روال اشکال زدایی و یا debugging در کدهای جاوا اسکریپت یکی از موضوعات اساسی توسعه ی نرم افزار های وب میباشد که با استفاده از آن می توانیم مشکلات موجود در اسکریپت ها را پیدا کرده و آنها را حل و فصل کنیم. برنامه نویسان اغلب از ابزار developer tools مرورگر برای اشکال زدایی کدهای جاوا اسکریپت استفاده میکنند. این ابزار در مرورگر های مختلف از قبیل Chrome و Firefox وجود دارد. با استفاده از این ابزار روال اشکال زدایی کدهای جاوا اسکریپت سمت کاربر بسیار ساده میشود. با استفاده از تکنیک هایی از قبیل جملات console.log و breakpoint ها و همچنین step کردن کد، به سادگی می توانیم رفتار برنامه را رصد کرده و مشکلات موجود را کشف کنیم و نهایتاً آنها را از بین ببریم. علاوه بر این، استفاده کردن از دستورات try-catch و یا بهره بردن از error message ها می تواند کمک کند تا استثناها را پیدا کرده و آنها را هندل کنیم. با استفاده کردن از یک روش منسجم و سیستماتیک در اشکال زدایی، برنامه نویسان میتوانند روال پیدا کردن مشکلات را بهینه کرده و کیفیت کد را افزایش دهند این موضوع نهایتاً کمک میکند تا عملکرد اپلیکیشن های نوشته شده با زبان جاوا اسکریپت بهبود یابد.

سرفصل مطالب آموزش ویدئویی اشکال زدایی (Debugging) کدهای جاوا اسکریپت

فصل اول: مقدمه دوره آموزشی

• مقدمه دوره آموزشی

فصل دوم: مفاهیم اساسی در اشکال زدایی و یا debugging

• مقدمه
• اشکال زدایی و bug ها
• بررسی breakpoint ها
• بررسی expression ها و exception ها
• ردیابی خطاها و navigation
• بررسی برنامه این دوره آموزشی
• جمع بندی

فصل سوم: انجام debugging در کدهای سمت سرور با VS Code

• مقدمه
• آماده سازی VS Code
• متوقف کردن اجرای کد
• اجرا کردن قدم به قدم و یا step کردن کد
• بررسی Logpoint ها و Auto Attach
• جمع بندی

فصل چهارم: انجام debugging در کدهای سمت سرور با Chrome DevTools

• مقدمه
• معرفی Chrome DevTools
• بررسی پنل Elements
• بررسی پنل Console و Resources
• بررسی پنل Network
• بررسی پنل Memory و Performance
• بررسی پنلApplication
• جمع بندی

فصل پنجم: بررسی اشکالات رایج

• مقدمه
• بررسی Reference Error ها و Type Error ها
• بررسی خطاهای منطقی، رفتارهای تعریف نشده و سازگاری مرورگر
• بررسی مسائل مربوط به عملکرد
• بررسی مسائل مربوط به بارگذاری و زمان بندی
• بررسی request های ناموفق
• بررسی import های ناموفق
• بررسی مشکلات UI event ها
• بررسی مشکلات Callback ها وPromise ها و State
• بررسی مشکلات دستورات Async و Await
• جمع بندی

فصل ششم: نکات نهایی

• مقدمه
• مقایسه VS Code و Chrome Developer Tools برای اشکال زدایی
• بهترین روش ها برای اشکال زدایی
• جمع بندی