Benvenuti in framework e strumenti dell'interfaccia utente Web front-end: Bootstrap 4.
Sono contento che tu abbia deciso di partecipare a questo corso per
conoscere il framework dell'interfaccia utente Web front-end più popolare: Bootstrap.
Vedremo vari aspetti di Bootstrap.
Attraverso diversi esempi, imparerai facendo esercizi come parte di questo corso.
Diamo un'occhiata ad alcuni dettagli dopo.
Prima di iniziare questo corso,
assicurarsi di disporre di conoscenze sufficienti
per avere successo in questo corso.
Dovresti avere una buona conoscenza di HTML
, CSS e JavaScript prima di iniziare il corso.
Dal mio punto di vista, il web design e lo sviluppo si compongono
di due aspetti: uno è il design del sito web e
della pagina web, il secondo è l'effettiva costruzione e distribuzione della pagina web stessa.
Dal punto di vista del design,
quello che intendo è il design dell'interfaccia utente e l'esperienza utente,
il visual design, la prototipazione,
gli elementi di colori,
grafica e animazione che potrebbero essere di interesse.
In questa Specializzazione, non stiamo esaminando questo aspetto dello sviluppo web.
Invece, stiamo guardando a quel secondo aspetto,
che è lo sviluppo, la costruzione
e la distribuzione di siti web e pagine web, utilizzando tecnologie
come i framework dell'interfaccia utente web front-end come Bootstrap,
forse framework JavaScript come Angular o una libreria come React
e mobile ibrido per progettare
applicazioni mobili e anche lo sviluppo lato server utilizzando Node,
Express, MongoDB, lo stack principale in modo più dettagliato.
Se stai guardando la Specializzazione,
pensando all'aspetto del design del sito web,
allora potresti voler ripensarci.
Questa specializzazione si concentra
sullo sviluppo e la distribuzione di siti web e pagine web,
una conoscenza puramente tecnica sull'utilizzo delle
competenze HTML, CSS e basate su JavaScript per lo sviluppo effettivo del sito web.
Probabilmente ti stai anche chiedendo cosa si intende per sviluppo web full stack.
Vedremo ulteriori dettagli sullo sviluppo web dello stack completo nella prossima lezione.
In particolare, se stai guardando come questo corso è
posizionato nel contesto generale dello sviluppo web full stack,
in questo corso, abbiamo a che fare con lo sviluppo di interfaccia utente web front-end.
In particolare, l'interfaccia utente Framework Bootstrap 4.
Saremo esaminati gli aspetti rimanenti dello
sviluppo web full stack nel resto di questa specializzazione.
Questo corso esamina Bootstrap in dettaglio.
Vedremo anche il responsive web design e come Bootstrap supporta il
web design reattivo attraverso il sistema Bootstrap Grid.
Vedremo i componenti CSS e basati su JavaScript in Bootstrap e come è
possibile utilizzarli nella costruzione del tuo sito web e delle tue pagine web.
Lungo la strada, impareremo a conoscere lo sviluppo web usando la riga di comando.
Quindi impareremo molti strumenti web
basati sulla riga di comando e sull'ecosistema Node.js.
Esamineremo brevemente Git,
aggiungiamo Node.js e guarderemo gli strumenti basati su Noje.js inclusi i task runner come Grunt e Gulp.
Questo corso, di per sé, è strutturato in moduli completi.
Ogni modulo corrisponde approssimativamente a una settimana di lavoro.
Nel primo modulo,
otterremo la visione d'insieme dello sviluppo web full stack,
quindi otterrai una rapida introduzione a Git e Node.js.
Quindi ti presenteremo il Bootstrap e quindi rivedremo il sistema Bootstrap Grid.
Questo ti condurrà al primo incarico di questo corso.
Il secondo modulo si occupa di componenti CSS Bootstrap.
Vedremo il design della barra di navigazione Bootstrap
e come possiamo utilizzarlo per supportare la navigazione.
Vedremo l'input dell'utente attraverso
pulsanti e moduli poi vedremo come possiamo visualizzare il contenuto utilizzando tabelle e schede.
Poi vedremo come possiamo includere immagini e supporti nella nostra pagina Web utilizzando immagini
, miniature e oggetti multimediali.
E poi, infine, guardiamo al modo in cui avvisiamo gli utenti utilizzando tag,
avvisi e barre di avanzamento.
Questo dovrebbe portarti al tuo secondo incarico.
Il terzo modulo si occupa di componenti JavaScript Bootstrap.
Vedremo la visione d'insieme di
come funzionano i componenti JavaScript Bootstrap, esamineremo le schede, le
pillole e la navigazione
a schede, quindi vedremo come il collasso e la fisarmonica possono essere utilizzati per mostrare e nascondere il contenuto.
E poi esamineremo l'uso di tooltip,
popover e modals per rivelare i contenuti da visualizzare nella tua pagina.
E poi vedremo il componente carosello,
che ti consente di visualizzare informazioni scorrevoli sulla tua pagina web.
Questo dovrebbe portarti al terzo incarico di questo corso.
L' ultimo modulo si occupa di Bootstrap e jQuery e vari strumenti di sviluppo.
Vedremo, in particolare, come Bootstrap e jQuery interagiscono e come puoi
scrivere codice jQuery e JavaScript per controllare il tuo componente JavaScript Bootstrap.
Esaminiamo i vari metodi supportati dai componenti JavaScript Bootstrap,
che possono essere sfruttati per scrivere
codice JavaScript per controllare il comportamento di questi componenti.
Quindi esamineremo il linguaggio di pre-elaborazione CSS è come MENO e Sass.
Poi, infine, vedremo come possiamo costruire e distribuire il nostro sito web
utilizzando script NPM o task runner come Grunt e Gulp.
Questo dovrebbe portarti fino all'assegnazione finale di questo corso.
Spero che ti divertirai molto a fare
le varie parti di questo corso e goderti anche gli esercizi che
incontrerai in ogni fase che ti consentiranno di
comprendere meglio i vari aspetti del framework dell'interfaccia utente web di Bootstrap.