آموزش برنامه های افزودنی کروم: 5 افزونه کروم را از ابتدا توسعه دهید

Chrome Extensions : Develop 5 chrome extensions from scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: برای مبتدیان ایجاد یک برنامه افزودنی ساده Hello World ایجاد یک برنامه افزودنی مدیریت بودجه ایجاد یک پسوند سبک صفحه ایجاد پسوند متن به گفتار اشکال زدایی افزونه های کروم استقرار برنامه های افزودنی کروم پیش نیازها: دانش اولیه HTML، CSS، جاوا اسکریپت و jQuery مورد نیاز است. نحوه استفاده از مرورگر کروم نحوه استفاده از ویرایشگر متن مانند Visual Studio Code، Sublime Text یا Notepad++

از ابتدا مفاهیم اولیه‌ای را که برای ساختن برنامه‌های افزودنی کروم کاملاً کاربردی نیاز دارید، بیاموزید.

برنامه‌های افزودنی Google Chrome  برنامه‌های افزودنی مرورگری هستند که مرورگر Google Chrome را تغییر می‌دهند. این برنامه‌های افزودنی با استفاده از فناوری‌های وب مانند HTML، CSS و Javascript نوشته می‌شوند.

  • مانیفست
  • صفحات گزینه
  • صفحات رویداد
  • متن به گفتار
  • اشکال زدایی ابزار برنامه نویس Chrome
  • استقرار در فروشگاه وب Chrome

محتوا و نمای کلی

مخصوصاً برای مبتدیان، این دوره شامل تمام اصولی است که باید بدانید، در یک مکان، ساده و مستقیم!

با شروع از یک برنامه افزودنی ساده hello world برای دریافت یک نمای کلی از نحوه ایجاد برنامه‌های افزودنی کروم، این دوره شما را به توسعه برنامه‌های افزودنی پیچیده‌تر مانند مدیر بودجه و حتی برنامه‌های افزودنی که صفحه وب را تغییر می‌دهند، هدایت می‌کند.

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

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

دانش آموزانی که دوره را تکمیل می کنند، دانش ایجاد برنامه های افزودنی کاربردی و مفید Chrome را خواهند داشت.


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

شروع شدن Getting Started

  • بررسی اجمالی دوره Course Overview

  • تصویر بزرگ The Big Picture

Hello World Extension Hello World Extension

  • بررسی اجمالی Overview

  • فایل مانیفست Manifest File

  • فایل HTML HTML File

  • فایل جاوا اسکریپت Javascript File

  • اضافه کردن jQuery Adding jQuery

  • نسخه ی نمایشی Demo

  • افزودن CSS Adding CSS

  • خلاصه برنامه Hello World Extension Hello World Extension Summary

توسعه مدیر بودجه Budget Manager Extension

  • بررسی اجمالی Overview

  • فایل مانیفست Manifest File

  • فایل HTML پاپ آپ Popup HTML File

  • اضافه کردن جاوا اسکریپت Adding javascript

  • Popup.js Popup.js

  • صفحه گزینه ها Options Page

  • گزینه های HTML Options HTML

  • گزینه های جاوا اسکریپت Options Javascript

  • Rich Notifications Rich Notifications

  • صفحات پس زمینه و رویداد Background and Event Pages

  • منوهای زمینه Context Menus

  • ایجاد منوی زمینه Creating Context Menu

  • عملکرد منوی زمینه Context Menu Functionality

  • نشان ها Badges

  • خلاصه مدیر بودجه Budget Manager Summary

پسوند سبک قلم صفحه Page Font Style Extension

  • بررسی اجمالی Overview

  • فایل مانیفست Manifest File

  • HTML پاپ آپ Popup HTML

  • صفحه رویداد Event Page

  • اسکریپت ها و پیام های محتوا Content Scripts and Messages

  • Content.js Content.js

  • Content.css Content.css

  • انتخاب کننده رنگ Color Picker

  • Popup.js Popup.js

  • خلاصه پسوند سبک قلم صفحه Page Font Style Extension Summary

پسوند ویکیت Wikit Extension

  • بررسی اجمالی Overview

  • فایل مانیفست Manifest File

  • صفحه رویداد Event Page

برنامه افزودنی Speak-It Speak-It Extension

  • بررسی اجمالی Overview

  • فایل مانیفست Manifest File

  • صفحه رویداد Event Page

اشکال زدایی و استقرار برنامه های افزودنی کروم Debug and Deploy Chrome Extensions

  • اشکال زدایی پنجره و گزینه ها Debug Popup and Options

  • اشکال زدایی صفحات پس زمینه و اسکریپت های محتوا Debug Background Pages and Content Scripts

  • برنامه های افزودنی Chrome را استقرار دهید Deploy Chrome Extensions

نمایش نظرات

آموزش برنامه های افزودنی کروم: 5 افزونه کروم را از ابتدا توسعه دهید
جزییات دوره
2 hours
44
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
37,565
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Vishwas Gopinath Vishwas Gopinath

InstructorWeb توسعه دهنده و مربی من علاقه زیادی به کمک به دیگران برای یادگیری و بهبود زندگی خود دارم. هدف توضیح مفاهیم پیچیده با مثالهای ساده و قابل فهم است. من دوست دارم فن آوری های جدیدی را که مد روز است بیاموزم و دوره هایی را برای مبتدیان ایجاد می کنم. من کانال YouTube 'Codevolution' را دارم که دارای دوره های موفق Angular ، MongoDB و Node است. من می خواهم با مخاطبان اینجا در Udemy ارتباط برقرار کنم و امیدوارم که آنها از دوره ها لذت ببرند.