آموزش ایجاد یک کوپن یاب برنامه افزودنی گوگل کروم مانند «عسل»

Build a Coupon finder Google Chrome Extension like "Honey"

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

یک برنامه افزودنی کروم مانند Honey بسازید (که به قیمت 4 میلیارد دلار خریداری شد!)

در این کلاس، ما تمام مراحل ایجاد یک برنامه افزودنی Chrome را طی می کنیم.

ما از Firebase به‌عنوان پایگاه داده برای جزئیات کوپن خود استفاده خواهیم کرد، کاربران می‌توانند افزونه را در گوشه صفحه ببینند و سپس برای ارسال یا یافتن کوپن، روی افزونه کلیک کنند. آنها می توانند روی یک کوپن کلیک کنند تا آن را در کلیپ بورد خود کپی کنند.

با نحوه استفاده از فایل مانیفست برنامه افزودنی Chrome، اتصال پایگاه داده Firebase به افزونه Chrome (با استفاده از توابع chrome.runtime) آشنا خواهید شد. با پایگاه داده همراه با انتشار همه این موارد در فروشگاه وب Chrome تعامل داشته باشید.

اگر تا به حال فکر کرده اید که چگونه یک برنامه افزودنی Chrome ایجاد می شود، این کلاس برای شماست!

این کلاس از طریق ایجاد یک برنامه افزودنی Chrome با استفاده از Firebase اجرا می‌شود.

برای پروژه کلاس، من از شما دعوت می‌کنم که اولین برنامه افزودنی Google Chrome خود را بسازید که از برنامه افزودنی تخفیف خودکار "عسل" الهام گرفته شده است.

کلاس شما را در فرآیند ایجاد برنامه افزودنی راهنمایی می کند. با به اشتراک گذاشتن تکه کد اسکرین شات ها، کار خود را به ما نشان دهید. اگر به کمک نیاز دارید یا سؤالی دارید، به بخش «انجمن» بروید و من در اسرع وقت پاسخ خواهم داد.

منابع مفیدی را پیدا کنید که در زیر به آنها در طول کلاس اشاره می کنم.

موفق باشید لذت ببرید!

--

**فایل PDF را برای پیوند به همه منابع باز کنید.**


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

درس ها Lessons

  • برنامه افزودنی را به پایگاه داده ما متصل کنید Connect Extension to our Database

  • فایل های مورد نیاز برای برنامه افزودنی ایجاد کنید Create Files needed for the Extension

  • فایل CSS ایجاد کنید و با یک ظاهر طراحی پر کنید Create CSS file & populate with styling

  • یک ظاهر طراحی شده را به دکمه و روکش اضافه کنید Add styling to button and overlay

  • نمایش فرم ارسال کوپن Display form for submitting coupons

  • رویدادهای پیام Chrome را تنظیم کنید Setup Chrome message events

  • ویدیوی جایزه - اعمال خودکار کوپن (کد منبع در بخش منابع) Bonus Video - Auto Apply Coupons (Source Code in Resources Section)

  • پوشه‌های برنامه و افزونه Firebase را ایجاد کنید Create Firebase App & Extension Folders

  • کوپن ها را در صفحه ارائه دهید. Render coupons onto the page.

  • با تشکر برای شرکت در دوره! Thanks for taking the course!

  • دستور جدید برای ارسال کوپن به پایگاه داده New command to submit coupons to Database

  • Skillshare تبلیغات خوش آمدید Skillshare welcome promo

  • اطمینان حاصل کنید که پسوند ظاهر می شود Ensure extension appears

  • راه اندازی ساختار پایگاه داده و واکشی کوپن Setup Database Structure & Fetch Coupons

  • رویداد کلیک را اضافه کنید تا همپوشانی لیست کوپن باز شود Add click event to open coupon list overlay

  • کوپن را در کلیپ بورد کپی کنید و روکش را ببندید Copy coupon to clipboard & close overlay

  • اطلاعات کوپن را به پایگاه داده منتقل کنید Push coupon details to Database

  • نحوه انتشار برنامه افزودنی کروم How to publish Chrome Extension

نمایش نظرات

Skillshare (اسکیل شیر)

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

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

آموزش ایجاد یک کوپن یاب برنامه افزودنی گوگل کروم مانند «عسل»
جزییات دوره
2h 2m
18
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
432
4 از 5
دارد
دارد
دارد
Rusty Zone
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rusty Zone Rusty Zone

برنامه‌نویس باتجربه وب و موبایل

Rusty Zone - با نحوه توسعه وب‌سایت‌ها، وبلاگ‌ها و برنامه‌ها با Rusty Zone آشنا شوید.

هدف ما کمک به ایجاد دوره‌هایی است که همه می‌توانند دنبال کنند. تا آنها را قادر به شروع شغلی در توسعه برنامه یا وب‌سایت کنند.

ما همیشه خوشحالیم که در مورد پیشنهادات دوره‌ای کمک می‌کنیم و سعی می‌کنیم تا آنجا که می‌توانیم به سؤالات زیادی پاسخ دهیم.

با یکی از دوره های امروز ما شروع کنید!