آموزش Devtools Pro: اصول اولیه ابزارهای توسعه دهنده کروم

Devtools Pro: The Basics of Chrome Developer Tools

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: راهنمای شروع سریع برای ویرایش صفحات وب زنده در DevTools حرکت کنید و تغییراتی را در HTML/CSS و Javascript ایجاد کنید. از ابزارهای داخلی عالی مانند colorpicker و ویرایشگر سایه متن استفاده کنید! دستورات ساده جاوا اسکریپت را بنویسید و اصول اولیه نحوه اشکال زدایی کد خود را بیاموزید. نحوه شبیه سازی دستگاه های موبایل را بدانید. دریافت اطلاعات برای بهبود زمان بارگذاری صفحه با حسابرسی نوشتن بلوک های بزرگتر کد تست در پنل Snippets پیش نیازها: این دوره برای مبتدیان است! اگر HTML، CSS و جاوا اسکریپت را بدانید، بیشترین بهره را خواهید برد.

این دوره مقدمه‌ای ساده برای ابزارهای برنامه‌نویس Google Chrome است. در این دوره، ما اصول اولیه ابزارهای توسعه‌دهنده را که برای توسعه وب مولد ضروری هستند، پوشش خواهیم داد.

و pssst... این دوره دارای پیچ و تاب خنده‌داری است -- مربی شما در مورد رنگ‌های شگفت‌انگیز مانند بادام و گل ذرت به شما آموزش می‌دهد!

وقتی کارتان تمام شد، می‌توانید:

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

این یک دوره آموزشی رایگان است که اصول اولیه را پوشش می دهد. پس از تکمیل این کار، باید ابزارها و دانش لازم برای تبدیل شدن به یک جادوگر DevTools با کلاس پیگیری من، DevTools 2017: از مبتدی تا خبره با ابزارهای برنامه‌نویس Google Chrome داشته باشید.


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

اصول اولیه The Basics

  • آنچه ما انجام خواهیم داد What We'll Accomplish

  • مقدمه و پنل عناصر Introduction & The Elements Panel

  • تمرین پنل عناصر Elements Panel Exercise

  • تور سریع DevTools A Quick Tour of DevTools

  • بعد از تور شما After your tour

  • استفاده از کنسول برای اجرای جاوا اسکریپت Using the Console to Run Javascript

  • تمرین: تغییر رنگ با جاوا اسکریپت Exercise: Color Changes with Javascript

  • برگه منابع و اشکال زدایی اساسی Sources Tab and Basic Debugging

  • نقاط شکست/اشکال زدایی Breakpoints / Debugging

  • اسنیپت ها: کنسول روی استروئیدها Snippets: The Console on Steroids

حفاری های عمیق تر Digging Deeper

  • کوکی‌ها و ذخیره‌سازی محلی با برگه برنامه Cookies and Local Storage with the Application Tab

  • تمرین ذخیره سازی محلی Local Storage Exercise

  • اوج در تماس های شبکه A Peak at Network Calls

  • تمرین تماس های شبکه Network Calls Exercise

  • سرعت بارگذاری صفحه با ممیزی Page Load Speed with Audits

  • عملکرد، حافظه و امنیت Performance, Memory and Security

  • مفیدترین میانبرهای صفحه کلید The Most Useful Keyboard Shortcuts

  • ویرایشگرهای سبک Styling Editors

  • تمرین ویراستاران استایلینگ Styling Editors Exercise

جایزه Bonus

  • جایزه! کوپن در 1:15! منابع دیگر و توییتر من Bonus! Coupon at 1:15! Other Resources & My Twitter

نمایش نظرات

آموزش Devtools Pro: اصول اولیه ابزارهای توسعه دهنده کروم
جزییات دوره
44 mins
18
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
59,865
4.5 از 5
دارد
دارد
دارد
Rocco Balsamo
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rocco Balsamo Rocco Balsamo

بنیانگذار در SIMMER.io