Web design, ovvero tutto quello che riguarda funzionalità, usabilità, accessibilità e look di un sito web.

Il Web Designer, o Frontend Web Developer, crea l'interfaccia dei siti web e tutto ciò che interagisce con occhi e mani degli utenti.

Con il corso in Web Design imparerai i linguaggi HTML, CSS e Javascript, per poi scoprire la potenza dell'HTML5, la carica creativa dei CSS3 e la rivoluzione del Responsive Web Design.

Corso HTML5 avanzato + Responsive Web Design

Icona del corso HTML5 avanzato + Responsive Web Design a Roma firmato LABFORTRAINING

Inizio: 19 giugno 2017 a Roma
Durata: 42 ore + 6 ore di laboratorio finale
Orario: serale / 18.00-21.00
Prerequisiti: HTML5 e CSS3 base
Costo: 750 euro

VOGLIO ISCRIVERMI
Ecco alcune delle cose strepitose che puoi fare con il corso HTML5 avanzato + Responsive Web Design:
  • Creare pagine web che si adattino a tutti gli schermi (PC, Tablet e Smartphone).
  • Gestire in maniera avanzata i TAG Audio e Video HTML5.
  • Realizzare animazioni, come slide show, gallery, accordion, solo con i CSS.
  • Sfruttare la tecnica off canvas per adattare, a tablet e smartphone, i menù di navigazione dei siti web.
  • Ruotare, scalare, distorcere testi e immagini.
  • Conoscere la logica del "Mobile first": progettare siti web per smartphone che si adattino anche a Tablet e PC.

Il corso in pillole

Il Responsive Web Design è l'ultima tendenza in ambito di Web Design e serve a far adattare graficamente, in modo automatico, i layout dei siti web, a seconda del dispositivo sui quali vengono visualizzati.

Il linguaggio HTML5, insieme ai fogli di stile CSS3, offre sia nuove funzionalità per la scrittura del codice, che soluzioni efficaci per creare layout responsivi.

Con il corso HTML5 avanzato + Responsive Web Design imparerai a sfruttare al 100% le nuove potenzialità dei browser e a realizzare pagine web perfettamente visibili su qualsiasi cosa abbia uno schermo.

È il corso che fa per te?

Sì, se sei un web designer o un web developer. Sì anche se conosci già l'HTML5 base e vuoi perfezionare le tue competenze di Web Design.

Quando

Dal 19 giugno al 20 luglio 2017, tutti i lunedì, mercoledì e giovedì.
14 incontri, per una durata complessiva di 42 ore di teoria e pratica, in orario serale 18.00/21.00.

Project work

Al termine del corso HTML5 avanzato + Responsive Web Design potrai partecipare al laboratorio pratico che si terrà sabato 22 luglio dalle 10:30 alle 17:30.
Durante il laboratorio, con il supporto del docente, avrai la possibilità di trasformare in un project work le nozioni apprese nel corso.

Dove

Nella sede di LABFORTRAINING, in via Pasquale Revoltella 85 a Roma.

Cosa ti serve

Un computer ovviamente, ma ci abbiamo già pensato noi: in aula troverai un Apple iMac tutto per te.

Cosa ti diamo

  • Tutta la nostra professionalità ed esperienza.
  • Dispense, esercizi pratici e le registrazioni video delle lezioni, che troverai nell'area riservata LABFORYOU.
  • Wi-Fi Free.
  • La possibilità di usare i nostri laboratori per studiare ed esercitarti anche dopo gli orari di lezione.
  • Caffè e biscotti per ricaricare le pile.
  • L'attestato di partecipazione a fine corso.
  • L'iscrizione al gruppo Facebook Labforjob, in cui postiamo offerte di lavoro selezionate da noi: abbiamo contatti con molte aziende, ma scegliamo solo annunci seri. Niente stage/lavori sotto pagati, per intenderci.

Costi e iscrizione

Il corso ha un costo di 750 euro, che puoi scegliere di pagare in comode rate.

Tutto chiaro?
Se hai bisogno di altre informazioni sul corso o sulle modalità di iscrizione, compila il modulo e ti risponderemo il prima possibile. Grazie.

VOGLIO ISCRIVERMI

Programma del corso HTML5 avanzato + Responsive Web Design

