Skip to content

Commit 8029de9

Browse files
correzione articolo
1 parent 5f9c630 commit 8029de9

File tree

1 file changed

+24
-24
lines changed

1 file changed

+24
-24
lines changed
Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,65 @@
11
# Da altezze orbitali
22

3-
Questa sezione descrive un set di standar moderni per i "web components".
3+
Questa sezione descrive un insieme di moderni standard per descrivere i "web components".
44

5-
Ad oggi, questi standards sono in fase di sviluppo. Alcune funzionalità sono ben supportate ed integrate nel standard attuale HTML/DOM, mentre altre sono ancora allo stadio draft. Potremmo provare gli esempi in qualunque browser, ma Google Chrome è probabilmente il più aggiornato con queste funzionalità. Come è facile indovinare, ciò è dato dal fatto che dietro a molti dei concetti relativi a queste specifiche ci siano le organizzazioni di Google.
5+
Ad oggi, questi standards sono ancora in fase di sviluppo. Quindi, alcune funzionalità sono ben supportate ed integrate nell'attuale standard HTML/DOM, mentre altre sono ancora allo stadio Draft. Possiamo provare gli esempi in qualunque browser, ma Google Chrome è probabilmente il più aggiornato con queste funzionalità. Ed indovinate un po', ciò è dato dal fatto che dietro a molti dei concetti relativi a queste specifiche ci siano le realtà che ruotano attorno a Google.
66

77
## Cosa c'è in comune tra...
88

9-
L'idea generale del componente non è nulla di nuovo. Viene usato dappertutto in molti frameworks.
9+
L'idea generale del componente non è nulla di nuovo. Viene usato dappertutto, ed in tantissimi frameworks.
1010

11-
Prima di spostarci nei dettagli di implementazione, diamo un'occhiata a questa grandiosa conquista dell'umanità:
11+
Prima di spostarci nei dettagli di implementazione, però, diamo un'occhiata a questa grandiosa conquista dell'umanità:
1212

1313
![](satellite.jpg)
1414

1515
Questa è la Stazione Spaziale Internazionale (ISS).
1616

17-
E csoì è come è fatta dentro (approssimativamente):
17+
E così è come è fatta dentro (approssimativamente):
1818

1919
![](satellite-expanded.jpg)
2020

2121
La Stazione Spaziale Internazionale:
22-
- Consta di molti componenti.
23-
- Ogni componente, a sua volta, contiene all'interno tanti piccoli dettagli ancora più piccoli.
24-
- I componenti sono molto complessi, molto più complicati della maggior parte dei siti web.
22+
- Consta di moltissimi componenti.
23+
- Ogni componente, a sua volta, contiene all'interno tanti componenti e dettagli, ancora più piccoli.
24+
- I componenti sono molto complessi, e molto più complicati della maggior parte dei siti web.
2525
- I componenti vengono sviluppati a livello internazionale, da team di paesi differenti, che parlando lingue differenti.
2626

2727
...E questa cosa vola, mantenendo delle persone in vita nello spazio!
2828

29-
Come vengono creati dei dispositivi così complessi?
29+
Come vengono creati delle strutture così complesse?
3030

31-
Quali principi possiamo prendere in prestito per rendere il nostro sviluppo affidabile e scalabile allo stesso livello? O almeno, per quanto possibile, avvicinarci ad essa.
31+
Quali principi possiamo prendere in prestito, per rendere il nostro sviluppo affidabile e scalabile allo stesso modo? O almeno, per quanto possibile, avvicinarci un po'.
3232

3333
## Architettura di un componente
3434

3535
La ben nota regola per sviluppare del software complesso è: non sviluppare software complesso.
3636

37-
Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel modo più ovvio.
37+
Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel maniera più ovvia.
3838

3939
**Un buon architetto è colui che può rendere cose complesse, semplici.**
4040

41-
Possiamo dividere l'interfaccia utente in componenti visuali: ognuno di essi ha la propria posizione nella pagina, può "fare" un compito ben preciso, ed è separato dagli altri.
41+
Possiamo dividere visivamente, l'interfaccia utente in componenti: ognuno di essi ha la propria posizione nella pagina, può "fare" un compito ben preciso, ed è separato dagli altri.
4242

