Corso Responsive Web Design | LABFORWEB

Corso Responsive Web Design

Icona del Corso Responsive Web Design a Roma oppure Online firmato LABFORWEB

Inizio: 8 gennaio 2025
Durata: 26 ore
Orario: a scelta tra10.00-13.00 | 18.15-21.15Prerequisiti: HTML5 e CSS3

Ecco alcune delle cose strepitose che puoi fare con il Responsive Web Design:
  • Realizzare siti web per mobile, del tutto simili ad APP.
  • Conoscere la logica del "Mobile first": progettare siti web per smartphone che si adattino perfettamente anche a Tablet e PC.
  • Lavorare con la specifica Flexbox e Grid dei CSS3.
  • Realizzare fogli di stile più potenti e allo stesso tempo più snelli.
  • Utilizzare variabili all'interno dei tuoi fogli di stile.
  • Creare funzioni e organizzare un foglio di stile in più file.
  • Implementare il preprocessore SASS nei tuoi progetti web

Il corso in pillole

Con il Responsive Web Design è possibile realizzare siti web perfettamente visibili e utilizzabili con qualsiasi risoluzione: dalle web TV da 100 pollici agli smartphone da 3.5.
Con il Corso Responsive Web Design imparerai le nozioni fondamentali per realizzare pagine web perfettamente visibili sia su desktop che su mobile.

Puoi frequentare il Corso Responsive Web Design in una delle seguenti modalità a scelta:

  1. In aula a Roma
  2. Online in Diretta Streaming
  3. Video Lezioni On Demand

È il corso che fa per te?

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

Quando

Dall'8 al 20 gennaio 2025, tutti i lunedì, mercoledì e giovedì, in orario mattutino 10.00/13.00 o serale 18.15/21.15.
18 ore di corso teorico/pratico (diviso in 6 lezioni di 3 ore ciascuna) + 8 ore di tutoraggio.
Il tutor ti aiuterà a chiarire eventuali dubbi sugli argomenti trattati in classe, e ti darà una mano nel caso avessi bisogno di aiuto per i tuoi "compiti a casa".

Il Corso in aula a Roma

Si terrà nella sede di LABFORWEB a Roma, dove troverai un Apple iMac tutto per te.

Il Corso Online in Live Streaming

Potrai frequentarlo ovunque tu voglia: da casa, dal tuo ufficio, da un parco. Ti basterà avere con te un computer e una connessione a Internet. Potrai seguire il corso in diretta streaming in uno degli orari a scelta, tra il mattutino e il serale.

I software che utilizzerai per lo svolgimento delle lezioni sono tutti gratuiti.

Il Corso On Demand

Potrai frequentarlo ovunque tu voglia e in qualsiasi giorno e orario tu preferisca.

Con il corso On Demand non sarai mai "lasciato solo" con il tuo codice. Infatti avrai a disposizione la bacheca di classe con la quale potrai chiedere assistenza in qualsiasi momento.
Inoltre, se vorrai, potrai partecipare in diretta alle ore di tutoraggio previste.

Cosa ti diamo

  • Dispense ed esercizi pratici che troverai nell'area riservata LABFORYOU.
  • Le registrazioni video di tutte le lezioni per non perderti nemmeno un minuto di corso, anche in caso di assenza.
  • 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

I costi del Corso Responsive Web Design

  • Durata: 26 ore

  • Corso in Live Streaming » 420 euro

  • Video Corso On Demand » 360 euro

Iscrizione

Per iscriverti al Corso Responsive Design dovrai compilare la scheda di iscrizione e versare una quota di 100 euro a titolo di acconto.

Ti invieremo la scheda di iscrizione via mail e potrai versare l'acconto tramite Bonifico Bancario.

Se preferisci passare a scuola per procedere alla tua iscrizione, prenota un appuntamento, e qualcuno del nostro staff sarà pronto ad accoglierti. Ci trovi in Via Francesco Saverio Solari, 16 a Roma.

Paga in 3 rate con PayPal

Puoi dividere il pagamento del tuo corso in 3 rate senza interessi, grazie a PayPal.

  1. Corso in aula o in live streaming:
  2. Corso on demand:

