آموزش پروژه های نمونه کار وب: ابزار توسعه دهنده Chrome مبتنی بر API

مقدمه Introduction

• یک ابزار توسعه دهنده Chrome ایجاد کنید Create a Chrome developer tool

• آنچه باید بدانید What you should know

• از فایل های تمرینی GitHub استفاده کنید Use the GitHub exercise files

1. ابزارها را درک کنید 1. Understand the Tools

• درباره Chrome DevTools اطلاعات کسب کنید Learn about Chrome DevTools

• با API کار کنید Work with APIs

• API Chrome را بیاموزید Learn the Chrome API

• مستندات Glo API و Swagger را بیاموزید Learn the Glo API and Swagger documentation

2. ابزار توسعه دهنده Chrome را بسازید 2. Build a Chrome Developer Tool

• یک ابزار dev را در پنج دقیقه بسازید Build a dev tool in five minutes

• ارسال پیام با API Chrome Sending messages with the Chrome API

• چالش: ارتباط بین پنل و محتوا Challenge: Communicate between panel and content

• راه حل: بین پنل و محتوا ارتباط برقرار کنید Solution: Communicate between panel and content

3. احراز هویت با Glo 3. Authenticate with Glo

• با علائم دسترسی شخصی تأیید اعتبار کنید Authenticate with personal access tokens

• برای به دست آوردن داده از Fetch و Promise استفاده کنید Use Fetch and Promise to get data

• برای گرفتن تابلوهای Glo از Fetch استفاده کنید Use Fetch to get Glo Boards

• چالش: وعده ها و حلقه ها Challenge: Promises and loops

• راه حل: وعده ها و حلقه ها Solution: Promises and loops

• داده ها را به رابط وصل کنید Connect the data to the interface

4- ساخت رابط کامنت 4. Build the Comment Interface

• برای ذخیره نظرات از API Glo استفاده کنید Use Glo API to save comments

• چالش: ایجاد نظرات جدید Challenge: Create new comments

• راه حل: نظرات جدید ایجاد کنید Solution: Create new comments

نتیجه Conclusion

• بیشتر بدانید و از شما سپاسگزارم Learn more and thank you