[MUSIC]
I framework di interfaccia utente Web front-end stanno diventando il loro approccio preferito per la
progettazione e l'implementazione dei loro siti Web recenti.
Chiediamoci cosa sono esattamente front-end Web UI Frameworks
e impariamo un po 'più dettagli su di loro.
Successivamente, quindi ovviamente
in questa lezione ci chiederemo, quali sono i framework front-end?
Cosa contengono?
Quali sono alcuni dei più popolari framework dell'interfaccia utente front-end?
E perché abbiamo bisogno di fare uso di framework interfaccia utente front-end quando progettiamo
i nostri siti web?
Quindi quali sono i framework dell'interfaccia utente web front-end?
Facciamo un passo indietro e
immagina di conoscere solo HTML, CSS e JavaScript.
Se vi è stato chiesto di progettare un nuovo sito web, si dovrebbe ovviamente andare a costruire
e implementare l'intero sito web utilizzando le competenze tecniche che
avete in base alla vostra conoscenza di HTML, CSS, e JavaScript.
Spesso ti rendi conto che ci sono molti
componenti ripetuti che useresti sul tuo sito web.
E finiresti per progettare il tuo set di classi CSS.
Si progetterà un componente basato su JavaScript.
E poi una volta che si ottiene un gruppo di questi insieme,
ogni volta che è necessario progettare un nuovo sito web si sarebbe facendo uso di questi
set predefiniti di classi CSS e
componenti basati su JavaScript per implementare rapidamente un nuovo sito web.
Perché non portarlo alla sua logica conclusione?
Che ne dici, se progettiamo un intero framework che consiste di
componenti dell'interfaccia utente web pronti all'uso HTML, CSS e JavaScript.
Quindi, qui, un framework interfaccia utente web front-end
può definire un sacco di classi CSS che
ci permetterà di includere componenti come pulsanti,
tabelle, barre di navigazione, menu a discesa, avvisi,
modali, schede, fisarmoniche e molti altri.
E ci permettono rapidamente di progettare e implementare un sito web.
Quindi questo è ciò che realizza un framework interfaccia utente web front-end.
Si tratta di una raccolta di tutti questi componenti.
Non solo, ti offre un metodo per definire una
tipografia coerente che puoi utilizzare per l'intero design del tuo sito web.
E ti permette di
impalcare rapidamente un sito web o il pitch.
Se cerchi framework web front-end,
troverai una pletora di loro là fuori in Internet.
Ora diverse persone hanno fatto il proprio servizio di
tutti questi diversi framework dell'interfaccia utente web e
hanno pubblicato i loro primi dieci elenchi di framework interfaccia utente front-end.
Questo è uno di questi che puoi o
non potresti essere d'accordo con questa classifica, ma
Bootstrap sembra essere il più popolare tra tutti i framework dell'interfaccia utente web front-end.
Bootstrap si posiziona costantemente come il numero uno
in molti degli elenchi di framework interfaccia utente web front-end.
Il rimanente tra questo elenco può variare, ma spesso si trovano Semantic-UI,
Foundation by Zerp, Materialize, Material UI e
alcuni di questi altri che appaiono in molti di questi elenchi top-end.
La prossima domanda ovvia è,
perché dovresti usare i framework dell'interfaccia utente web front-end?
Innanzitutto, forniscono un modo coerente di progettare siti web.
E, la maggior parte di questi framework front-end
supporta ciò che viene chiamato come responsive web design.
Esamineremo di più su responsive web design nella prossima lezione, ma
riassumendolo rapidamente, non ti rendi conto che il tuo sito web può essere accessibile da
vari tipi di dispositivi di diversi screen saver che vanno
da piccoli telefoni cellulari fino a un desktop completo.
Vuoi essere in grado di progettare il tuo sito web in modo che si adatti automaticamente
per soddisfare i vincoli di dimensione di ciascuno di questi
diversi dispositivi, da cui si accede al tuo sito web.
Quindi il web design reattivo è preoccupato per questo aspetto.
Il secondo problema che la maggior parte di questi framework Franken tenta di
affrontare è la compatibilità tra browser.
Se hai giocato con i browser tanto quanto ho fatto
io, sono abbastanza sicuro che ti sei reso conto che
non ci sono due browser che rendono lo stesso sito esattamente allo stesso modo.
Quindi, quando si progetta un sito web per il rendering coerente su
molti browser diversi, si sta andando ad affrontare una battaglia in salita.
Ora questi framework front-end sono riusciti ad affrontare la maggior parte di queste
idiosincrasie dei diversi browser in modo tale che è possibile fornire un
rendering coerente del vostro sito web su diversi browser.
Quindi questo è il secondo motivo per cui potresti voler ricorrere all'
utilizzo di un framework interfaccia utente Web front-end.
E il terzo aspetto, ovviamente, è che quando hai bisogno di progettare un sito web,
sarai sempre sotto una terribile pressione temporale.
Aumentando così la produttività in
modo da non sprecare energia e tempo per
problemi di configurazione dispendiosi di quei singoli componenti del tuo sito web.
Invece, lascia che sia curato
da un framework interfaccia utente web front-end progettato in modo coerente.
In questo modo ti fa risparmiare un sacco di tempo in termini di implementazione del tuo sito web.
Hanno licenziato.
E infine, naturalmente, la
maggior parte di questi framework interfaccia utente front-end che sono tutti lì hanno la propria comunità.
Sono utenti che utilizzano questi framework per implementare siti web.
Quindi questa comunità di utenti ti fornirà un
modo molto efficiente di essere in grado di risolvere i problemi che potresti
incontrare quando stai applicando qualcuno di questi framework per il design del tuo sito web.
Quindi, dati questi diversi vantaggi,
perché non dovresti ricorrere all'utilizzo di un framework interfaccia utente web front-end?
Con questa comprensione dei framework interfaccia utente web front-end,
andiamo ora avanti per saperne di più su Bootstrap,
il framework interfaccia utente web front-end più popolare.
[ MUSIC]