Se hai bisogno di info sul pagamento in 3 rate contattaci e ti risponderemo il prima possibile.

Tutto chiaro?

Se hai bisogno di altre informazioni sul corso, o sulle modalità di iscrizione, compila il modulo e ti risponderemo il prima possibile.
Se desideri parlare con qualcuno del nostro staff prenota un appuntamento.
Grazie.

VOGLIO ISCRIVERMI

Programma del corso Responsive Web Design

Il Responsive Web Design

  • I principali browser per dispositivi mobili (Safari, Mozilla Firefox, Opera, Chrome)
  • 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
  • Stili per il mobile: la navigazione
  • 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

Organizzare i contenuti 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
  • Realizzare video elastici e responsive
  • Gestire snippet di codice condizionale con javascript
  • Risorse utili e casi pratici
  • Rendere una tabella di dati responsive
  • Realizzare una TabMenu in modalità responsive
  • Ridurre il peso delle pagine visualizzate dai dispositivi mobili
  • Creare sprite CSS per aumentare le performance del proprio sito web
  • Utilizzare Web Icon Font
  • Il formato di file Data URIs per la rappresentazione di icone
  • Rendere i menù di navigazione responsive
  • Gestire layout responsive con la Tecnica off-canvas
  • Realizzare Slide Gallery Responsive con effetto Parallax
  • Risorse utili e casi pratici

CSS Flexbox

  • CSS Flexbox, i principi di base
  • Creare griglie monodimensionali
  • Display:flex
  • La proprietà justify-content per allineare gli item di un FlexBox
  • Le proprietà flex-direction, flex-wrap e flex-flow
  • La proprietà shorthand degli item del flexbox: FLEX
  • Differenze tra la proprietà width e la proprietà flex-basis
  • Creare colonne affiancate con la stessa altezza
  • Modificare l'ordine degli item di un flexbox
  • Nidificare i Flexbox
  • Caso pratico: realizziamo una barra di menu orizzontale con i FlexBox
  • Risorse utili e casi pratici
  • Appendice: Utilizzare Flexbox e CSS Grid insieme

CSS Grid

  • Introduzione a CSS Grid
  • Definire una griglia
  • Creare griglie bidimensionali con grid-template-columns e grid-template-rows
  • Utilizzare le percentuali e il metodo css repeat()
  • Utilizzare l'unità di misura Fractional Units
  • Posizionare gli elementi della griglia
  • Utilizzare grid-template-areas e grid-area per definire zone della griglia
  • max-content, min-content, minmax()
  • Cambiare l'ordine di posizionamento degli elementi della griglia
  • Creare layout con griglie nidificate
  • Esempio pratico: Realizziamo un Fluidly Responsive Grid senza l'ausilio di Breakpoints e delle Media Query
  • Risorse utili e casi pratici

CSS SASS

  • Installare Sass e Compass
  • Lavorare con Sass e Compass da riga di comando
  • Impostare un progetto Sass
  • Lavorare con i partial files
  • Dichiarare variabili
  • Nesting, Extend, Placeholders e Mixins
  • Media Queries CSS3 avanzate con Sass
  • CSS3 semplificati con Compass
VOGLIO SAPERNE DI PIÙ

Docente

Giovanni

È l'ideatore e il responsabile di LABFORWEB.

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

Insegna HTML5, CSS3 e Responsive Web Design a LABFORWEB.

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 se vuoi saperne di più sul Corso Responsive Web Design e sulle modalità di iscrizione

  • Frequenza

  • Orario

  • Ho letto l'informativa sulla privacy e accetto le condizioni

I contatti LABFORWEB

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

  • © LABFORWEB srl | Nerd Academy
  • C.F. e P.IVA 11712501003
  • Via Francesco Saverio Solari, 16 - Roma (zona Portuense/Spallanzani)
  • Informativa cookie

Compila il modulo con i tuoi dati

Ti ricontatteremo per fissare un appuntamento in sede o in video chiamata, senza alcun impegno.

  • Ho letto l'informativa sulla privacy e accetto le condizioni
Chiudi il popup