Web & Frontend
Corso Bootstrap Completo
Corso da zero per imparare ad utilizzare il framework Bootstrap CSS. Vediamo i componenti, le utilities ed esercizio finale.
- 8 ore di video
- 67 lezioni
- Intermedio
- Certificato finale

Caricando il video accetti che YouTube (Google Ireland Ltd.) imposti cookie e riceva il tuo indirizzo IP e i dati di navigazione. Informativa di Google · La nostra privacy policy
Descrizione del corso
Bootstrap è uno dei framework CSS più popolari e richiesti nel mondo dello sviluppo web. Questo corso completo ti guiderà attraverso tutti gli aspetti fondamentali di Bootstrap, dalla sua installazione fino alla creazione di interfacce responsive complete.
Imparerai a padroneggiare il sistema a griglia, i componenti predefiniti e le utilities che rendono Bootstrap così potente. Esploreremo le differenze con altri framework come Tailwind CSS e vedremo come Bootstrap può velocizzare significativamente il processo di sviluppo frontend.
Il corso include un progetto pratico finale dove metterai alla prova tutte le conoscenze acquisite, creando un'interfaccia completa utilizzando esclusivamente le classi Bootstrap. Questo ti permetterà di comprendere appieno le potenzialità del framework e di essere subito operativo nei tuoi progetti.
Particolare attenzione verrà data anche all'ecosistema Bootstrap, esplorando le librerie di componenti aggiuntivi, i temi disponibili e gli strumenti che possono rendere il tuo workflow ancora più efficiente.
Programma
8 moduli · 67 lezioni01Intro6 lezioni
- Intro a Bootstrap
- Bootstrap vs Tailwind
- Installare CDN e Download
- Installare con NPM
- Installare Icone
- Altre nozioni
02Fondamenti11 lezioni
- Breakpoint
- Container
- Griglie
- Colonne
- Gutters e Z-index
- CSS Grid
- Reboot
- Tipografia
- Immagini
- Tabelle
- Esercizio Fondamenti
03Form8 lezioni
- Form Control
- Select
- Checks & Radios, Range
- Input Group
- Floating Labels
- Layout
- Validazione
- Esercizio Form
04Componenti17 lezioni
- Accordion
- Alerts
- Badge
- Breadcrumb
- Buttons
- Card
- Carousel
- Close Button
- Collapse
- Dropdowns
- List Group
- Modal
- Navbar
- Navs & Tabs
- Offcanvas
- Altri Componenti
- Esercizio Componenti
05Altro13 lezioni
- Helpers vs Utilities
- Tutti gli Helper
- Background
- Borders
- Colors
- Display
- Flex
- Float, Interactions, Link, Object Fit, Opacity
- Overflow, Position, Shadows
- Sizing, Spacing
- Text, Vertical Align, Visibility, Z-index
- Usi delle Icone
- Esercizio Utilities
06Ecosistema5 lezioni
- Kit UI
- Grid Generator
- Layout Builder
- Form Builder
- Template e Temi
07Customize5 lezioni
- Creare Progetto Sass
- Opzioni
- Colori
- Color Modes
- Variabili ed Ottimizzazione
08Outro2 lezioni
- Esercizio Finale
- Prossimi Passi e Ringraziamenti