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. 

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

elemento grafico corsi online
  • 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. Breakpoints 5m : 4s
  • 29. Variabili 4m : 54s
  • 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

Graphic Designer e Front End Developer @Lacerba

Un architetto con la passione per il mondo del web design. Dopo la laurea e due anni di esperienza nell'architettura e nel design, 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 con HTML, CSS e Javascript.

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.7

47 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

Il corso

Corsi correlati:

MASTERCLASS
10 corsi

Diventa un programmatore Full Stack

300 €
VAI ALLA MASTERCLASS
MASTERCLASS
7 corsi

Diventa un programmatore Front end - EDIZIONE 2019

200 €
VAI ALLA MASTERCLASS
MASTERCLASS
5 corsi

Corso completo di introduzione alla programmazione web

85 €
VAI ALLA MASTERCLASS
corso online digitale CORSO SINGOLO

Corso base di HTML e CSS - Edizione 2019

40 €
VAI AL CORSO
corso online digitale CORSO SINGOLO

Corso di introduzione a JavaScript

GRATIS
VAI AL CORSO
corso online digitale CORSO SINGOLO

Introduzione a GIT

30 €
VAI AL CORSO
corso online digitale CORSO SINGOLO

Corso online di Wordpress: da zero ad avanzato

150 €
VAI AL CORSO

FAQ

Domande frequenti:

Cosa succede se non sono soddisfatto del corso?

Non vorremmo mai che tu rimanga insoddisfatto/a di uno dei nostri corsi! Se dovesse accadere, contattaci e cercheremo di risolvere entro 24h qualsiasi problema tu abbia riscontrato. 

1

Posso vedere le lezioni più volte?

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

Quanto tempo ci vorrà per terminare il corso?

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

Come è strutturato il corso?

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