Corso Web Design

Banner promozionale del corso Web Design a Roma, firmato LABFORTRAINING

Inizio: 30 ottobre 2018 a Roma
Durata: 270 ore
Orario: mattutino 9.30-13.30
Prerequisiti: nessuno

Ecco alcune delle cose strepitose che potrai fare con il corso Web Design:
  • Progettare Layout grafici per siti e applicazioni web.
  • Comprendere i metodi e le best practice per layout a prova di user experience.
  • Creare siti web con qualsiasi tipo di interfaccia grafica.
  • Comprendere e scrivere il codice che è dietro i siti web, senza dover dipendere da alcun software o editor specifico.
  • Creare siti web perfettamente usabili con PC, tablet e smartphone.
  • Realizzare effetti di animazione per il web utilizzando jQuery e i fogli di stile CSS3.
  • Realizzare siti con WordPress.

Il corso in pillole

Il Corso Web Design è pensato per formare web designer professionisti che abbiano tutte le carte in regola per entrare nel mondo del lavoro.

Il Corso Web Design è un percorso diviso in moduli progressivi che, a partire dalle basi, ti insegnerà a comprendere e a scrivere il codice che è dietro i siti web, senza dover dipendere da alcun CMS o software in particolare.

Imparare a scrivere il codice sorgente delle pagine web ti permetterà di inserirti in qualsiasi realtà lavorativa.
Potrai infatti lavorare sia in una startup che in una web agency già consolidata.
E se ti senti un'anima libera, potrai scegliere di lavorare come freelance, sapendo di poter contare su un bagaglio di conoscenze molto ampio.

Queste le materie che affronterai durante il tuo percorso di studi:

  • HTML5 e CSS3
    Il web ha inizio da qui. O, come ama definirlo il nostro docente John Doe: «Il corso HTML5 e CSS3 è la scuola elementare del web».
  • Photoshop e Illustrator per il web
    Per imparare a ideare e realizzare i layout grafici dei tuoi siti web.
  • UI/UX Design
    La "progettazione" è il primo passo da fare per realizzare un sito web di qualità.
  • Javascript e jQuery
    Per migliorare la User Experience degli utenti e per arricchire i siti web con animazioni grafiche.
  • HTML5 e CSS3 avanzato
    Per scoprire le ultime novità del linguaggio HTML5 e dei CSS3.
  • Responsive Web Design + CSS SASS
    Tutto quello che c'è da sapere per rendere i siti web mobile friendly.
  • PHP
    In questo modulo imparerai le basi del linguaggio di programmazione più utilizzato sul web.
  • Green Sock
    Un nuovissimo e potentissimo tool che ti permetterà di realizzare animazioni super! (Guarda alcuni esempi)
  • WordPress
    Imparerai a mettere su un sito web sfruttando le potenzialità del CMS più usato al mondo.
IL PROGRAMMA DEL CORSO

Al termine dei moduli principali del corso affronterai delle prove pratiche che consentiranno ai docenti di valutare il tuo grado di preparazione.

Alla fine del Corso Web Design sarai in grado di progettare e realizzare ogni tipo di interfaccia grafica per il web, perfettamente usabile da PC, Tablet e Smartphone.

Sarai inoltre in grado di realizzare un sito dinamico, grazie al linguaggio PHP e a WordPress.

È il corso che fa per te?

Sì, se vuoi diventare un web designer che non deve dipendere esclusivamente da WordPress o da altri CMS.
E sì, se vuoi imparare in maniera approfondita i linguaggi web, per non avere limiti nella progettazione e realizzazione dei tuoi siti web.

Quando

Dal 30 ottobre 2018 al 15 giugno 2019, tutti i martedì e venerdì, per una durata di 270 ore di teoria e pratica, in orario mattutino 9.30/13.30.

Dove

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

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ù

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 e l'attestato di merito con valutazione finale.
  • 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 è diviso in 10 moduli formativi, per un costo di 3.100 euro + iva.

Queste le offerte per te:

  • Early bird: se ti iscrivi entro il 10 agosto risparmi 400 euro + iva:
    Corso Web Design a 2.700 euro + iva.

  • Early bird last minute: se ti iscrivi entro il 5 ottobre risparmi 200 euro + iva:
    Corso Web Design a 2.900 euro + iva.

Iscrizione

Per iscriverti al Corso Web Design dovrai compilare la scheda di iscrizione e versare una quota di 300 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 Web Design da 6 a 18 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 e rateizzazione, compila il modulo e ti risponderemo il prima possibile. Grazie.

