Ogni sito web è costituito da una serie di componenti che possiamo creare da zero con HTML e CSS o affidarci a dei framework frontend con cui ridurre sensibilmente i tempi di lavoro. Tra questi, Bootstrap è il framework frontend più popolare. Esso fornisce infatti numerosi vantaggi, tra cui:

  • Componenti base come bottoni, form e input.
  • Plug-in javascript che consentono di dare dinamicità al sito senza dover scrivere codice in Javascript.
  • Ha compatibilità cross-browser ed è mobile responsive. 

Durante questo corso tutorial di Bootstrap andremo a realizzare una landing page con cui pubblicizzare una conferenza di digital marketing, in cui i nostri utenti potranno lasciare il loro indirizzo email. In seguito procederemo a creare il sito vero e proprio della Digital Marketing Conference e, infine, vedremo come utilizzare un template di bootstrap e personalizzarlo per creare landing page in pochissimo tempo.

Per utilizzare al meglio Bootstrap è consigliato avere già una conoscenza base di HTML e CSS, in modo da poter avere più controllo durante la realizzazione del sito. Se sei un neofita del webdesign e desideri approfondire questi argomenti puoi farlo con il nostro corso base di HTML e CSS. 

 

** UPDATE**

Questo corso fa riferimento a Bootstrap 4. Nonostante cambiamenti importanti effettuati nella versione 5 di Bootstrap, la logica rimane la stessa. Una volta seguito questo corso, sarà facile poi utilizzare la versione più aggiornata di Bootstrap.

Questo corso è pensato in primo luogo, per programmatori backend e frontend che vogliono utilizzare Bootstrap per velocizzare il loro workflow.

Ma è anche rivolto a marketers, stratupper, freelance e più in generale chiunque voglia creare siti web di qualsiasi complessità, utilizzando come base di lavoro un framework solido e affidabile come Bootstrap.

 

Il programma che seguirai

    • 06. Intro 1m : 13s
    • 07. Layout 1m : 46s
    • 08. Grid system 5m : 4s
    • 09. Grid system_2 8m : 30s
    • 10. Ordine colonne 4m : 44s
    • 11. Intro 1m : 4s
    • 12. Navbar 7m : 41s
    • 13. Banner 6m : 36s
    • 14. Bottoni 5m : 35s
    • 15. Sfida footer 53s
    • 16. Footer 9m : 44s
    • 17. Card 6m : 38s
    • 18. List group 2m : 5s
    • 19. Modali 3m : 59s
    • 20. Accordion 3m : 31s
    • 21. Form 5m : 12s
    • 22. Fine tuning 6m : 25s
    • 23. Colori 4m
    • 24. Intro 2m : 5s
    • 25. Il progetto 3m : 22s
    • 26. Importare bootstrap con sass 8m : 3s
    • 27. Parziali 6m : 32s
    • 28. Variabili 4m : 54s
    • 29. Breakpoints 5m : 4s
    • 30. Prossimi passi 1m : 8s
    • 31. Intro 1m : 51s
    • 32. Scaricare il template 2m : 52s
    • 33. Contenuto 4m : 33s
    • 34. Modificare lo stile 8m : 15s
    • 35. Conclusioni 35s
Bootstrap html5 CSS

Il tuo istruttore

Matteo Fratesi

Matteo Fratesi

Developer | Co-Founder @Lacerba

Un ingegnere con la passione per il mondo del web development. Dopo la laurea e due anni di esperienza nell'ingegneria e nell'architettura, si trasferisce a Berlino per immergersi a tempo pieno in quello che è la sua passione. Ora Matteo è un esperto nell'utilizzo dei maggiori programmi di grafica e sa costruire siti sia dal lato Front End, che Back End

Competenze

Cosa saprai fare

Al termine di questo corso sarai in grado di: 

  • Creare una Landing page "Coming soon" in pochissimo tempo. 
  • Creare un sito mobile responsive utilizzando layout e componenti di Bootstrap, senza dover utilizzare HTML e CSS. 
  • Installare un template Bootstrap e personalizzarlo. 
  • Creare una pagina web con Bootstrap utilizzando SASS. 

Acquista subito

COSA DICONO I NOSTRI STUDENTI

4.68

127 recensioni
Corso tutorial di Bootstrap 4

Corso ottimo completo e strutturato benissimo!

Corso tutorial di Bootstrap 4

Il corso è ben strutturato, e l'insegnante Matteo come anche negli altri corsi spiega in maniera impeccabile questo framework. Ho trovato molto interessante la modifica dei file scss con Sass!

Corso tutorial di Bootstrap 4

Corso eccellente!!!

Corso tutorial di Bootstrap 4

:)

Corso tutorial di Bootstrap 4

La svolta!!!! Complimenti, avete reso facile un mondo che mi sembrava complicato

Corso tutorial di Bootstrap 4

Contenuti corretti, sempre cose da praticare molto prima di poterle gestire al meglio. Tecnologia interessante, non la conoscevo. Sono a digiuno della parte tecnica. E' però comprensibile e ti rende bene l'idea del potenziale.

Corso tutorial di Bootstrap 4

accompagna passo passo la scrittura di un sito personalizzato con l'ausilio di Bootstrap ed altri tool per velocizzare e facilitare le operazioni

Corso tutorial di Bootstrap 4

corso interessante ma nell'ambito del master, secondo me, fin troppo tecnico, per lo meno in questa fase...interessante la parte sui templates, ma presupponeva la conoscenza di sass che invece è disponibile solo in un ulteriore corso a pagamento ...

Corso tutorial di Bootstrap 4

Molto utile, peccato aver problemi con il Live Sass Compiler ma temo abbia a che fare con Windows.

Corso tutorial di Bootstrap 4

ok

Corso tutorial di Bootstrap 4

ok

Corso tutorial di Bootstrap 4

ottimo

Corso tutorial di Bootstrap 4

Ottimo corso! Perfetto per comprendere e poter sfruttare al meglio le potenzialità di Bootstrap.

Corso tutorial di Bootstrap 4

Il corso é ben strutturato e Matteo è molto chiaro ed esaustivo

Corso tutorial di Bootstrap 4

Domande frequenti:

Se ritieni che le lezioni non corrispondano a quanto descritto nel programma o che la descrizione del corso sia stata ingannevole, contattaci entro 30 giorni dall’acquisto e procederemo al rimborso di quanto speso!

Una volta trascorsi 30 giorni dall’acquisto valuteremo insieme, se non avrai ancora fruito delle lezioni, il rilascio di un buono per l’acquisto di altri corsi sulla nostra piattaforma.

Non forniamo rimborsi in caso di ripensamenti da parte dell’acquirente non legati al programma del corso.

1

Certo! Una volta acquistato il corso sarà tuo per sempre. Puoi rivedere le lezioni ogni volta che vuoi, in qualsiasi momento. I video non sono live, sono registrati e sempre disponibili sulla piattaforma.

2

La durata totale del corso è di circa due ore e quaranta. Tieni a mente però che il tempo di apprendimento dei concetti potrebbe essere leggermente più lungo. Per questo, una volta acquistati i corsi, Lacerba si impegna a renderli disponibili a vita!

3

Il corso è suddiviso in 34 lezioni, il che significa che non hai bisogno di completarlo tutto in una volta, ma puoi seguirlo un pezzetto per volta, seguendo i tuoi tempi di apprendimento.

4