You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 8-web-components/1-webcomponents-intro/article.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -54,23 +54,23 @@ Si divide in componenti abbastanza naturalmente:
54
54
55
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.
56
56
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 ha dei blocchi, ognuno dei quali gioca un ruolo, ed è 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.
58
58
59
-
A component has:
60
-
-Its own JavaScript class.
61
-
-DOM structure, managed solely by its class, outside code doesn't access it ("encapsulation" principle).
62
-
-CSS styles, applied to the component.
63
-
- API: events, class methods etc, to interact with other components.
59
+
Un componente ha:
60
+
-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.
63
+
- API: eventi, metodi della classe etc, per poter interagire con altri componenti.
64
64
65
-
Once again, the whole "component" thing is nothing special.
65
+
Ancora una volta, il concetto di "componente" nen è niente di speciale.
66
66
67
-
There exist many frameworks and development methodologies to build them, each with its own bells and whistles. Usually, special CSS classes and conventions are used to provide "component feel" -- CSS scoping and DOM encapsulation.
67
+
Ci sono una serie di frameworks e metodi di sviluppo per costruirli, ognuno con le proprie "fantastiche e super attraenti" caratteristiche. Solitamente, vengono usate classi CSS e convenzioni specifiche per trasmettere la "sensazione di framework", scoping CSS ed incapsulamento del DOM.
68
68
69
-
"Web components" provide built-in browser capabilities for that, so we don't have to emulate them any more.
69
+
I "Web components" forniscono capacità built-in nel browser per questo, quindi non abbiamo più bisogno di emularli.
70
70
71
-
-[Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- to define custom HTML elements.
72
-
-[Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- to create an internal DOM for the component, hidden from the others.
73
-
-[CSS Scoping](https://drafts.csswg.org/css-scoping/) -- to declare styles that only apply inside the Shadow DOM of the component.
74
-
-[Event retargeting](https://dom.spec.whatwg.org/#retarget)and other minor stuff to make custom components better fit the development.
71
+
-[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.
75
75
76
-
In the next chapter we'll go into details of "Custom Elements" -- the fundamental and well-supported feature of web components, good on its own.
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.
0 commit comments