info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-18 12:31:20 +02:00
Code Issues Projects Releases Wiki Activity

Italian Translation - Ch. 5

Browse Source
This commit is contained in:
Roberto Pauletto
2021-01-24 09:45:57 +01:00
parent 26be12a92e
commit a3e1808509
11 changed files with 670 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
5-browser-extension/start/dist/background.js vendored
View File

@@ -1,4 +1,4 @@
//add listener here
//aggiungere qui il listener
//borrowed from energy lollipop extension
//draw the icon here
//presa in prestito dall'estensione energy lollipop
//disegnare qui l'icona

36
5-browser-extension/start/dist/index.html vendored
View File

@@ -1,22 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>My Carbon Trigger</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body class="container">
<img alt="plants and people" src="images/plants-people.png" />
<div>
<h1>Welcome to Your Personal Carbon Trigger!</h1>
</div>
<!--form area-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Il mio Rilevatore di Carbonio</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<!--result area-->
<body class="container">
<img alt="plants and people" src="images/plants-people.png" />
<div>
<h1>Benvenuto al Tuo Rilevatore di Carbonio Personale!</h1>
</div>
<!--form area-->
<script src="main.js"></script>
</body>
</html>
<!--result area-->
<script src="main.js"></script>
</body>
</html>

14
5-browser-extension/start/src/index.js
View File

@@ -1,17 +1,17 @@
//1
// form fields
// results divs
// campi del form
// risultati
//6
//call the API
//chiamata API
//5
//set up user's api key and region
//imposta la chiave api e la regione per l'utente
//4
// handle form submission
// gestisce l'invio del form
//3 initial checks
//3 controlli iniziali
//2
// set listeners and start app
// imposta i listeners e la partenza dell'app

28
5-browser-extension/start/translations/README.it.md Normal file
View File

@@ -0,0 +1,28 @@
# Estensione del browser Carbon Trigger: codice per partire
Si utilizzerà l'API Signal C02 di tmrow per monitorare l'utilizzo dell'elettricità per creare un'estensione per il browser in modo da poter avere un promemoria direttamente nel proprio browser su quanto sia pesante l'utilizzo di elettricità nella propria regione. L'utilizzo di questa estensione ad hoc aiuterà a valutare le proprie attività in base a queste informazioni.
![videata dell'estensione](../../extension-screenshot.png)
## Per Iniziare
E' necessario che [npm](https://npmjs.com) sia installato. Scaricare una copia di questo codice in una cartella del proprio computer.
Installare tutti i pacchetti richiesti:
```
npm install
```
Creare l'estensione da webpack
```
npm run build
```
Per installare su Edge, utilizzare il menu "tre punti" nell'angolo in alto a destra del browser per trovare il pannello Estensioni. Se non già attiva, attivare la Modalità sviluppatore (in basso a sinistra). Selezionare "Carica decompressa" per caricare una nuova estensione. Aprire la cartella "dist" al prompt e l'estensione verrà caricata. Per usarla, si avrà bisogno di una chiave API per l'API di CO2 Signal (si può[ ottenere qui via e-mail](https://www.co2signal.com/) - inserire la propria e-mail nella casella in questa pagina) e il [codice per la propria regione](http://api.electricitymap.org/v3/zones) corrispondente alla [mappa elettrica](https://www.electricitymap.org/map) (a Boston, ad esempio, "US-NEISO").
![installazione](../../install-on-edge.png)
Una volta che la chiave API e la regione sono state inserite nell'interfaccia dell'estensione, il punto colorato nella barra dell'estensione del browser dovrebbe cambiare per riflettere l'utilizzo di energia della regione e fornire un puntatore su quali attività ad alto consumo energetico sarebbero appropriate da eseguire. Il concetto alla base di questo sistema a "punti" è stato fornito dall' [estensione Energy Lollipop](https://energylollipop.com/) per le emissioni della California.