Il Responsive Web Design e le Media Query CSS3

  • L'attributo HTML media: realizzare stili differenti per differenti media
  • Da un layout multicolonne ad un layout monocolonna
  • Realizzare layout elastici a griglie fluide
  • Introduzione al 'Responsive Design'
  • Riconoscere un dispositivo mobile
  • Definire i breakpoint con le Media Queries CSS3
  • Impostare Script e Markup HTML per un progetto "responsive"
  • Ottimizzare un layout per smartphone - impostare il breakpoint a 480px
  • Ottimizzare un layout per tablet - impostare il breakpoint a 768px
  • Lavorare per il desktop - impostare il breakpoint a 1024px
  • Orientare lo schermo: Landscape e Portrait
  • Il meta tag 'Viewport'
  • Stili per il mobile: layout, dimensioni, font
  • I 3 approcci per un layout Responsive: Desktop First, Mobile First, Content First
  • 10 regole da rispettare per realizzare un layout responsive
  • Strumenti per i test, siti web di riferimento

Gestione avanzata di Audio e Video con HTML5

  • Realizzare video HTML5 elastici
  • Le API per i TAG Audio e Video - proprietà, metodi e gestori di eventi
  • Gestire video di background in modalità fullscreen
  • Risorse utili e casi pratici

I fogli di stile CSS3: funzionalità avanzate

  • CSS Filter Effects: applicare filtri Photoshop like agli elementi della pagina
  • CSS Gradients: applicare gradienti Photoshop like agli elementi della pagina
  • Analisi delle potenzialità delle nuove pseudoclassi introdotte
  • Le pseudoclassi :after e :before per l'inserimento di contenuti generati
  • La pseudoclasse :target - esempi pratici
  • La pseudoclasse :checked - esempi pratici
  • Realizzare Accordion e Slide Gallery con le pseudoclassi CSS3
  • Selettori degli elementi adiacenti e degli elementi fratelli
  • CSS3 2D Transforms: ruotare, scalare e distorcere con CSS
  • CSS3 3D Transforms: realizzare effetti 3D con i CSS
  • Fare animazioni con i CSS3
  • Le potenzialità delle proprietà Animation e Transition
  • Risorse utili e casi pratici

Organizzare i contenuti delle pagine web in modalità responsive

  • Realizzare immagini responsive con il tag PICTURE
  • Caricamento condizionale delle immagini di sfondo con i CSS
  • Realizzare immagini responsive con la libreria jQuery Picture
  • Caricare dati esterni con la libreria Ajax Include
  • Gestire snippet di codice condizionale con Javascript e jQuery
  • Rendere una tabella di dati responsive

Ridurre il "peso" delle pagine visualizzate dai dispositivi mobili

  • Creare sprite CSS per aumentare le performance di un sito web
  • Utilizzare le Web Icon Font
  • Il formato di file Data URIs per la rappresentazione di icone
  • La proprietà Object-fit

Menu e Layout Responsive

  • Rendere i menù di navigazione responsive
  • Realizzare una TabMenu in modalità responsive
  • Gestire layout responsive con la Tecnica off-canvas
  • Realizzare Slide Gallery Responsive con effetto Parallax
  • Risorse utili e casi pratici

Docente

Giovanni Giannasca

È l'ideatore e il responsabile di LABFORTRAINING.

Dopo anni e anni di formazione ha infatti pensato di aprire una scuola tutta sua.

Insegna HTML5, CSS3 e Responsive Web Design a LABFORTRAINING.

Si occupa di formazione aziendale, di progettazione e sviluppo di siti web dal 1994, quando il web aveva ancora il rumore robotico dei modem.

Il Web Design è la sua passione:
HTML e HTML5, CSS/2/3, Javascript e jQuery, Responsive e Adaptive Design, Flash e Action Script per lui non hanno segreti ed è inoltre esperto di usabilità e accessibilità.

È stato ed è tutt'ora docente per diversi enti pubblici e privati tra cui Telecom Italia, RAI, Tim, Alenia, Autostrade SPA, Istituto Regionale Montecelio, Poste Italiane, Ipost, ENEA, IED Istituto Europeo di Design, Neomobile, Merck Sharp & Dohme.

Giovanni non si ferma mai e viaggia a una media di 1.000 ore di lezione all'anno.
È sempre il primo a portare in aula le novità del Web.

Ha inoltre partecipato alla progettazione e realizzazione di molti portali web e produzioni multimediali.

Scrivici per ricevere maggiori informazioni sul corso HTML5 avanzato + Responsive e sulle modalità di iscrizione

I contatti LABFORTRAINING

I nostri uffici sono aperti dal lunedi al venerdi dalle 9:30 alle 18:30

  • © labfortraining.it è un progetto di LABFORWEB srl
  • C.F. e P.IVA 11712501003
  • Via Pasquale Revoltella, 85 - Roma
  • Informativa cookie

OKSu questo sito utilizziamo, previo tuo consenso, cookie di profilazione di terze parti per proporti pubblicità in linea con le tue preferenze. Se vuoi saperne di più clicca qui. Cliccando sul pulsante OK, continuando la navigazione, o effettuando un'azione di scroll presti il consenso all'uso di tutti i cookie.