Flex-box, framework bootstrap

1. Ce este Bootstrap?
   • Istoria și avantajele utilizării Bootstrap
   • Comparativ cu alte framework-uri CSS
2. Instalare și Configurare
   • Descărcarea și includerea Bootstrap în proiecte
   • Utilizarea CDN pentru Bootstrap
   • Structura proiectului Bootstrap

Modul 2: Bazele Bootstrap

1. Sistemul de Grid Bootstrap
   • Conceptul de grid și layout responsive
   • Utilizarea coloanelor și rândurilor
   • Clase de grilă pentru dispozitive diferite (xs, sm, md, lg, xl)
2. Tipografie
   • Clase pentru text, titluri și paragrafe
   • Stilizarea textului și formatarea conținutului
   • Utilizarea iconițelor (Font Awesome)

Modul 3: Elemente de Bază

1. Buttoane și Buttoane de Grup
   • Crearea și stilizarea butoanelor
   • Gruparea butoanelor și butoane cu dropdown
2. Imagini și Figurine
   • Stilizarea imaginilor și figurilor
   • Utilizarea claselor pentru imagini responsive și rotunjite

Modul 4: Componente Bootstrap

1. Navigare și Bare de Navigare
   • Crearea meniurilor de navigare și barelor de navigare
   • Navigare verticală și orizontală
2. Carduri și Panouri
   • Crearea cardurilor pentru afișarea conținutului
   • Utilizarea panourilor și grilelor de carduri
3. Formulare
   • Crearea și stilizarea formularelor
   • Elemente de formă (input, select, checkbox, radio)
   • Validarea formularelor cu Bootstrap

Modul 5: Layout-uri Avansate și Utilizări

1. Modaluri
   • Crearea și utilizarea ferestrelor modale
   • Personalizarea conținutului și comportamentului modalelor
2. Alerta și Mesaje de Feedback
   • Crearea alertelor și mesajelor de notificare
   • Utilizarea claselor de stare pentru diferite tipuri de mesaje
3. Breadcrumbs și Pagination
   • Navigare breadcrumb pentru structuri ierarhice
   • Crearea și stilizarea paginării

Modul 6: Utilizarea JavaScript în Bootstrap

1. Introducere în JavaScript-ul Bootstrap
   • Componente interactive și plugin-uri JS
   • Inițializarea componentelor Bootstrap cu JavaScript
2. Tooltip-uri și Popovers
   • Crearea și personalizarea tooltip-urilor
   • Utilizarea popovers pentru afișarea informațiilor suplimentare
3. Scrollspy și Afișare Dinamică
   • Utilizarea Scrollspy pentru navigare dinamică
   • Crearea de elemente fixe (sticky) și animații de derulare

Modul 7: Personalizarea Bootstrap

1. Teme și Variabile SASS
   • Introducere în preprocesorul SASS
   • Personalizarea temelor și variabilelor Bootstrap
2. Crearea unei Tematici Personalizate
   • Ajustarea stilurilor Bootstrap pentru a crea o temă unică
   • Utilizarea Bootswatch și a altor resurse de teme

Modul 8: Proiect de Finalizare

1. Crearea unei Pagini Web Complete
   • Proiectarea și implementarea unei pagini web utilizând toate cunoștințele dobândite
2. Recapitulare și Îmbunătățiri
   • Analiza și optimizarea paginii pentru performanță și accesibilitate
   • Bune practici în dezvoltarea cu Bootstrap