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

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

گشت و گذار در ابزارهای توسعه دهنده A Tour of the Developer Tools

• مقدمه و برنامه درسی Introduction and Syllabus

گشت و گذار در ابزارهای توسعه دهنده A Tour of the Developer Tools

• مقدمه و برنامه درسی Introduction and Syllabus

• سه روش برای باز کردن Chrome Developer Tools Three ways to open Chrome Developer Tools

• سه روش برای باز کردن Chrome Developer Tools Three ways to open Chrome Developer Tools

• دستورات کنسول و بیانیه های چند خطی Console Commands and Multiline Statements

• دستورات کنسول و بیانیه های چند خطی Console Commands and Multiline Statements

• منابع، شبکه و سایر پنل ها Sources, Network, and Other Panels

• منابع، شبکه و سایر پنل ها Sources, Network, and Other Panels

• بازرسی و استایل یک صفحه زنده Inspect and Style a Page Live

• بازرسی و استایل یک صفحه زنده Inspect and Style a Page Live

• چگونه تغییرات خود را مشاهده کنید How to View Your Changes

• چگونه تغییرات خود را مشاهده کنید How to View Your Changes

راه اندازی یک سرور محلی Setting Up a Local Server

• راه اندازی ویندوز سرور Windows Server Setup

راه اندازی یک سرور محلی Setting Up a Local Server

• سرور ساده پایتون استاتیک Static Python SimpleServer

• سرور ساده پایتون استاتیک Static Python SimpleServer

• راه اندازی ویندوز سرور Windows Server Setup

قطعات و روش های جایگزین برای درک تغییرات شما Snippets & Alternate Ways to Understand Your Changes

• اعمال تغییرات Applying Changes

قطعات و روش های جایگزین برای درک تغییرات شما Snippets & Alternate Ways to Understand Your Changes

• معرفی Snippets Introducing Snippets

• معرفی Snippets Introducing Snippets

• اعمال تغییرات Applying Changes

• تاریخچه CSS CSS History

• تاریخچه CSS CSS History

• ویژگی‌ها و فضاهای کاری آزمایشی Chrome Experimental Chrome Features & Workspaces

• ویژگی‌ها و فضاهای کاری آزمایشی Chrome Experimental Chrome Features & Workspaces

ویرایشگرهای سبک رابط کاربری گرافیکی GUI Style Editors

ویرایشگرهای سبک رابط کاربری گرافیکی GUI Style Editors

• ویرایشگرهای سبک های مختلف The Various Style Editors

• ویرایشگرهای سبک های مختلف The Various Style Editors

• ویرایشگر انیمیشن ها Animations Editor

• ویرایشگر انیمیشن ها Animations Editor

اشکال زدایی اولیه جاوا اسکریپت Basic Javascript Debugging

• میانبرهای صفحه کلید برای اشکال زدایی Keyboard Shortcuts for Debugging

اشکال زدایی اولیه جاوا اسکریپت Basic Javascript Debugging

• استفاده از دیباگر در پنل Sources Using the Debugger in the Sources Panel

• استفاده از دیباگر در پنل Sources Using the Debugger in the Sources Panel

• میانبرهای صفحه کلید برای اشکال زدایی Keyboard Shortcuts for Debugging

• پشته تماس The Call Stack

• پشته تماس The Call Stack

برگه ناوبری و برنامه ها Navigating & Applications Tab

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

برگه ناوبری و برنامه ها Navigating & Applications Tab

• پیدا کردن چیزها Finding Stuff

• پیدا کردن چیزها Finding Stuff

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

API و میانبرهای کنسول Console API & Shortcuts

• نمایه کنسول و میانبرهای دلاری Console Profile & Dollar Shortcuts

• استایل کنسول Console Styling

API و میانبرهای کنسول Console API & Shortcuts

• کنسول Multiline and Asserts Console Multiline and Asserts

• کنسول Multiline and Asserts Console Multiline and Asserts

• توابع متفرقه کنسول Miscellaneous Console Functions

• توابع متفرقه کنسول Miscellaneous Console Functions

• نمایه کنسول و میانبرهای دلاری Console Profile & Dollar Shortcuts

• استایل کنسول Console Styling

نقاط شکست Breakpoints

• انواع نقاط شکست Types of Breakpoints

• خط نقاط شکست کد Line of Code Breakpoints

• DOM و نقاط شکست شبکه DOM and Network Breakpoints

• نقاط شکست رویداد و استثنا Event and Exception Breakpoints

نقاط شکست Breakpoints

• انواع نقاط شکست Types of Breakpoints

• خط نقاط شکست کد Line of Code Breakpoints

• نقاط شکست مشروط Conditional Breakpoints

• نقاط شکست مشروط Conditional Breakpoints

• DOM و نقاط شکست شبکه DOM and Network Breakpoints

• نقاط شکست رویداد و استثنا Event and Exception Breakpoints

شبکه، سرعت صفحه و امنیت Network, Page Speed and Security

• پنل شبکه The Network Panel

• هک رزرو در Yelp Hacking Reservations on Yelp

• بهبود سرعت بارگذاری صفحه با Audits & Lighthouse Improve page load speed with Audits & Lighthouse

شبکه، سرعت صفحه و امنیت Network, Page Speed and Security

• دانلود از Codepen.io Downloading From Codepen.io

• دانلود از Codepen.io Downloading From Codepen.io

• پنل شبکه The Network Panel

• هک رزرو در Yelp Hacking Reservations on Yelp

• بهبود سرعت بارگذاری صفحه با Audits & Lighthouse Improve page load speed with Audits & Lighthouse

• امنیت و HTTPS با NGrok Security and HTTPS with NGrok

• امنیت و HTTPS با NGrok Security and HTTPS with NGrok

نظارت بر عملکرد سمت مشتری Client Side Performance Monitoring

• معرفی یک مثال عملکرد مشتری Introducing a Client Performance Example

• Task Manager، FPS meter و Tab Rendering Task Manager, FPS meter, and Rendering Tab

• برگه عملکرد/جدول زمانی Performance / Timeline Tab

• تشخیص نشت حافظه Detecting Memory Leaks

نظارت بر عملکرد سمت مشتری Client Side Performance Monitoring

• معرفی یک مثال عملکرد مشتری Introducing a Client Performance Example

• Task Manager، FPS meter و Tab Rendering Task Manager, FPS meter, and Rendering Tab

• برگه عملکرد/جدول زمانی Performance / Timeline Tab

• تشخیص نشت حافظه Detecting Memory Leaks

سایر مرورگرها و برخی سوالات متداول Other Browsers and Some FAQ's

• تشکر و سوالات متداول A Thank You and Common Questions

سایر مرورگرها و برخی سوالات متداول Other Browsers and Some FAQ's

• سایر مرورگرها، VM و BrowserStack Other Browsers, VM's and BrowserStack

• سایر مرورگرها، VM و BrowserStack Other Browsers, VM's and BrowserStack

• تشکر و سوالات متداول A Thank You and Common Questions