Corso CSS 3

Iscriviti al corso

Chiedi info

Tienimi aggiornato

Descrizione
Programma

Iscriviti al corso CSS3, per rimanere sempre aggiornato e imparare a lavorare il nuovo linguaggio di markup che sta per rivoluzionare il modo di costruire le pagine web, un corso organizzato dai 10 anni di esperienza di Triboo Academy.

Le specifiche CSS hanno, negli anni, rafforzato il proprio ruolo da protagonista nella scena dello sviluppo web. Con il termine CSS3 si indicano ormai un set di proprietà più vaste rispetto a quelle elencate dalla specifica, come ad esempio il @font-face, ma accomunate dal loro crescente supporto nei browsers moderni.

Bordi arrotondati, ombre, font custom e background multipli sono alcuni dei temi che verranno affrontati e illustrati durante questo corso. Ogni proprietà verrà trattata attraverso alcuni esempi ed esercizi.

L'obiettivo di questo percorso formativo non si vuole però limitare ad una elencazione dei temi legati al tema CSS3 ma anche alle modalità di gestione di una loro implementazione nel mondo reale. Per questo, particolare attenzione sarà riservata ad analizzare le contromisure necessarie nel caso in cui il browser dell'utente non supporti alcune
di queste proprietà.

A chi è rivolto

Il corso si rivolge a sviluppatori e designer che operano nell'ambito web e che abbiano già maturato esperienze di lavoro con i CSS.

Requisiti minimi

È richiesta una conoscenza operativa delle tecnologie HTML e CSS ed almeno una conoscenza base di JavaScript.

Materiale didattico e gadget

Oltre alle dispense prodotte dal docente a sostegno dell’intero percorso delle lezioni verrà fornita anche una copia del volume:

CSS - Guida Completa

Gianluca Troiani

Editore Apogeo

Attenzione: il libro di testo, in considerazione della reperibilità e delle ristampe disponibili al momento dell'inizio del corso, potrebbe essere sostituito da una pubblicazione simile.

Compresi nel prezzo del corso, saranno forniti:

Due coffee break per ogni giornata di corso,che ti permetteranno di mantenere la giusta concentrazione.
Ogni studente riceverà alcuni gadget con marchio Triboo Academy utili alla buona condotta del corso:

Un blocco notes per prendere appunti
Una penna

Dotazione hardware e software

Il corso di "CSS3" prevede l'utilizzo dei seguenti programmi:

Un editor HTML;

Il corso prevede lo studio del codice sorgente dei documenti, per indicare procedure compatibili con ogni piattaforma a prescindere dal software utilizzato. Soltanto allo scopo di velocizzare la scrittura di codice, alcune operazioni ripetitive saranno svolto con l'ausilio di un editor HTML.

Costo

Il corso di "CSS3" ha un costo di 300 euro + Iva.

Il costo include ogni aspetto inerente il corso.

Il corso sarà proposto in accoppiata con il corso "HTML5" : coloro che si iscriveranno a tutti e due i corsi avranno uno sconto del 20% su ambedue i corsi.

Sono compresi nel prezzo:

i coffee break;
gadget;
il materiale didattico;
l'attestato di partecipazione.

Per chi ha già partecipato in passato a uno qualsiasi dei corsi Triboo Academy è previsto uno sconto del 10%.

Il corso "CSS3" viene svolto in 1 lezione da 8 ore.

Capitolo 1: Road to enlightment
- o I punti di forza dei CSS3, una panoramica
  Possiamo dividere l'universo delle specifiche CSS3 in gruppi logici per meglio analizzarne le caratteristiche. Affrontiamo una veloce panoramica dell'intero set di istruzioni proprio con l'obiettivo di individuare le varie aree di intervento di questa nuova tecnologia.
- o Le debolezze dei CSS3, difendiamoci!
  Browser diversi, device mobile, televisori, perfino orologi ed ebook reader, ognuno con il suo peculiare supporto alle specifiche: impariamo a conoscere la graceful degradation e ad utilizzare i corretti strumenti per determinare il supporto alle varie features introdotte dai CSS3.
- o Prepariamoci: i selettori
  Prima di buttarci nelle feature facciamo conoscenza con le nuove classi di selettori offerte dai CSS3 per imparare come selezionare esattamente il contenuto voluto.
Capitolo 2: One size doesn't fit all
- o In un mondo multicanale: le media queries
  Cosa rappresenta e come si comporta questo set di regole grazie alle quali è possibile
  assegnare diversi CSS a seconda delle dimensioni dello schermo del browser dell'utente.
Capitolo 3: Colors, shadows and lights
- o RGBA e la potenza dei background
  Presentiamo il nuovo modo per definire un colore attraverso le sue quattro componenti RGBA, introduciamo
  poi le nuove proprietà legate al background: i background multipli, i gradienti e lo zoom
- o Shadows and masks
  Entriamo in contatto con una delle caratteristiche più attese: la possibilità di aggiungere ombre a testi
  e blocchi. Scopriamo anche la proprietà, per ora sperimentale, di poter usare immagini e SVG come
  maschere di altri contenuti multimediali.
- o Borders
  Vediamo come aggiungere agevolmente bordi arrotondati sia simmetrici che non. Esploriamo anche
  la proprietà 'border-image' che consente di applicare una o più immagini al bordo del blocco prescelto.
- o Workshop: e luce fu
  Costruiamo un template web applicando in modo sapiente gradienti, background multipli e ombre
  per ottenere interessanti effetti di luce.
Capitolo 4: Tipografia e impaginazione
- o @font-face
  La possibilità di utilizzare font personalizzati all'interno del proprio portale web è sicuramente
  una caratteristica interessante. Vediamo come sia molto semplice rendere questa proprietà
  cross-browser e quali risorse sulla rete possiamo utilizzare per recuperare i font migliori.
- o Colonne
  Questo modulo, già proposto nel 2005, consente di demandare al browser la suddivisione del testo
  in un certo numero di colonne. Scopriamo insieme questa specifica ed impariamo i trucchi necessari
  ad applicarla anche in assenza di supporto da parte del browser.
Capitolo 5: Trasformazioni e animazioni
- o Trasformazioni
  Esploriamo questo nuovo ed interessante modulo attraverso i tipi di trasformazione principali, il concetto
  di ease e una galleria di effetti che è possibile ottenere.
- o Animazioni
  Facciamo un passo in più ed introduciamo anche le animazioni. Vediamo come utilizzare i key-frames e
  scopriamo come arricchire background ed altri elementi della nostra pagina web utilizzando questa nuova feature CSS3.
Capitolo 6: Putting all together
Utilizzando le conoscenze finora acquisite creiamo la versione mobile di un portale web esistente avvalendoci
della potenza delle media queries e di tutte le proprietà scoperte nella giornata. Questo esercizio verrà anche utilizzato come spunto per capire quali siano le differenze tra l'utilizzo dei css in un ambiente desktop e in un contesto mobile.