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

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

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