VOGLIO ISCRIVERMI

Programma del Corso Web Design

  • HTML5 e CSS3 36 ore


    • Il linguaggio HTML
    • Introduzione al linguaggio HTML
    • Sintassi di base
    • Concetto di tag, attributo e valore
    • Problemi di compatibilità tra browser
    • HTML e l'accessibilità delle pagine web
    • La formattazione del documento web - i paragrafi e la titolazione
    • Gli elenchi puntati e numerati
    • I collegamenti ipertestuali
    • Inserire immagini in un documento web
    • I formati grafici per il web
    • La realizzazione delle tabelle
    • Il Tag IFRAME per incorporare contenuti web esterni al proprio sito (Youtube, Google Maps, Vimeo, Facebook, etc.)
    • Risorse utili e casi pratici

    • HTML5 semantico
    • Introduzione all'HTML5 e differenze con HTML4.01
    • la sintassi HTML5
    • Il supporto dei browser
    • Fallback e Polyfill per gestire retrocompatibilità dei browser
    • I nuovi TAG e gli attributi introdotti in HTML5
    • Elementi Header e Footer
    • Elementi Section e Article
    • La navigazione semantica con l'elemento Nav
    • Elementi Aside e Figure
    • Integrare Facebook all’interno del proprio sito Web
    • Open Graph Protocol
    • Risorse utili e casi pratici

    • Le form e la multimedialità con HTML5
    • Creazione dei Form (moduli)
    • Analisi ed utilizzo dei campi form HTML
    • Le novità introdotte per le form in HTML5
    • I tag AUDIO e VIDEO e i loro attributi
    • I formati audio e video supportati
    • Progettare video per tutti i device
    • Risorse utili e casi pratici

    • I fogli di stile CSS
    • Introduzione ai fogli di stile CSS
    • Separare lo stile dai contenuti
    • Le regole della sintassi CSS
    • Differenti tipologie di fogli di stile: fogli di stile in linea, incorporati, esterni, importati
    • Analisi degli stili principali: gli stili del testo, gli stili per lo sfondo
    • Utilizzare le Classi e le pseudoclassi CSS
    • ID univoco
    • Caso pratico: realizzazione di una barra di navigazione complessa
    • Le immagini in Background
    • Il box Model CSS tradizionale
    • Tre proprietà speciali: display, float e clear
    • Il Layout Fisso
    • Il Layout Fluido o Liquido a due e tre colonne
    • Il Layout elastico per adattare il proprio sito a differenti risoluzioni e dimensioni del monitor
    • Impostare un CSS Reset
    • I fogli di Stile CSS e Internet Explorer
    • I commenti condizionali: riconoscere la versione di Explorer utilizzata

    • Le novità dei CSS3
    • La sintassi CSS3 proprietaria dei browser
    • La proprietà @font-face
    • I nuovi formati per i font: Woff e Woff2, SVG
    • Utilizzare i colori rgba e la proprietà opacity
    • La proprietà box-sizing
    • Arrotondare i bordi dei box
    • Le proprietà CSS3 per ombreggiare Box e Testi
    • Le nuove pseudoclassi introdotte dai CSS3
    • Risorse utili e casi pratici
  • Photoshop per il web 28 ore


    • Gli strumenti di Photoshop
    • L'interfaccia e l'area di lavoro
    • Creazione di nuovi documenti nei diversi formati per la stampa e il web
    • Studio della risoluzione per stampa, fotografia e web
    • Dimensione e ricampionamento immagini
    • I formati di esportazione (jpg, png, gif, tiff, pdf, psd)
    • Cenni sulla teoria dei colori: principali differenze tra metodo rgb e cmyk
    • Regolazione delle immagini attraverso l'uso di istogrammi e le curve
    • I livelli
    • Strumenti di selezione e di scontorno
    • Tecniche di selezione perfetta, creazione delle maschere e rifinitura dei bordi
    • Uso di Correzione colore
    • Strumenti di fotoritocco ed editing di immagini
    • Strumenti di testo
    • Livello regolazione bianco e nero
    • Livello regolazione bianco e nero su metodo di fusione luminosità
    • Livello di regolazione tonalità / saturazione / luminosità
    • Livello di regolazione Soglia
    • Filtro, polvere e graffi
    • Sfocatura
    • Maschera di Contrasto
    • Strumento righello e ritaglio in prospettiva
    • Automatizza > Photomerge
    • Oggetto avanzato vettoriale e interazione tra Photoshop e Illustrator
    • Creazione di un pennello e impostazioni pennelli
    • Opzioni dei pennelli (dinamica forme e colori, ci torneremo sabato)
    • Creazione di un pattern con effetto di continuità (filtro > altro > sposta)
    • Metodo di colorazione digitale e metodi di fusione dei livelli
    • Effettistica e Color Correction:
      • Lavorare in modo non distruttivo sulle immagini
      • Nozioni di tipografia e composizioni tipografiche per web
    • Introduzione alle campagne digitali, come portare una grafica su un formato diverso mantenendo coerenza tra le linee guida

    • Esercitazioni pratiche
    • Colorazione di un personaggio illustrato per studiare i metodi di colorazione digitale e i metodi di fusione
    • Creazione di interfacce, studio dei componenti delle interfacce web e degli elementi di navigazione
    • Creazione di una Gif Animata, uso della timeline di Photoshop, esportazione in GIF per web
    • Creazione di un banner statico in gif o png e declinazione su vari formati
    • Come realizzare un fotomontaggio di una foto e come inserirla in un banner pubblicitario
  • Illustrator per il web 28 ore


    • Gli strumenti di Illustrator
    • Interfaccia e strumentazione
    • Creazione di un nuovo documento
    • Le maschere
    • Gli strumenti di taglio
    • Lo strumento crea forme
    • Elaborazione Tracciati
    • Interazione delle forme tra loro
    • Strumento testo e composizioni tipografiche
    • Live trace
    • Colori, ruota colori di Illustrator, accostamento preset di Illustrator, Strumento Ricolora Grafica
    • Sfumatura e gestione sfumatura
    • Creare un documento multipagina
    • Selezioni (freccia nera, freccia bianca)
    • Forme (come fare forme perfette) e strumenti di taglio
    • Le curve di Bezier, gestione delle curve
    • Lo strumento matita e disegnare con la tavoletta grafica
    • Creare una forma da una traccia
    • Colori e campioni
    • I livelli
    • Cenni di teoria della composizione, basic design, classificazione delle immagini

    • Esercitazioni pratiche
    • Esercitazione sulle curve del logo Coca Cola con le curve di Bezier
    • Creazione di diverse Illustrazioni con forme geometriche basiche
    • Creazione di una businesscard e di elementi grafici
    • Creazione di un banner pubblicitario e declinazione su vari formati
    • Creazione di elementi grafici web e di user interface, creazione del layout di un'app
  • UI/UX design28 ore


    • Ricerca e Analisi del progetto
    • Individuazione del briefing e del problema da risolvere

    • Concept
    • Generare idee e validarle. Ovvero, come risolvere il problema e come organizzare la struttura dell'applicativo
    • Architettura delle informazioni - IA
    • Tree test per validazione Architettura Informazioni
    • Analisi funzionale basica
    • Concetto di UCD (user centered design process)
    • Eventuale Card sort e lavoro con penna e matita per un brainstorming
    • Prime bozze / idee realizzate su carta

    • Design
    • Rendere reale il concept ideato
    • Studio e definizione dei componenti Web
    • Studio e posizionamento dei contenuti e dei componenti all'interno dell'applicativo
    • Censimento dei componenti web esistenti, approfondendone le caratteristiche, le dimensioni, l'aspetto e la funzionalità
    • Google Material
    • Bbc Gel Styleguide
    • Creazione di un Wireframe per approvazione di un applicativo
    • Concetto di User Interface - UI
    • Comunicazione Visuale dell'applicativo
    • Colori
    • Creazione di un'interfaccia grafica pixel perfect, personalizzazione del wireframe approvato
    • Responsività e concetto di risoluzione relativa alla proporzione rispetto alla viewport
    • Typography
    • Gerarchia degli elementi grafici
    • Accessibilità tenendo conto dei font e colori per persone disabili. Simulazioni on line

    • Testing
    • Usabilità e Accessibilità
    • SPLIT TEST + AB test + PREFERENCE TEST
    • Concetto di testing sull'utente finale. Come migliorare l'applicativo tramite feedback
    • Simulazione della consegna dell'interfaccia dell'applicativo ad un ipotetico reparto di sviluppo web
    • Software per la fase di Design:
      • Adobe Illustrator, Adobe Photoshop. Eventuale valutare XD e Sketch.
    • Formato finale: Interfaccia pixel perfect in formato immagine + file sorgente + PDF per mostrare il lavoro al cliente

    • Digital Styleguide e consegna
    • Creazione di una guida di stile multipagina per l'applicativo realizzato, dove viene illustrato il layout dell'applicativo e ogni singolo componente utilizzato
    • Creazione di un layout grafico per impaginare la guida
    • Redazione di un indice dei contenuti e illustrazione dei singoli componenti utilizzati all'interno della guida
    • Coerenza di linguaggio sia testuale che visivo
    • Simulazione della consegna del manuale digital ad un ipotetico reparto di sviluppo web
  • Javascript e jQuery 34 ore


    • Il linguaggio Javascript e il DOM
    • Introduzione a Javascript
    • Sintassi di base: variabili, tipi, i costrutti if, for, while, operatori, funzioni
    • Oggetti principali del browser gestiti tramite javascript: window, document, location, history
    • Il DOM (Document Object Model): elementi, attributi, nodi testuali
    • Funzioni per l'interazione con il DOM: document.getElementById, document.getElementsByClassName, document.getElmentsByTagName, l'oggetto classList
    • Manipolare gli stili CSS e il contenuto degli elementi con Javascript e DOM: le proprietà style, innerHTML
    • Case studies

    • Le librerie jQuery
    • Introduzione alle librerie jQuery
    • Inglobare in una pagina web le librerie jQuery
    • L'operatore $ e la sintassi di base jQuery: selettori, attributi, classi e metodi base
    • Le funzioni html(), text(), css()
    • Manipolazione degli elementi della pagina e dei CSS: le funzioni append() e appendTo()
    • Effetti e Animazioni: spostare e animare gli oggetti della pagina
    • Le funzioni hide(), show(), fadeIn(), fadeOut(), animate()
    • Realizzare siti web "one page" con effetti di menu a scorrimento
    • I plugin jQuery per realizzare effetti d'animazione
      • LightBox, Colorbox, FancyBox, JCarousel: realizzare slider, sfogliare immagini, effetti di dissolvenza, photo gallery
      • Effetto "parallax"
      • Realizzare "social wall" responsive con la libreria Masonry

    • Le librerie jQuery UI
    • Datepicker
    • Accordion
    • Tabs
  • HTML5/CSS3 avanzato24 ore


    • Gestione avanzata di Audio e Video con HTML5
    • Le funzionalità avanzate
    • Realizzare video HTML5 elastici
    • Le API per 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
    • Realizzare effetti Off-Canvas e Parallax con le pseudoclassi CSS3
    • Nuove potenzialità delle proprietà CSS display e position - inline-block e sticky
    • Selettori degli elementi adiacenti e degli elementi fratelli - casi pratici
    • 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
    • L'attributo HTML media: realizzare stili differenti per differenti media
    • Stili per lo schermo, per la stampante, per dispositivi vocali etc.
    • Le Media Queries CSS3: progettare contenuti per ogni device
    • Le principali Breakpoint Resolution
    • Creare layout che si trasformano da multicolonne a monocolonna
    • Risorse utili e casi pratici
  • Responsive Web Design + CSS SASS26 ore


    • Il Responsive Web Design
    • I principali browser per dispositivi mobili (Safari, Mozilla Firefox, Google 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 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
  • PHP e MySQL base 12 ore


    • Panoramica sul PHP
    • Panoramica su MAMP, l'ambiente di sviluppo per il codice PHP
    • Sintassi di base
    • Come scrivere e usare le variabili PHP
    • Concatenazione di stringhe: l'uso del punto (.)
    • La struttura condizionale IF - ELSE

    • Intercettare i dati da un modulo
    • Il metodo $_Post per catturare i dati di una form

    • Inviare una mail da un sito web o da una landing page
    • Collegare il modulo di una pagina contatti.html a una pagina page.php
    • Usare il codice PHP per catturare i dati inseriti nel modulo
    • Realizzare il testo di una mail personalizzata, utilizzando i dati ricevuti dal modulo
    • Inviare una mail al destinatario (al proprietario del sito)
    • Inviare una mail di conferma (o di ringraziamento) al mittente

    • Il database MySQL
    • Tabelle e dati
    • Panoramica sul linguaggio SQL
    • Interrogare il database MySQL: le query
  • WordPress 30 ore


    • Introduzione a WordPress
    • Cos'è e come funziona WordPress
    • Installazione e configurazione
    • I temi di WordPress e la loro organizzazione gerarchica
    • La struttura di base di un tema di WordPress
    • Le cartelle di base, la cartella wp-content e le sue sottocartelle Themes e Plugins
    • I file indispensabili (style.css, index.php)
    • Il Pannello di Amministrazione

    • Creare un blog con WordPress
    • Installazione di un tema di base (free o premium) e modifica automatizzata dei parametri (font, colori, immagini)
    • Inserimento e Modifica di Articoli (Post)
    • Inserimento e Modifica di Pagine e Menu
    • Estendere le funzionalità di base di WordPress con i componenti già disponibili nel tema (Widgets)
      • Il box di ricerca
      • L'elenco delle categorie degli articoli
      • Il calendario con gli articoli mensili
      • La photo gallery

    • I plugin di WordPress
    • Cosa sono i plugin
    • I plugin già installati nel tema di WordPress
    • Aggiungere nuovi plugin
      • Il plugin Yoast per la SEO
      • Il plugin Fancybox per creare Photo Gallery e Slide Show
      • Il plugin WPML per i contenuti multilingua

    • Personalizzare un tema di WordPress
    • Modicare le regole css del foglio di stile del tema di WordPress (style.css)
    • Realizzare un tema child custom con la ridefinizione (o realizzazione ex novo) del foglio di stile e degli elementi strutturali del tema (header, footer, sidebar)
    • Aggiungere funzionalità javascript/jQuery custom

    • WordPress: la struttura di un tema
    • La struttura di un tema, file e cartelle
    • Analisi dei file principali: index.php, style.css, functions.php
    • Analisi degli altri file: header.php, footer.php, single.php...
    • Theme Customizer: che cos’è e da dove si gestisce

    • Sviluppo di un tema da zero
    • Ideazione e sviluppo di un layout di base
    • L’inizio di tutto: nuova cartella e style.css
    • Il file index.php e functions.php
    • Funzioni di base: thumbnail, screen size, supporto ai tipi di post...
    • Stili, script e librerie: wp_enqueue_script() e wp_enqueue_style()
    • Stili di base (reset, etc)
    • Integriamo la base con header e footer  (get_header() e get_footer())
    • Le posizioni menu: come crearle
    • I menu: richiamarli nel front-end con wp_nav_menu()

    • Il loop
    • Cos’è il loop e come si gestisce
    • Il loop dentro index.php
    • Visualizzazione dei contenuti: the_title(), the_content(), the_excerpt()...

    • Post e pagine
    • Creazione di single.php e di page.php
    • Visualizzazione dei contenuti

    • Archivi
    • Creazione di category.php e tag.php
    • Il loop negli archivi
    • Altri archivi: author.php, etc...

    • Sidebar
    • Cosa sono le posizioni sidebar e come funzionano
    • Creazione di posizioni sidebar con register_sidebar()
    • Richiamare le sidebar nel frontend, dynamic_sidebar()

    • Studio avanzato del loop
    • WP_Query() e le sue potenzialità
    • Custom loop in pagine o post singoli

    • Theme Customizer
    • Informazioni strutturali e creazione di customizer.php
    • Aggiunta sezioni e impostazioni
    • Come ricavare le impostazioni inserite con get_theme_mod()
    • Esempi ed esercitazioni

    • Finalizzazione e testing
    • È tutto ok? Ce lo dice il WordPress Theme Check Plugin
    • Validazione markup con il w3c Validator
  • Green Sock 24 ore


    • Le basi delle animazioni con Green Sock
    • Caricamento degli script
    • Il metodo TweenLite.to()
    • Interpolazione di più proprietà
    • Andamento delle interpolazioni

    • Creare una animazione semplice
    • Il metodo TweenLite.from()
    • Animazione 2D
      • Transforms
      • Scale
      • Rotation

    • Creazione di uno slider immagine
    • Funzioni $ (documento) .ready() e .click() di jQuery
    • Attivare una animazione con l'oggetto Button

    • Controllare una Animazione
    • Introduzione alla proprietà speciale transformOrigin
    • Controllare la direzione di rotazione
    • I metodi play() e reverse()

    • Metodi di interpolazione e callbacks
    • Recupero e impostazione dei valori correlati alle interpolazioni
    • Callback di eventi
    • Il timeScale() di una animazione

    • TweenMax
    • Introduzione a TweenMax
      • Repeat
      • RepeatDelay
      • Yoyo
    • Gli eventi onStart, onRepeat e onComplete

    • TimelineLite
    • Animazioni sequenziali con TimelineLite
    • Regolazione del tempo con il parametro di posizione
    • Utilizzo di etichette in una linea temporale
    • Modificare l'andamento di una animazione con Config()
    • Creazione di una progress bar animata

    • Controllare la linea temporale
    • Aggiungere i pulsanti Play e Pause
    • Aggiungere i pulsanti Reverse, Resume e Restart
    • Analisi dei principali plugin di Green Sock
    • Esempio pratico: creazione di un banner animato
    • Esempio pratico: creazione di un cielo stellato
      • Posizionare le stelle
      • Utilizzo di Math.Random() per migliorare l'animazione
      • Utilizzo di jQuery each()
VOGLIO ISCRIVERMI

Docenti

  • 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.
    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.
    Viaggia a una media di 1.000 ore di lezione all'anno ed è sempre il primo a portare in aula le novità del Web.

  • John Doe

    È l'ideatore di LABFORTRAINING insieme a Giovanni Giannasca ed è anche lo sviluppatore del sito della scuola.
    Lavora nell'ombra e preferisce mantenere nascosta la sua identità, perché gira voce che sia una rock star.
    È il responsabile dell'area web di LABFORWEB e produce infinite righe di codice ogni giorno, ma tra un lavoro e l'altro si aggira nelle aule di LABFORTRAINING dove dispensa i suoi consigli in web design e web development.

  • Enrico Tanno

    Insegna Graphic Design, User Experience, Photoshop e Illustrator a LABFORTRAINING.
    È Co-Fondatore e Art Director dell'agenzia di comunicazione digitale Digital Bathroom, agenzia nata a Londra nel 2007, specializzata in prodotti e campagne digitali, illustrazione, graphic design, user experience e user interface. È  fondatore inoltre della webzine Laundry Mag, progetto editoriale dedicato al mondo della comunicazione visiva.
    Nato come illustratore autodidatta, si specializza allo IED in arti visive. Collabora con marchi celebri, tra cui Adidas, Ferrari, Converse, e ottiene riconoscimenti e pubblicazioni di livello internazionale. Tra i vari awards ottenuti, il driver per la nascita dell'agenzia DigitalBathroom è stata la pubblicazione all'interno del celebre Annual di Creative Review UK, con un video di motion poetry ispirato ad una poesia di Charles Bukwoski, "The Genius of the Crowd", realizzato con la tecnica del rotoscope.

  • Ivano Di Gese

    Insegna Mobile e Web Development a LABFORTRAINING.
    iOS, XCode, Objective-C, Swift, Cocoa framework, Phonegap e IONIC sono i suoi ambienti di sviluppo mobile.
    Nei linguaggi per il web è esperto di PHP/MySQL, PHP5, Wordpress, Bootstrap, CSS Sass e dello stack MEAN (MongoDB, Express, Angular e Node).
    Si è laureato in Tecnologie Informatiche all'Università degli Studi di Roma "La Sapienza" con una tesi sulla georeferenziazione di punti d'interesse e sul Mashup di web API come Google Maps API, Panoramio API e Flickr API.
    Dopo la laurea si è occupato di diversi progetti web e di sviluppo di applicazioni iPhone e iPad, di streaming multimediale, di ottimizzazione di database, di spider dei motori di ricerca e di semantica web.

  • Giovanni Biasi

    Insegna WordPress e HTML Email a LABFORTRAINING.
    Nativo digitale in tempi non sospetti, pare che abbia scritto il primo racconto a quattro anni sul 386 del padre. Da "grande" non si smentisce e comincia a scrivere di tecnologia. Tutto inizia nel 2009, quando inizia a collaborare come copywriter freelance per EveryEye.it, TheAppleLounge.com e altre testate.
    Nel 2014 cede al lato oscuro del web design e del web development per avere il controllo sui siti in cui fa cose con le parole. Da allora parentesi graffe, cicli foreach, script e stili CSS per lui non hanno più segreti.

  • Alessio Ferrucci

    Insegna PHP a LABFORTRAINING.
    Laureato in Fisica alla Sapienza di Roma, si è poi specializzato in HTML 4 e 5, CSS 2 e 3 e Javascript allo IED Istituto Europeo di Design.
    Libero professionista, ha iniziato la sua carriera nel 2001 con Telecom Italia, prima come assistente tecnico ai Servizi internet, poi come tecnico di regia e monitoring fino al 2008.
    Dal 2009 ha collaborato con diverse aziende, tra cui la società di comunicazione Glazà multimedia in cui si è occupato di programmazione e web design.
    Dal 2009 al 2013 è stato responsabile dell’area web di GBS Elettronica, società in cui ha avuto modo di sviluppare diversi progetti in PHP, da siti aziendali a eCommerce.

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 Web Design 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.