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
.png)
Il programma che seguirai
- 01. Intro Guarda in anteprima 3m : 37s
- 02. Bootstrap Guarda in anteprima 2m : 22s
- 03. Getting started Guarda in anteprima 4m : 15s
- 04. Landing 1 7m : 34s
- 05. Landing 2 6m : 44s
- 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
Il tuo istruttore
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.
COSA DICONO I NOSTRI STUDENTI
4.62
29 reviewsCorso 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
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.
1Posso 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.
2Quanto 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!
3Come è 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