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.

 

Certificato

finale

accesso

illimitato

Assistenza

Illimitata

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.

Contenuti del corso

Syllabus

  • 01. Intro
  • 02. Bootstrap
  • 03. Getting started
  • 04. Landing 1
  • 05. Landing 2
  • 06. Intro
  • 07. Layout
  • 08. Grid system
  • 09. Grid system_2
  • 10. Ordine colonne
  • 11. Intro
  • 12. Navbar
  • 13. Banner
  • 14. Bottoni
  • 15. Sfida footer
  • 16. Footer
  • 17. Card
  • 18. List group
  • 19. Modali
  • 20. Accordion
  • 21. Form
  • 22. Fine tuning
  • 23. Colori
  • 24. Intro
  • 25. Il progetto
  • 26. Importare bootstrap con sass
  • 27. Parziali
  • 28. Breakpoints
  • 29. Variabili
  • 30. Prossimi passi
  • 31. Intro
  • 32. Scaricare il template
  • 33. Contenuto
  • 34. Modificare lo stile
  • 35. Conclusioni

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

Le review dei nostri utenti


4.57/ 5



Numero di voti: 21

Michela

ok

24 agosto 2019

Mattia

ok

1 settembre 2019

Luigi

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!

3 luglio 2019

Angelo

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

1 ottobre 2019


Andrea

Corso eccellente!!!

16 luglio 2019

Eleonora

:)

20 luglio 2019

Andrea

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

21 luglio 2019

Christian

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.

1 agosto 2019

Mirko

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

1 agosto 2019

Rossella

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

1 agosto 2019

alessio

Corso ottimo completo e strutturato benissimo!

25 giugno 2019

Francesco

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

3 agosto 2019

Riccardo

ottimo

29 settembre 2019

Silvia

corso da seguire!

10 novembre 2019

Simone

Molto entusiasmante. Tante particolarità ben spiegate con passaggi brevi e semplici!

1 agosto 2019

Maria del Pilar Guadalupe

Strumento ottimo per semplificare l'elaborazione di pagine Web. Sicuramente l'utilizzerò bastante e considero che questo corso sia ottimo per chi si approccia alla programmazione, perché oltre che semplificare il lavoro, rafforza tanti concetti fondamentali nella programmazione front-end... Complimenti a Matteo... Considero che per seguire questo corso, ci vuole la conoscenza di SASS, per riuscire a capire bene il tutto e avere bene le basi... Ho avuto qualche difficoltà con le impostazioni "settings.json" ma è stato dovuto alla versione Visual Studio che prende il mio PC...Ma ho scritto a Matteo i miei dubbi e mi ha subito risposto... Grazie mille!

17 maggio 2019

Boris

Rispetto al corso di html e css ho trovato questo corso molto più confuso, mi spiego meglio, la prima parte del corso va bene, mi è piaciuta è stata chiara e risolutiva, ma la seconda parte del corso quando si introduce sass, si danno troppe cose per scontate, facendo riferimento ad un altro corso che se si vuole si può acquistare , questo interrompe non poco il flow del corso stesso e lo rende macchinoso, in più quasi tutte le volte quando nel video dite , nei file o nei link in descrizione , il file o il link non c'è in descrizione. Poi si spiega troppo in maniera veloce e sbrigativa l'installazione di sass e il perché e percome le varie cartelle all'interno sono utilizzate. La fine del programma quando finisce sass invece torna ad essere buona con il template ecc. Non lo so ho avuto quasi l'idea che il corso di sass non fosse stato pensato per far parte di questo bundle, ma poi inserito all'ultimo per ingrandire la section di Bootstrap .

6 marzo 2019

Massimo

Esaustivo come gli altri. Però vista la quantità di opportunità con Bootstrap avrei visto con piacere alcuni casi in più, ad esempio il "carousel" o altri che sono molto frequenti.

5 novembre 2019

Federica

Corso interessante anche se ho trovato la parte di SASS un pò approssimativa e non ho capito molto i vari passaggi non avendo fatto il corso dedicato. Spero che questo non sia un problema per le prossime lezioni.

14 agosto 2019

ROSANNA


25 marzo 2019

Michele


23 maggio 2019

Il corso

Corsi correlati:

10 corsi 300 €

Diventa un programmatore Full Stack

Preparati alla carriera di Full stack developer. Impara a creare applicazioni e siti web con i linguaggi HTML, CSS, SASS, JavaScript, jQuery, Bootstrap e Ruby on Rails.
7 corsi 200 €

Diventa un programmatore Front end - EDIZIONE 2019

Impara a creare siti web da zero utilizzando Html, CSS, SASS, Javascript, jQuery e Bootstrap
5 corsi 85 €

Corso completo di introduzione alla programmazione web

Impara a programmare da zero con HTML e CSS, Javascript e Bootstrap

Corso base di HTML e CSS - Edizione 2019

40 € 76 lezioni - 6h 9m

Corso di introduzione a JavaScript

GRATIS 21 lezioni - 1h 12m

Introduzione a GIT

30 € 14 lezioni

Corso online di Wordpress: da zero ad avanzato

150 € 41 lezioni - 6h 50m

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