HDTutorial
IT

La riproduzione carica il player incorporato di YouTube (modalità privacy avanzata).

Corso CSS Completo: Da Principiante a Esperto

3.498.643 visualizzazioni 13 novembre 2019 6:18:38

Guarda su YouTube
CanalefreeCodeCamp.org

In 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

  1. Inizia con i fondamenti di CSS: selettori, proprietà e come collegare i fogli di stile all’HTML.
  2. Esplora la manipolazione del testo, i colori, i sfondi e il modello box di CSS per controllare la disposizione delle pagine.
  3. Approfondisci Flexbox e CSS Grid per creare strutture di pagina flessibili e responsive.
  4. 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

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.

Categoria
Istruzione
Durata
6:18:38
Pubblicato
13 novembre 2019
Visualizzazioni
3.498.643
Mi piace
71.279

Condividi

Questo tutorial in altre lingue