4343
Guardiamo un sito web, per esempio Twitter.
4444

45-
Si divide in componenti abbastanza naturalmente:
45+
Possiamo dividerlo abbastanza naturalmente in componenti:
4646

4747
![](web-components-twitter.svg)
4848

4949
1. Barra di navigazione superiore.
5050
2. Informazioni utente.
51-
3. Suggerimenti di follow.
52-
4. From di invio.
53-
5. (e inoltre 6, 7) -- messaggi.
51+
3. Suggerimenti di utenti da seguire.
52+
4. Form di invio.
53+
5. (e inoltre 6, 7) sono messaggi.
5454

55-
I componenti possono avere sottocomponenti, per esempio i messaggi possono essere parte di un componente "lista di messaggi" di livello superiore. Una immagine utente può essere essa stessa un componente, e così via.
55+
I componenti possono avere sottocomponenti, per esempio i messaggi possono essere parte di un componente "lista di messaggi" di livello superiore. Una immagine di un utente può essere, essa stessa, un componente, e così via.
5656

57-
Come possiamo decidere, cosa sia un componente? Ciò arriva dall'intuizione, l'esperienza ed il senso comune. Solitamente è una entità separata a livello visivo che possiamo descrivere in termini di cosa fa e di come interagisce con la pagina. Nell'esempio precedente, la pagina è divisa in blocchi, ognuno dei quali gioca un ruolo, quindi è logico farne dei componenti.
57+
Come possiamo decidere, cosa sia un componente? Ciò arriva dall'intuizione, l'esperienza ed il senso comune. Solitamente è una entità separata a livello visivo, che possiamo descrivere in termini di "cosa fa" e di "come interagisce" con la pagina. Nell'esempio precedente, la pagina è divisa in blocchi, ognuno dei quali gioca un ruolo, quindi è logico farne dei componenti.
5858

5959
Un componente ha:
6060
- Una propria classe JavaScript
61-
- Una struttura DOM, gestito esclusivamente dalla sua classe, il codice esterno no può accedervi (principio di "incapsulamento").
62-
- Stili CSS, applicati al componente.
61+
- Una struttura DOM, gestita esclusivamente dalla sua classe, ed il codice esterno non può accedervi (principio di "incapsulamento").
62+
- Stili CSS, da applicare al componente.
6363
- API: eventi, metodi della classe etc, per poter interagire con altri componenti.
6464

6565
Ancora una volta, il concetto di "componente" nen è niente di speciale.
@@ -69,8 +69,8 @@ Ci sono una serie di frameworks e metodi di sviluppo per costruirli, ognuno con
6969
I "Web components" forniscono capacità built-in nel browser per questo, quindi non abbiamo più bisogno di emularli.
7070

7171
- [Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- per definire elementi HTML personalizzati.
72-
- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- per creare un DOM interno e visibile al componente stesso ed invisibile per gli altri.
73-
- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- per dichiarare stili da applicare solo dentro lo Shadow DOM del componente.
74-
- [Event retargeting](https://dom.spec.whatwg.org/#retarget) ed altre funzionalità minori per rendere i componenti personalizzati più adatti allo sviluppo.
72+
- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- per creare un DOM interno e visibile solo al componente stesso, ma nascosto agli altri.
73+
- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- per dichiarare stili applicabili esclusivamente dentro lo Shadow DOM del componente.
74+
- [Event retargeting](https://dom.spec.whatwg.org/#retarget) altre funzionalità minori per rendere i componenti personalizzati più adatti allo sviluppo.
7575

76-
Nel prossimo capitolo entreremo nei dettagli dei "Custom Elements", una funzionalità fondamentale e ben supportata dei web component, già ottima anche anche usata da sola.
76+
Nel prossimo capitolo entreremo nei dettagli dei "Custom Elements", una funzionalità fondamentale e ben supportata dei web component, ottima anche anche usata da sola.

0 commit comments

Comments
 (0)