msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
Web-Dev-For-Beginners/translations/en/5-browser-extension
History
leestott 7cfaffabb5
🌐 Update translations via Co-op Translator 		7 days ago
..
1-about-browsers 🌐 Update translations via Co-op Translator 7 days ago
2-forms-browsers-local-storage 🌐 Update translations via Co-op Translator 7 days ago
3-background-tasks-and-performance 🌐 Update translations via Co-op Translator 7 days ago
solution 🌐 Update translations via Co-op Translator 1 week ago
start 🌐 Update translations via Co-op Translator 1 week ago
README.md 🌐 Update translations via Co-op Translator 1 week ago

README.md

Building a browser extension

Creating browser extensions is an enjoyable and engaging way to explore app performance while developing a unique type of web asset. This module includes lessons on how browsers function, how to deploy a browser extension, how to create a form, interact with an API, utilize local storage, and assess and enhance your website's performance.

You'll develop a browser extension compatible with Edge, Chrome, and Firefox. This extension, essentially a mini website designed for a specific task, checks the C02 Signal API to analyze electricity usage and carbon intensity for a given region, providing insights into the region's carbon footprint.

Users can manually activate this extension by entering an API key and region code into a form to assess local electricity usage. This data can help users make informed decisions about their electricity consumption. For instance, it might be better to postpone using a clothes dryer (a high-carbon activity) during times of peak electricity usage in your area.

Topics

  1. About the browser
  2. Forms and local storage
  3. Background tasks and performance

Credits

a green browser extension

Credits

The idea for this web carbon trigger was inspired by Asim Hussain, leader of Microsoft's Green Cloud Advocacy team and author of the Green Principles. It was initially a web site project.

The structure of the browser extension was influenced by Adebola Adeniran's COVID extension.

The concept for the 'dot' icon system was inspired by the icon design of the Energy Lollipop browser extension for California emissions.

These lessons were created with ♥️ by Jen Looper

Disclaimer:
This document has been translated using the AI translation service Co-op Translator. While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.