لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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
نمایش نظرات