From 5ce8943ba447d28edf0d4a34b145f09ee9c63af9 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sat, 27 Mar 2021 02:38:16 +0100 Subject: [PATCH 01/12] inizio traduzione --- .../1-webcomponents-intro/article.md | 60 +++++++++---------- 1 file changed, 30 insertions(+), 30 deletions(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 3279cb133..8303fa16d 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -1,60 +1,60 @@ -# From the orbital height +# Da altezze orbitali -This section describes a set of modern standards for "web components". +Questa sezione descrive un set di standar moderni per i "web components". -As of now, these standards are under development. Some features are well-supported and integrated into the modern HTML/DOM standard, while others are yet in draft stage. You can try examples in any browser, Google Chrome is probably the most up to date with these features. Guess, that's because Google fellows are behind many of the related specifications. +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. -## What's common between... +## Cosa c'è in comune tra... -The whole component idea is nothing new. It's used in many frameworks and elsewhere. +L'idea generale del componente non è nulla di nuovo. Viene usato dappertutto in molti frameworks. -Before we move to implementation details, take a look at this great achievement of humanity: +Prima di spostarci nei dettagli di implementazione, diamo un'occhiata a questa grandiosa conquista dell'umanità: ![](satellite.jpg) -That's the International Space Station (ISS). +Questa è la Stazione Spaziale Internazionale (ISS). -And this is how it's made inside (approximately): +E csoì è come è fatta dentro (approssimativamente): ![](satellite-expanded.jpg) -The International Space Station: -- Consists of many components. -- Each component, in its turn, has many smaller details inside. -- The components are very complex, much more complicated than most websites. -- Components are developed internationally, by teams from different countries, speaking different languages. +La Stazione Spaziale Internazionale: +- Consta di molti componenti. +- Ogni componente, a sua volta, contiene all'interno tanti piccoli dettagli ancora più piccoli. +- I componenti sono molto complessi, molto più complicati della maggior parte dei siti web. +- I componenti vengono sviluppati a livello internazionale, da team di paesi differenti, che parlando lingue differenti. -...And this thing flies, keeps humans alive in space! +...E questa cosa vola, mantenendo delle persone in vita nello spazio! -How such complex devices are created? +Come vengono creati dei dispositivi così complessi? -Which principles we could borrow to make our development same-level reliable and scalable? Or, at least, close to it. +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. -## Component architecture +## Architettura di un componente -The well known rule for developing complex software is: don't make complex software. +La ben nota regola per sviluppare del software complesso è: non sviluppare software complesso. -If something becomes complex -- split it into simpler parts and connect in the most obvious way. +Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel modo più ovvio. -**A good architect is the one who can make the complex simple.** +**Un buon architetto è colui che può rendere cose complesse, semplici.** -We can split user interface into visual components: each of them has own place on the page, can "do" a well-described task, and is separate from the others. +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. -Let's take a look at a website, for example Twitter. +Guardiamo un sito web, per esempio Twitter. -It naturally splits into components: +Si divide in componenti abbastanza naturalmente: ![](web-components-twitter.svg) -1. Top navigation. -2. User info. -3. Follow suggestions. -4. Submit form. -5. (and also 6, 7) -- messages. +1. Barra di navigazione superiore. +2. Informazioni utente. +3. Suggerimenti di follow. +4. From di invio. +5. (e inoltre 6, 7) -- messaggi. -Components may have subcomponents, e.g. messages may be parts of a higher-level "message list" component. A clickable user picture itself may be a component, and so on. +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. -How do we decide, what is a component? That comes from intuition, experience and common sense. Usually it's a separate visual entity that we can describe in terms of what it does and how it interacts with the page. In the case above, the page has blocks, each of them plays its own role, it's logical to make these components. +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. A component has: - Its own JavaScript class. From 5f9c6303115d48c088c22d1ae654b056d055b53b Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sat, 27 Mar 2021 10:23:41 +0100 Subject: [PATCH 02/12] traduzione articolo --- .../1-webcomponents-intro/article.md | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 8303fa16d..39cf78d29 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -54,23 +54,23 @@ Si divide in componenti abbastanza naturalmente: 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. -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. +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. -A component has: -- Its own JavaScript class. -- DOM structure, managed solely by its class, outside code doesn't access it ("encapsulation" principle). -- CSS styles, applied to the component. -- API: events, class methods etc, to interact with other components. +Un componente ha: +- Una propria classe JavaScript +- Una struttura DOM, gestito esclusivamente dalla sua classe, il codice esterno no può accedervi (principio di "incapsulamento"). +- Stili CSS, applicati al componente. +- API: eventi, metodi della classe etc, per poter interagire con altri componenti. -Once again, the whole "component" thing is nothing special. +Ancora una volta, il concetto di "componente" nen è niente di speciale. -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. +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. -"Web components" provide built-in browser capabilities for that, so we don't have to emulate them any more. +I "Web components" forniscono capacità built-in nel browser per questo, quindi non abbiamo più bisogno di emularli. -- [Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- to define custom HTML elements. -- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- to create an internal DOM for the component, hidden from the others. -- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- to declare styles that only apply inside the Shadow DOM of the component. -- [Event retargeting](https://dom.spec.whatwg.org/#retarget) and other minor stuff to make custom components better fit the development. +- [Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- per definire elementi HTML personalizzati. +- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- per creare un DOM interno e visibile al componente stesso ed invisibile per gli altri. +- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- per dichiarare stili da applicare solo dentro lo Shadow DOM del componente. +- [Event retargeting](https://dom.spec.whatwg.org/#retarget) ed altre funzionalità minori per rendere i componenti personalizzati più adatti allo sviluppo. -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. +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. From 8029de9ad004f64bdd00f2be89aaf7b182c63442 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sat, 27 Mar 2021 10:43:21 +0100 Subject: [PATCH 03/12] correzione articolo --- .../1-webcomponents-intro/article.md | 48 +++++++++---------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 39cf78d29..c3f8f0b59 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -1,65 +1,65 @@ # Da altezze orbitali -Questa sezione descrive un set di standar moderni per i "web components". +Questa sezione descrive un insieme di moderni standard per descrivere i "web components". -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. +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. ## Cosa c'è in comune tra... -L'idea generale del componente non è nulla di nuovo. Viene usato dappertutto in molti frameworks. +L'idea generale del componente non è nulla di nuovo. Viene usato dappertutto, ed in tantissimi frameworks. -Prima di spostarci nei dettagli di implementazione, diamo un'occhiata a questa grandiosa conquista dell'umanità: +Prima di spostarci nei dettagli di implementazione, però, diamo un'occhiata a questa grandiosa conquista dell'umanità: ![](satellite.jpg) Questa è la Stazione Spaziale Internazionale (ISS). -E csoì è come è fatta dentro (approssimativamente): +E così è come è fatta dentro (approssimativamente): ![](satellite-expanded.jpg) La Stazione Spaziale Internazionale: -- Consta di molti componenti. -- Ogni componente, a sua volta, contiene all'interno tanti piccoli dettagli ancora più piccoli. -- I componenti sono molto complessi, molto più complicati della maggior parte dei siti web. +- Consta di moltissimi componenti. +- Ogni componente, a sua volta, contiene all'interno tanti componenti e dettagli, ancora più piccoli. +- I componenti sono molto complessi, e molto più complicati della maggior parte dei siti web. - I componenti vengono sviluppati a livello internazionale, da team di paesi differenti, che parlando lingue differenti. ...E questa cosa vola, mantenendo delle persone in vita nello spazio! -Come vengono creati dei dispositivi così complessi? +Come vengono creati delle strutture così complesse? -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. +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'. ## Architettura di un componente La ben nota regola per sviluppare del software complesso è: non sviluppare software complesso. -Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel modo più ovvio. +Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel maniera più ovvia. **Un buon architetto è colui che può rendere cose complesse, semplici.** -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. +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. Guardiamo un sito web, per esempio Twitter. -Si divide in componenti abbastanza naturalmente: +Possiamo dividerlo abbastanza naturalmente in componenti: ![](web-components-twitter.svg) 1. Barra di navigazione superiore. 2. Informazioni utente. -3. Suggerimenti di follow. -4. From di invio. -5. (e inoltre 6, 7) -- messaggi. +3. Suggerimenti di utenti da seguire. +4. Form di invio. +5. (e inoltre 6, 7) sono messaggi. -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. +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. -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. +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. Un componente ha: - Una propria classe JavaScript -- Una struttura DOM, gestito esclusivamente dalla sua classe, il codice esterno no può accedervi (principio di "incapsulamento"). -- Stili CSS, applicati al componente. +- Una struttura DOM, gestita esclusivamente dalla sua classe, ed il codice esterno non può accedervi (principio di "incapsulamento"). +- Stili CSS, da applicare al componente. - API: eventi, metodi della classe etc, per poter interagire con altri componenti. 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 I "Web components" forniscono capacità built-in nel browser per questo, quindi non abbiamo più bisogno di emularli. - [Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) -- per definire elementi HTML personalizzati. -- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- per creare un DOM interno e visibile al componente stesso ed invisibile per gli altri. -- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- per dichiarare stili da applicare solo dentro lo Shadow DOM del componente. -- [Event retargeting](https://dom.spec.whatwg.org/#retarget) ed altre funzionalità minori per rendere i componenti personalizzati più adatti allo sviluppo. +- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) -- per creare un DOM interno e visibile solo al componente stesso, ma nascosto agli altri. +- [CSS Scoping](https://drafts.csswg.org/css-scoping/) -- per dichiarare stili applicabili esclusivamente dentro lo Shadow DOM del componente. +- [Event retargeting](https://dom.spec.whatwg.org/#retarget) altre funzionalità minori per rendere i componenti personalizzati più adatti allo sviluppo. -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. +Nel prossimo capitolo entreremo nei dettagli dei "Custom Elements", una funzionalità fondamentale e ben supportata dei web component, ottima anche anche usata da sola. From 7b228b99ea0e80e8bb65aa668a698672afdf96fb Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sat, 27 Mar 2021 10:44:48 +0100 Subject: [PATCH 04/12] cambio titolo --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index c3f8f0b59..86c5c664f 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -1,4 +1,4 @@ -# Da altezze orbitali +# In alto, nell'orbita terrestre Questa sezione descrive un insieme di moderni standard per descrivere i "web components". From 109ac84fca555ade283b27042571ae364fccd22b Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:39:12 +0200 Subject: [PATCH 05/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 86c5c664f..03d6da874 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -34,7 +34,7 @@ Quali principi possiamo prendere in prestito, per rendere il nostro sviluppo aff La ben nota regola per sviluppare del software complesso è: non sviluppare software complesso. -Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nel maniera più ovvia. +Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli nella maniera più ovvia. **Un buon architetto è colui che può rendere cose complesse, semplici.** From d6f82d1d12ca648ff565380e1c93a2dff4a94376 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:39:22 +0200 Subject: [PATCH 06/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 03d6da874..10b944487 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -24,7 +24,7 @@ La Stazione Spaziale Internazionale: - I componenti sono molto complessi, e molto più complicati della maggior parte dei siti web. - I componenti vengono sviluppati a livello internazionale, da team di paesi differenti, che parlando lingue differenti. -...E questa cosa vola, mantenendo delle persone in vita nello spazio! +...E questa cosa orbita, mantenendo delle persone in vita nello spazio! Come vengono creati delle strutture così complesse? From 839ba80998967d642a46e966d3e93c44f86cd0c4 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:39:28 +0200 Subject: [PATCH 07/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 10b944487..d02b61005 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -26,7 +26,7 @@ La Stazione Spaziale Internazionale: ...E questa cosa orbita, mantenendo delle persone in vita nello spazio! -Come vengono creati delle strutture così complesse? +Come vengono create delle strutture così complesse? 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'. From ebcca087512b604e36218c37eb8e87a53533673b Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:39:42 +0200 Subject: [PATCH 08/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index d02b61005..a2f71e34e 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -38,7 +38,7 @@ Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli ne **Un buon architetto è colui che può rendere cose complesse, semplici.** -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. +Possiamo dividere visivamente, l'interfaccia utente in componenti: ognuno di essi ha la propria posizione nella pagina, e il suo compito ben preciso, ed è separato dagli altri. Guardiamo un sito web, per esempio Twitter. From a77e1ae27c0a9cd0a2721b11a1b9e1c841d1d26e Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:39:46 +0200 Subject: [PATCH 09/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index a2f71e34e..e1d8993df 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -52,7 +52,7 @@ Possiamo dividerlo abbastanza naturalmente in componenti: 4. Form di invio. 5. (e inoltre 6, 7) sono messaggi. -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. +I componenti possono avere sotto-componenti, 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. 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. From 3e41627fc31a3beb85ab601f3bfcc66898cc2408 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Sun, 28 Mar 2021 17:41:00 +0200 Subject: [PATCH 10/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index e1d8993df..6bec54253 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -62,7 +62,7 @@ Un componente ha: - Stili CSS, da applicare al componente. - API: eventi, metodi della classe etc, per poter interagire con altri componenti. -Ancora una volta, il concetto di "componente" nen è niente di speciale. +Ancora una volta, il concetto di "componente" non è niente di speciale. 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. From c43742c421c9f09be2bf1777ba9dc6d16bac5f13 Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Wed, 31 Mar 2021 23:34:33 +0200 Subject: [PATCH 11/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Dorin David <70648503+Dorin-David@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 6bec54253..6d9264a69 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -38,7 +38,7 @@ Se qualcosa diventa complesso, dividerlo in parti più semplici e connetterli ne **Un buon architetto è colui che può rendere cose complesse, semplici.** -Possiamo dividere visivamente, l'interfaccia utente in componenti: ognuno di essi ha la propria posizione nella pagina, e il suo compito ben preciso, ed è separato dagli altri. +Possiamo dividere visivamente l'interfaccia utente in componenti: ognuno di essi ha la propria posizione nella pagina, e il suo compito ben preciso, ed è separato dagli altri. Guardiamo un sito web, per esempio Twitter. From ad26f03f759eed8f9eb29c7fe27ce44944d2326e Mon Sep 17 00:00:00 2001 From: pierangelomiceli Date: Wed, 31 Mar 2021 23:34:42 +0200 Subject: [PATCH 12/12] Update 8-web-components/1-webcomponents-intro/article.md Co-authored-by: Dorin David <70648503+Dorin-David@users.noreply.github.com> --- 8-web-components/1-webcomponents-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md index 6d9264a69..6e7b35551 100644 --- a/8-web-components/1-webcomponents-intro/article.md +++ b/8-web-components/1-webcomponents-intro/article.md @@ -54,7 +54,7 @@ Possiamo dividerlo abbastanza naturalmente in componenti: I componenti possono avere sotto-componenti, 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. -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. +Come possiamo decidere cosa sia un componente? Ciò arriva dall'intuizione, l'esperienza ed il buon senso. 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. Un componente ha: - Una propria classe JavaScript pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy