La riproduzione carica il player incorporato di YouTube (modalità privacy avanzata).
Corso CSS Completo: Da Principiante a Esperto
CanalefreeCodeCamp.orgIn breve
Questo corso completo di CSS ti porta dall’essere un principiante assoluto a un livello avanzato, coprendo tutto: dallo styling di base del testo e dei colori fino a layout complessi, animazioni e tecniche di design responsive. Perfetto per sviluppatori web che vogliono padroneggiare il lato visivo dei siti web—non serve alcuna esperienza pregressa con CSS.
Passaggi chiave
- Inizia con i fondamenti di CSS: selettori, proprietà e come collegare i fogli di stile all’HTML.
- Esplora la manipolazione del testo, i colori, i sfondi e il modello box di CSS per controllare la disposizione delle pagine.
- Approfondisci Flexbox e CSS Grid per creare strutture di pagina flessibili e responsive.
- Aggiungi interattività con transizioni, trasformazioni e animazioni personalizzate usando le keyframes.
Domande e risposte
Quali software mi servono per seguire il corso?
Il corso spiega come scaricare e impostare i software necessari all’inizio.
Capitoli
Descrizione dell’autore
Impara tutto su CSS con questo corso completo per principianti. CSS, o *Cascading Style Sheet*, è ciò che dà stile e aspetto a un sito web.
Da zero, imparerai tutto: dai concetti base come colori e testo, fino alle tecniche più avanzate, come le animazioni personalizzate.
Scoprirai:
• Come gestire i colori
• Il formattazione del testo
• Le proprietà tipografiche
• I layout moderni
• Le griglie (Grid) e Flexbox
• Le animazioni e transizioni
• E molto altro!
🎥 Corso tenuto da Jad Khalili. Per vedere più contenuti di questo insegnante, visita:
⭐️ Indice del corso ⭐️
⌨️ (0:00:00) Obiettivi e risultati del corso
⌨️ (0:02:36) Introduzione al corso
⌨️ (0:11:19) Scaricare il software necessario
⌨️ (0:12:30) Dove trovare i file di progetto
⌨️ (0:14:28) Cos’è il CSS?
⌨️ (0:17:09) Creare e collegare uno *stylesheet*
⌨️ (0:20:39) Come testare uno *stylesheet*
⌨️ (0:22:12) Cos’è un *selector*?
⌨️ (0:25:54) Classi e ID in HTML
⌨️ (0:31:52) Specificità e quando usare i *selector*
⌨️ (0:39:13) *Pseudoselector*
⌨️ (0:47:58) *Selector* avanzati
⌨️ (0:59:30) *Attribute Selector*
⌨️ (0:09:38) Cos’è una proprietà in CSS?
⌨️ (1:12:59) La regola generale di CSS
⌨️ (1:17:37) Tipi di colori
⌨️ (1:24:53) Colorare il testo
⌨️ (1:32:30) Colori di sfondo
⌨️ (1:36:56) Immagini e URL in CSS
⌨️ (1:42:30) Altre proprietà di sfondo
⌨️ (1:48:59) Opacità e trasparenza
⌨️ (1:52:17) Gradienti
⌨️ (2:04:12) Introduzione alle unità di misura
⌨️ (2:15:57) Manipolazione del testo
⌨️ (2:23:54) Dimensioni, grassetto e stile del font
⌨️ (2:30:33) Famiglie di font
⌨️ (2:37:08) Come usare font esterni con Google Fonts
⌨️ (2:43:1
Da zero, imparerai tutto: dai concetti base come colori e testo, fino alle tecniche più avanzate, come le animazioni personalizzate.
Scoprirai:
• Come gestire i colori
• Il formattazione del testo
• Le proprietà tipografiche
• I layout moderni
• Le griglie (Grid) e Flexbox
• Le animazioni e transizioni
• E molto altro!
🎥 Corso tenuto da Jad Khalili. Per vedere più contenuti di questo insegnante, visita:
⭐️ Indice del corso ⭐️
⌨️ (0:00:00) Obiettivi e risultati del corso
⌨️ (0:02:36) Introduzione al corso
⌨️ (0:11:19) Scaricare il software necessario
⌨️ (0:12:30) Dove trovare i file di progetto
⌨️ (0:14:28) Cos’è il CSS?
⌨️ (0:17:09) Creare e collegare uno *stylesheet*
⌨️ (0:20:39) Come testare uno *stylesheet*
⌨️ (0:22:12) Cos’è un *selector*?
⌨️ (0:25:54) Classi e ID in HTML
⌨️ (0:31:52) Specificità e quando usare i *selector*
⌨️ (0:39:13) *Pseudoselector*
⌨️ (0:47:58) *Selector* avanzati
⌨️ (0:59:30) *Attribute Selector*
⌨️ (0:09:38) Cos’è una proprietà in CSS?
⌨️ (1:12:59) La regola generale di CSS
⌨️ (1:17:37) Tipi di colori
⌨️ (1:24:53) Colorare il testo
⌨️ (1:32:30) Colori di sfondo
⌨️ (1:36:56) Immagini e URL in CSS
⌨️ (1:42:30) Altre proprietà di sfondo
⌨️ (1:48:59) Opacità e trasparenza
⌨️ (1:52:17) Gradienti
⌨️ (2:04:12) Introduzione alle unità di misura
⌨️ (2:15:57) Manipolazione del testo
⌨️ (2:23:54) Dimensioni, grassetto e stile del font
⌨️ (2:30:33) Famiglie di font
⌨️ (2:37:08) Come usare font esterni con Google Fonts
⌨️ (2:43:1
Informazioni su questo tutorial
freeCodeCamp.org ha pubblicato questo video tutorial di 6:18:38 il 13 novembre 2019. È stato visto 3.498.643 volte su YouTube.
- Canale
- freeCodeCamp.org
- Categoria
- Istruzione
- Durata
- 6:18:38
- Pubblicato
- 13 novembre 2019
- Visualizzazioni
- 3.498.643
- Mi piace
- 71.279
Condividi
Questo tutorial in altre lingue
- ENCSS Tutorial - Zero to Hero (Complete Course)
- FRTutoriel CSS - Zero to Hero (Cours de complet)
- ESCSS Tutorial - Zero to Hero (Curso Completo)
- PTCSS Tutorial - Zero to Hero (curso completo)
- DECSS Tutorial - Zero Held (Komplettkurs)
- NLCSS Tutorial - Zero to Hero (Complete Course)
- RUУчебник CSS - Нулевой Герою (полный курс)
- PLCSS - Zero to Hero (Complete Course)
- JACSSチュートリアル - ヒーローにゼロ(完全コース)
- ARCSS دروس - صفر إلى بطل (دورة كاملة)
- HIसीएसएस ट्यूटोरियल - शून्य हीरो के लिए (पूरा कोर्स)
- IDCSS Tutorial - Zero to Hero (Complete Course)