×
ribbon

آموزش جامع دیباگ کردن JavaScript و Chrome DevTools | رفع خطاهای سایت مانند یک برنامه‌نویس حرفه‌ای

مدرس:

زهرا داودی

اگر برنامه نویس فرانت اند، توسعه دهنده وردپرس یا طراح سایت باشید، دیر یا زود با خطاهایی روبه... بیشتر
جدید
گواهی‌نامه
بدون امتیاز
7دانشجو
1:31ساعت
سرفصل‌ها
پیشرفته سطح دوره
بروزرسانیتیر ۱۴۰۵

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

بررسی و تحلیل ساختار HTML صفحات وب

کار با Breakpointها و Debugger

بررسی و مدیریت Cookieها و Local Storage

بررسی مصرف حافظه و نشت حافظه (Memory Leak)

این دوره شامل:

2 ساعت ویدئو

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

2 فصل10 جلسه1:31 ساعت ویدیو
اشکال‌زدایی وب‌سایت‌ها با Chrome DevTools
  بررسی و ویرایش صفحات
13:57
  Device Mode
05:36
  console
12:58
  javascript debuging
11:07
  Local Storage
07:42
  بهینه سازی صفحات
02:59
مثال عملی
  مفاهیم پایه
07:22
  اشکال زدایی پروژه با chrome devtools
09:15
  باگ های رایج
19:14
  جمع بندی
01:25

توضیحات دوره

اگر برنامه‌نویس فرانت‌اند، توسعه‌دهنده وردپرس یا طراح سایت باشید، دیر یا زود با خطاهایی روبه‌رو می‌شوید که پیدا کردن علت آن‌ها از نوشتن کد دشوارتر است. تفاوت یک برنامه‌نویس حرفه‌ای با یک مبتدی، تنها در کدنویسی نیست؛ بلکه در توانایی عیب‌یابی (Debugging) و پیدا کردن سریع مشکلات است.

محتوای این دوره بر اساس جدیدترین منابع آموزشی بین‌المللی و با بازآفرینی، بومی‌سازی و پروژه‌محور شدن مطالب تهیه شده است. از جمله منابع اصلی این آموزش می‌توان به دوره‌های زیر از Pluralsight اشاره کرد:

Debugging JavaScript Applications
Debugging Sites with Chrome DevTools

در این دوره به صورت کاملاً عملی یاد می‌گیرید چگونه با استفاده از Chrome DevTools و تکنیک‌های استاندارد دیباگ، مشکلات HTML، CSS و JavaScript را در کوتاه‌ترین زمان شناسایی و برطرف کنید.

برخلاف بسیاری از آموزش‌ها که تنها به معرفی بخش‌های مختلف DevTools می‌پردازند، در این دوره ابتدا با اصول Debugging آشنا می‌شوید و سپس به صورت پروژه‌محور از ابزارهای حرفه‌ای مرورگر Chrome برای بررسی و رفع انواع خطاهای وب استفاده خواهید کرد.

در طول دوره با پنل‌های مختلف Chrome DevTools کار می‌کنید و یاد می‌گیرید چگونه:

  • ساختار HTML و DOM را بررسی کنید.
  • مشکلات CSS و Layout را پیدا کنید.
  • کدهای JavaScript را مرحله به مرحله اجرا و دیباگ کنید.
  • از Breakpointهای مختلف استفاده کنید.
  • مقدار متغیرها را هنگام اجرای برنامه مشاهده کنید.
  • Call Stack و Scope را تحلیل کنید.
  • از Console به صورت حرفه‌ای استفاده کنید.
  • درخواست‌های HTTP را در Network بررسی کنید.
  • عملکرد Local Storage، Session Storage و Cookie را تحلیل کنید.
  • مشکلات Performance و کندی سایت را پیدا کنید.
  • Source Map را بشناسید و از آن استفاده کنید.
  • مشکلات Async، Promise و Eventها را بررسی کنید.
  • خطاهای رایج JavaScript را سریع‌تر تشخیص دهید.
  • فرآیند Debugging را در پروژه‌های واقعی پیاده‌سازی کنید.

در پایان این دوره، دیگر برای پیدا کردن باگ‌ها تنها به console.log وابسته نخواهید بود و می‌توانید مانند توسعه‌دهندگان حرفه‌ای، با استفاده از ابزارهای داخلی مرورگر، مشکلات پروژه‌های واقعی را تحلیل و برطرف کنید.

این دوره برای تمامی برنامه‌نویسان JavaScript، توسعه‌دهندگان وردپرس، طراحان سایت، دانشجویان مهندسی نرم‌افزار و افرادی که قصد ورود به بازار کار برنامه‌نویسی را دارند مناسب است.

دیدگاه کاربران

هنوز امتیاز و دیدگاهی برای این دوره ثبت نشده است

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه

ضمانت بازگشت وجه

کیفیت این آموزش توسط مکتب‌خونه تضمین شده است. در صورت عدم رضایت، با شرایط زیر می‌توانید درخواست بازگشت وجه کنید.

مهلت درخواستتا ۱۵ روز پس از خرید دوره
میزان مشاهدهکمتر از ۲۰ درصد یا ۵ جلسه از دوره
47دوره
3,404دانشجو
180نظر و امتیاز

زهرا داودی درزی ، فارغ التحصیل دانشگاه شهید بهشتی تهران می باشد . ایشان مدرس دوره‌های برنامه نویسی و برنامه نویس فول استک سایت می‌باشد . وی در زمینه طراحی وب‌سایت در دو حوزه Back-End و Front-End تسلط دارند و تجربه کار با Adobe Photoshop ،Adobe Illustrator ،HTML5 CSS3 ،jQuery و نیز زبان برنامه‌نویسی PHP و WordPress را دارا هستند. وی سابقه فعالیت در زمینه برنامه‌نویسی در شرکت‌ها و تدریس در حوزه‌های طراحی وب‌سایت را نیز دارند و برنامه‌نویسی Laravel بصورت فول استک، برنامه‌نویسی وردپرس، React و فریم‌ورک‌های جاوااسکریپت (JavaScript) از فعالیت‌های کاری و تخصصی ایشان محسوب می‌شود.

مهارت‌هایی که می‌آموزید

دیگر دوره‌های زهرا داودی