- istruttore: Andrea Neumann
- Lezioni: 23
- Gli studenti: 1454
- Durata: 10 settimane
Bootstrap è il framework front-end più popolare per uno sviluppo web più semplice e veloce. Include modelli di progettazione basati su HTML e CSS per tipografia, moduli, pulsanti, tabelle, navigazione, modali, caroselli di immagini e molti altri, oltre a plug-in JavaScript opzionali. Bootstrap ti dà anche la possibilità di creare facilmente design reattivi che si adattano automaticamente per avere un bell'aspetto su tutti i dispositivi, dai piccoli telefoni ai desktop di grandi dimensioni.
Procedure
Bootstrap utilizza elementi HTML e proprietà CSS che richiedono il doctype HTML5, quindi è necessario includere il doctype HTML5 all'inizio della pagina insieme al set di caratteri corretto.
Bootstrap è progettato per essere reattivo ai dispositivi mobili. Per garantire un rendering e uno zoom al tocco corretti, aggiungi il seguente tag all'interno dell'elemento head HTML.
Tecnologie Container
Bootstrap ha il proprio wrapper per avvolgere i contenuti del sito.
La classe container fornisce un container reattivo a larghezza fissa
La classe container-fluid fornisce un container a larghezza intera che copre l'intera larghezza della finestra.
Non puoi mettere un contenitore all'interno di un altro contenitore.
Griglia di sistema
Il sistema a griglia di Bootstrap divide la larghezza totale della pagina in 12 colonne uguali. Puoi raggruppare le colonne per creare colonne più larghe o usarle singolarmente. Questo sistema a griglia è reattivo e le colonne si riorganizzeranno automaticamente a seconda delle dimensioni dello schermo.
collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 | collare 1 |
collare 2 | collare 2 | collare 2 | collare 2 | collare 2 | collare 2 | ||||||
collare 3 | collare 3 | collare 3 | collare 3 | ||||||||
collare 4 | collare 4 | collare 4 | |||||||||
collare 6 | collare 6 | ||||||||||
collare 12 |
Classi griglia
Il sistema di griglia Bootstrap ha quattro classi
xs (per telefoni)
sm (per compresse)
md (per desktop)
lg (per desktop più grandi)
Le classi sopra possono essere combinate per creare layout più dinamici e flessibili.
Struttura basilare
1. Crea un involucro.
2. Creare una riga per annullare la proprietà di riempimento del wrapper.
3. Creare un div di xs o sm o md o lg secondo necessità. Personalmente, preferisco md perché funziona meglio su tutti i dispositivi.
4. Il numero totale di colonne valore all'interno di ogni riga deve sommare fino a 12.
...
Certificazione gratuita
Academy Europe presenta diplomi formali, certificati e certificati elettronici di alta qualità che sono una prova formale e il riconoscimento dei corsi online accreditati. Mostra tutte le capacità degli studenti di apprendere e ottenere risultati elevati ed è molto utile per promuovere la carriera personale anche con CV, domande di lavoro e miglioramenti personali.
Come puoi ottenere il tuo certificato ad Academy Europe?
- È necessario fare clic sul collegamento "completa" alla fine di ogni lezione del corso dopo averle terminate.
- Al termine di tutte le lezioni, ovviamente, il link "finisci corso" sarà attivo alla fine dell'ultima lezione.
- Quando fai clic sul link "Termina corso", finirai ufficialmente il tuo corso su Academy Europe. Quindi, la pagina "certificato" del tuo corso completato sarà automaticamente attiva.
- Puoi vedere e scaricare il tuo certificato online dopo aver fatto clic sul link "certificato".
Campioni: Diploma orizzontale – Certificato orizzontale – Certificato elettronico verticale
Pubblico
Questo tutorial è stato pensato per gli utenti disposti a prendere le interazioni uomo-computer come un livello di studio successivo nella loro carriera.
Questo corso di Academy Europe mira a impartire istruzione e formazione di qualità agli studenti.
Academy Europe è dedicata ai suoi studenti, alle loro esigenze di apprendimento specifiche e al loro successo complessivo nell'apprendimento.
Questo corso è diretto verso un approccio di apprendimento asincrono centrato sullo studente, studio indipendente.
Dopo aver completato questo corso su Academy Europe, gli studenti riceveranno un miglioramento personale e una promozione nelle loro carriere.
Questo corso si basa su almeno due abilità di apprendimento che vengono fornite agli utenti attraverso audio e immagini, video, presentazioni verbali e articoli, tutti asincronizzati con l'approccio dell'istruzione a distanza.
Prerequisiti
La conoscenza di base dell'interfaccia utente grafica, della programmazione orientata agli oggetti e degli strumenti software e dei menu sono l'unico prerequisito per questo tutorial.
Prima di iniziare questo corso su Academy Europe, diamo per scontato che tu abbia una buona attitudine e che tu possa pensare in modo logico. Dovresti provare qualcosa di diverso.
I candidati ideali per il corso in genere possiedono:
– Disciplina e attenzione
– Capacità di condurre ricerche
– Capacità di eseguire attività con velocità, efficienza e precisione
– Giudizio analitico
– Pazienza nell'interpretazione di dati tecnico/scientifici
– Volontà di imparare, rimboccarsi le maniche e lavorare verso il tuo sogno!
– Un computer, tablet o smartphone e una connessione a Internet
– Competenze informatiche di base