Futuro di sviluppo Web: Web Components e Progressive Applicazioni Web, parte 1

Futuro di sviluppo Web: Web Components e Progressive Applicazioni Web, parte 1contenuto
  1. Futuro di sviluppo Web: Web Components e Progressive Applicazioni Web, parte 1
  2. polimero
  3. Web come piattaforma
  4. conclusione
  5. leggere da un lato

Per le applicazioni Web è una transizione in corso. Che nel futuro un'occhiata al codice sorgente di una pagina web potrebbe essere sorpreso da un singolo elemento my-app nel corpo della pagina. Nessuna traccia della solita agglomerato di centinaia di div e altri elementi.

L'utilizzo di componenti di sviluppo del software non è una nuova idea. Per il 25 ° anniversario di Visual Basic ricorda i controlli ActiveX che hanno reso la vita più facile in una forma simile in innumerevoli sviluppatori .NET. Il plug-in jQuery per i quadri di tendenza come angolare e reagire - tutti si basano sul loro modo di componenti, spesso chiamate widget. Allora, perché il crescente interesse proprio al Web Components?

La risposta sta nella penultima frase con le parole "a modo loro", tutto "controlli" una piattaforma per lo sviluppo del desktop (come NET) hanno in comune il fatto che sono coinvolti in un certo modo e interagiscono in un certo modo con la piattaforma. Questo rende il loro uso, nonostante tutte le specifiche, coerenti e semplici. Nessun controllo a vicenda influenzerà, a meno che non si rompe pari l'intero programma nel baratro.

Il Web come piattaforma, le cose sono diverse. Per i progetti più grandi, c'è solo l'imbarazzo della scelta. Quale quadro che Biblioteca copre le esigenze di maggior successo? Molto spesso, si è trovato che una combinazione sarebbe ideale per diverse offerte, ma che non solo aumenta i tempi di carico sproporzionatamente perché ogni quadro porta il proprio fondamento. Le probabilità di incompatibilità non sono bassi, soprattutto in CSS. JavaScript permette anche un sacco di libertà, in modo che l'uso di ogni nuova biblioteca e ogni nuovo plug-in di iniziare la ricerca, come è stato implementato l'integrazione. Parzialmente HTML esistente viene prelevato, altri prodotti producono completamente da soli.

L'uso costante di componenti Web potrebbe porre fine a, perché non si tratta solo di programmare i propri elementi HTML, ma anche un cambiamento di paradigma che utilizza il DOM come un quadro. Così un bel po 'sono sorpreso dal fatto che i componenti Web vengono creati per fini che non sono visibili sul sito. L'applicazione web definitiva causato dalla combinazione nidificata di componenti. Unità alla all'estremo, alla fine solo componente web rimane, che costituisce l'intera applicazione. Sulla base di modelli di progettazione ecco che arriva il "Reticolo mediatore" (Promoter) utilizzato. Un componente web conosce dal piccolo lato su cui si siede; esso è integrato e guidato dalla seduto sulla loro componente. comunicazione tramite i valori di attributi (modifiche che la componente risponde), infine dom eventi.

Fortunatamente standard

I componenti hanno anche il vantaggio che esse si basano su standard W3C, o più precisamente alle specifiche per "elemento personalizzato". "importazione HTML" e "ombra DOM", I principali produttori di browser sono stati conosciuti per tali norme, che sono già state attuate o sono in processo. Il passato ha dimostrato che esistono singole applicazioni difficili a lungo termine per competere contro standard.

"elemento personalizzato" consentire la creazione effettiva dei componenti (insieme con i modelli HTML5), "importazione HTML" permette di caricarli sulla pagina, e "ombra DOM" infine garantisce che i componenti non sono reciprocamente ottengono nel modo.

aree generalmente non accessibili del DOM è stato più a lungo. I controlli sono un elemento nella stessa Regola di nuovo solo elementi HTML, non compaiono nel DOM, ma a. Questa zona è sotto l'attuale DOM, vale a dire "nella sua ombra", Gli sviluppatori del browser hanno fornito solo proprietà e metodi per il tag che permettono l'interazione tramite JavaScript. La specifica ombra DOM consente sviluppatori di implementare simili. Un componente web si comporta come se fosse seduto in una, ma gli sviluppatori può definire esattamente dove "permeabile" è anche in styling. Per distinguere dalla Ombra DOM DOM è il reale come "DOM Luce" di cui.

I componenti devono essere registrati nel browser. Con ogni nuovo componente crea nuovo, il codice ripetitivo che fa una cosa del genere, anche con i controlli del desktop. Grazie ad un IDE come Visual Studio, gli sviluppatori ma raramente hanno a che fare con esso. Entro e non oltre il secondo o terzo gli sviluppatori di componenti e Web penseranno a come possono semplificare questo processo, o utilizzare le librerie esistenti come Google polimero indietro.