Corso HTML5 e CSS3 Base Roma

Perché scegliere il nostro corso:

- Professionalità dei nostri docenti assicurata dagli anni di esperienza.
- Teoria e pratica insieme! Numerosi esempi, best practices ed esercitazioni che accompagneranno il corso.
- Possibilità di interagire sul nostro profilo Linkedin per chiarimenti ed approfondimenti riguardo gli aspetti trattati in aula.


L'HTML5 è l'ultima versione del più noto e diffuso linguaggio di mark-up, l'ultimo standard per il web. Questa evoluzione renderà più avanzato e promettente il campo di sviluppo software col risultato di applicazioni più performanti, portabili, in una parola, migliori. Queste applicazioni risulteranno infatti più potenti e nello stesso tempo leggere, accessibili ed interattive.
Il risultato sarà un inevitabile cambiamento di Internet, una rivoluzione copernicana ed uno storico aggiornamento rispetto al vecchio HTML. I vantaggi non ci saranno solo per gli sviluppatori, un utente non avrà più bisogno di plug-in come l'Adobe Flash per vedere un video poiché quest'ultimo sarà già integrato dentro la pagina. Queste ed altre novità renderanno inevitabile l'abbandono totale delle pagine statiche così come concepite dallo standard HTML e l'adeguazione alle nuove direttive dell'avanzato HTML5.

1- Storia ed evoluzione del linguaggio

2- HTML5
2.1 - Commenti dei "big"
2.2 - HTML5 inteso come insieme di tecnologie
2.3 - Obiettivo: migliorare, guerra ad adobe (flash/flex), network performance.
2.4 - Mobile apps: un metodo per lo sviluppo di app cross-platform
2.5 - Interoperabilità tra browser e accessibilità (funzioni "native" al posto di framework Javascript complessi)
2.6 - HTML5 feature areas

3- Principi di design
3.1 - Compatibilità
3.2 - Utilità
3.3 - Interoperabilità
3.4 - Accessibilità
3.5 - Plug-in gratuiti
3.6 - "Simple is better"
3.7 - Doctype semplificato
3.8 - Strumenti,verifiche e deploying
3.9 - Sicurezza (origin-based)
3.10 - Riferimenti (can I use html5? - Polyfill- Modernizr)

4- Semantic markup e forms
4.1 - Nuovi tag e tag rimossi (lupetti's cheat sheet)
4.2 -Esempio con e senza css (da approfondire)
4.3 - Cenni su google frame
4.4 - Forms
4.4.1 - No scripting for validation
4.4.2 - Elementi grafici avanzati
4.4.3 - Feature degrade
4.5 - Esempi

5- CSS3
5.1 - Introduzione: importanza dell'uso di css3 per il SEO
5.2 - Esempio ottimizzazione per seo
5.3 - Cenni su: border-radius, shadow, transformations, ecc.
5.4 - Vantaggi: riduzione del traffico,altro
5.5 - Web Fonts
5.6 - Browser support for CSS3 (caniuse.com)

6- Multimedia
6.1 Audio e video
6.2 - Video containers
6.3 - Audio e video codecs
6.4 - Supporto dei codec da parte dei browsers
6.5 - Controllo supporto formati da parte dei browsers
6.5 - Esempi

7- Graphics and 3D
7.1 - SVG e Canvas
7.2 - Esempi di Vector Graphics (SVG)
7.3 - SVG Emulation per browser obsoleti
7.4 - Canvas elements: caratteristiche principali, esempi

8- Device Access
8.1 - Geolocation
8.1.1 - Location Data
8.1.2 - Location Metadata
8.1.3 - Privacy
8.1.4 - Types of position requests
8.1.5 - Esempi
8.1.6 - Supporto Browsers
8.2 - Drag and Drop
8.3 - Speech Input
8.4 - Other devices (webcam, ecc.)

9- Performance
9.1 - Web Workers
9.2 - Optimization: tips and tricks
9.3 - Web Site Optimization

10- Offline e Storage
10.1 - Features
10.2 - Offline Web Applications
10.3 - Web Storage
10.4 - Db Storage

11- Connectivity
11.1 - Cross Document Messaging
11.2 - Cross Origin Http Request
11.3 - Example XHR2 Architecture
11.4 - Esempio: kaazing.me
11.5 - Web Socket


NB: il programma riportato è indicativo, ci sarà la possibilità per prenotazioni di gruppo o per le modalità di corsi "a tu per tu" e per le aziende, di personalizzarlo e customizzarlo secondo le proprie esigenze.

Metodo/luogo:
In aula, presso i nostri locali o presso la sede del Cliente.

Materiale fornito:
Ad inizio corso verrà rilasciata copia delle slide che accompagneranno l'intera lezione.