Corso Responsive Web Design + CSS SASS

Icona del Corso Responsive Web Design + CSS SASS a Roma firmato LABFORTRAINING

Inizio: 8 gennaio 2019 a Roma
Durata: 30 ore
Orario: mattutino 9.30/13.30
Prerequisiti: HTML5 e CSS3 base

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 dei CSS3.
  • Migliorare la perfomance del tuoi fogli di stile grazie a SASS.
  • Realizzare fogli di stile più potenti e allo stesso tempo più snelli.
  • Utilizzare variabili all'interno dei tuoi fogli di stile.
  • Stfurttare le potenzialità della libreria Bootstrap variabili all'interno dei tuoi fogli di stile.
  • Creare funzioni e organizzare un foglio di stile in più file.

Il corso in pillole

Con il Responsive Web Design è possibile realizzare siti web perfettamente visibili e utilizzabili con qualsiasi risoluzione: dalle web TV da 70 pollici agli smartphone da 3.5.
Con il Corso Responsive Web Design + CSS SASS imparerai le nozioni fondamentali per realizzare pagine web perfettamente visibili sia su desktop che su mobile.
Imparerai, inoltre, a sfruttare le potenzialità della libreria Bootstrap e di SASS, un preprocessore che renderà i tuoi fogli di stile più performanti.

È 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 29 gennaio 2019, tutti i martedì e venerdì in orario mattutino 9.30/13.30.

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 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.
  • 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

Il Corso Responsive Web Design + CSS SASS ha un costo di 450 euro + iva.

Iscrizione

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

Per l'iscrizione ti chiediamo di passare qui a scuola.
Puoi raggiungerci in via Pasquale Revoltella, 85 a Roma. Siamo aperti dal lunedì al venerdì dalle 9.30 alle 18.30.

Non puoi venire a scuola per iscriverti?
Nessun problema. Ti invieremo la scheda da compilare via mail, e potrai versare l'acconto tramite Bonifico Bancario.

Pagamento a rate

Puoi rateizzare il costo del Corso Responsive Web Design + CSS SASS da 6 a 12 rate mensili, per mezzo della società finanziaria Consel Spa.

Per tutte le info sul finanziamento 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. Grazie.

VOGLIO ISCRIVERMI

Programma del corso Responsive Web Design + CSS SASS

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

La libreria Bootstrap

  • Bootstrap: il framework CSS/JS
  • Differenze tra bootstrap 3 e bootstrap 4
  • Responsive bootstrap
  • Bootstrap per il mobile
  • Elementi di bootstrap
    • CSS di base e avanzato
    • Componenti JS (Accordion, Tabs, Tooltips, Popover, Carousel...)
  • Personalizzazione di bootstrap
  • Temi
  • Componenti aggiuntivi di terze parti

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 ISCRIVERMI

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.

Non puoi seguire i corsi in aula?

Vivi fuori Roma o lavori quando c'è lezione?

Con LABFORTRAINING on demand, puoi seguire i corsi quando e dove vuoi.

Contattaci per saperne di più

Scrivici per ricevere maggiori informazioni sul Corso Responsive Web Design + SASS 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.