Salta al contenuto
Web & Frontend

Corso CSS Completo

Corso da zero per imparare a stilare siti con CSS. Vediamo elementi di Web Design e capiamo l'ecosistema di CSS.

  • 20 ore di video
  • 138 lezioni
  • Principianti
  • 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

Programma

18 moduli · 138 lezioni
01Fondamenti di CSS
  1. Introduzione a CSS
  2. Editor di Codice
  3. Shortcut Utili
  4. CSS di Default
  5. Come inserire CSS
  6. Come viene applicato il CSS
  7. Spiegazione DOM
  8. Sintassi
  9. Commenti
  10. Cascata
  11. Ereditarietà
  12. Specificità
  13. Utilizzare DevTool
  14. Esercizio #1
02Selettori
  1. Categorie di Selettori
  2. Globale
  3. Elementi
  4. ID
  5. Classi
  6. Liste di Selettori
  7. Esercizio #2
  8. Attributi
  9. Esercizio #3
  10. Pseudo Classi ed Elementi
  11. Combinatori
  12. esercizio #4
03Stile e Colori
  1. Tipi di Colori in CSS
  2. Nuovi colori in CSS
  3. Psicologia dei colori
  4. Creare una palette
  5. Modalità Scura
  6. Background Color
  7. Contrasto tra Colori
  8. Background Image
  9. Bordi
  10. Outline
  11. Box Shadow
  12. Esercizio #5
04Dimensioni, Spazi ed Unità di Misura
  1. Box Model
  2. Margini
  3. Padding
  4. Dimensioni
  5. Esercizio #6
  6. Unità di misura
  7. Nuove Unità di misura
  8. Esercizio #7
  9. Dimensioni e margini inline
05Testo
  1. Font Family
  2. Copyright dei font
  3. Web Fonts
  4. Abbinare font insieme
  5. Psicologia dei font
  6. Stile dei font
  7. Text Direction
  8. Text Shadow
  9. Text Layout
  10. Overflow
  11. Esercizio #8
06Stile di Altri Elementi
  1. Stile dei link
  2. Accessibilità link esterni
  3. Stile delle liste
  4. Stile delle tabelle
  5. Esercizio #9
07Posizionamento
  1. Display
  2. Position
  3. Z-index
  4. Float
  5. Object Fit
  6. Esercizio #10
08Hack
  1. Evitare Banner
09Animazioni
  1. Transform
  2. Transition
  3. Animazioni
  4. Esercizio #11
10Layout
  1. Introduzione ai layout
  2. Normal Flow
  3. Grid layout
  4. Masonry layout
  5. Esercizio #12
  6. Multi column layout
  7. Esercizio #13
  8. Flexbox
  9. Esercizio #14
11Responsive Design
  1. Concetto di responsive design
  2. Dev tool responsive
  3. Media query
  4. Esercizio #15
  5. Containers query
12Form
  1. Stile Form
  2. Checkbox personalizzate
  3. Pseudo classi dei form
  4. Esercizio #16
13Altri Concetti
  1. Le funzioni
  2. Variabili
  3. Altre Pseudo classi
  4. :is
  5. :not
  6. :has
  7. Supporto dei browser
  8. Stile scrollbar
  9. Metodologia BEM
  10. Proprietà Filter
14Performance
  1. Critical Rendering Path
  2. Render Blocking CSS
  3. Critical CSS
  4. Minificazione
15I Framework CSS
  1. Che problemi abbiamo riscontrato?
  2. Cosa sono i framework?
  3. Bootstrap vs Tailwind
  4. Bootstrap pratico
  5. Tailwind pratico
  6. Librerie di componenti
16Concetti di Web Design
  1. Introduzione alla sezione
  2. Flat e Material design
  3. Accordion
  4. Alert
  5. Badge
  6. Breadcrumb
  7. Bottoni
  8. Card
  9. Carosello
  10. Collapse
  11. Sidebar e Drawer
  12. Modal
  13. Navbar
  14. Tabs
  15. Paginazione
  16. Dividere un sito in macro blocchi
17Preprocessori
  1. Cosa sono i preprocessori?
  2. Quali sono?
  3. SASS vs SCSS
18Fine Corso
  1. Annotazione EMMET
  2. Esercizio #17 parte 1
  3. Esercizio #17 parte 2
  4. Esercizio #17 parte 3
  5. Finalizzare sito
  6. E Javasciprt a cosa serve?
  7. Prossimi passi da fare

Requisiti

Necessari

  • HTML base