Skip to content

Commit 5f9c630

Browse files
traduzione articolo
1 parent 5ce8943 commit 5f9c630

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

8-web-components/1-webcomponents-intro/article.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -54,23 +54,23 @@ Si divide in componenti abbastanza naturalmente:
5454

5555
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.
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 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.
5858

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.
6464

65-
Once again, the whole "component" thing is nothing special.
65+
Ancora una volta, il concetto di "componente" nen è niente di speciale.
6666

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.
6868

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.
7070

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.
7575

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

Comments
 (0)