MS 20480 - Programming in HTML5 with JavaScript and CSS3

DESCRIZIONE:

Questo corso fornisce una introduzione a HTML5, CSS3 e JavaScript. Gli allievi vengono aiutati ad acquisire competenze di programmazione in ambito HTML5/CSS3/JavaScript. Questo corso rappresenta un punto di partenza per chi intende affrontare il percorso formativo per la realizzazione di applicazioni web oppure per la realizzazione di app Windows Store.
Il corso si focalizza sulla logica di programmazione, sulla definizione ed utilizzo di variabili, sull’utilizzo di loop, sulla creazione dell’interfaccia utente, sulla acquisizione e validazione dell’input utente e sulla creazione di applicazioni strutturate.
In questo corso viene utilizzato Visual Studio 2012 in ambiente Windows 8.
Questo corso è propedeutico alla preparazione dell’esame di certificazione Microsoft 70-480 Programming in HTML5 with JavaScript and CSS3

OBIETTIVI:

Al termine del corso gli allievi saranno in grado di:

• spiegare come utilizzare Visual Studio 2012 per creare una applicazione web;
• descrivere le nuove caratteristiche di HTML5;
• creare e configurare pagine HTML5;
• aggiungere interattività a una pagina HTML5 tramite JavaScript;
• creare form HTML5, gestendo e validando l’input dell’utente;
• inviare e ricevere dati da una fonte dati remota utilizzando oggetti XMLHTTPRequest e operazioni jQuery AJAX;
• configurare pagine HTML5 tramite CSS3;
• creare codice JavaScript ben strutturato e facilmente manutenibile;
• utilizzare API HTML5;
• creare applicazioni web che supportano operazioni offline;
• creare pagine HTML5 che si adattano a diversi device;
• aggiungere grafica avanzata alle pagine HTML5 utilizzando elementi Canvas e immagini vettoriali scalabili;
• aggiungere animazione alle pagine HTML5;
• utilizzare Web Socket per scambiare dati tra una applicazione web e un server.

PROGRAMMA:

Overview of HTML and CSS

• Overview of HTML
• Overview of CSS
• Creating a Web Application by Using Visual Studio 2012

Creating and Styling HTML5 Pages

• Creating an HTML5 Page
• Styling an HTML5 Page

Introduction to JavaScript

• Overview of JavaScript Syntax
• Programming the HTML DOM with JavaScript
• Introduction to jQuery

Creating Forms to Collect Data and Validate User Input

• Overview of Forms and Input Types
• Validating User Input by Using HTML5 Attributes
• Validating User Input by Using JavaScript

Communicating with a Remote Data Source

• Sending and Receiving Data by Using XML HTTP Request
• Sending and Receiving Data by Using jQuery AJAX operations

Styling HTML5 by Using CSS3

• Styling Text
• Styling Block Elements
• CSS3 Selectors
• Enhancing Graphical Effects by Using CSS3

Creating Objects and Methods by Using JavaScript

• Writing Well-Structured JavaScript
• Creating Custom Objects
• Extending Objects

Creating Interactive Pages using HTML5 APIs

• Interacting with Files
• Incorporating Multimedia
• Reacting to Browser Location and Context
• Debugging and Profiling a Web Application

Adding Offline Support to Web Applications

• Reading and Writing Data Locally
• Adding Offline Support by Using the Application Cache

Implementing an Adaptive User Interface

• Supporting Multiple Form Factors
• Creating an Adaptive User Interface

Creating Advanced Graphics

• Creating Interactive Graphics by Using Scalable Vector Graphics
• Programmatically Drawing Graphics by Using a Canvas

Animating the User Interface

• Applying CSS Transitions
• Transforming Elements
• Applying CSS Key-frame Animations

Implementing Real-Time Communications by Using Web Sockets

• Introduction to Web Sockets
• Sending and Receiving Data by Using Web Sockets

Creating a Web Worker Process

• Introduction to Web Workers
• Performing Asynchronous Processing by Using a Web Worker

ESERCITAZIONI E SUPERAMENTO:

All’interno di ogni modulo vi sono dei momenti di autovalutazione non vincolati che consentono all’utente di interagire con l’animazione verificando l’apprendimento dei concetti presentati. Il corso viene considerato concluso una volta fruiti tutti i contenuti.

DESTINATARI:

Programmatori interessati allo sviluppo di applicazioni HTML5 con JavaScript e CSS3.

PREREQUISITI:

Per partecipare con profitto a questo corso è necessario che gli allievi possiedano i seguenti prerequisiti:

• conoscenza di base di HTML;
• conoscenza di come configurare i principali elementi HTML tramite CSS.

ATTESTATO:

Attestato di frequenza

Corsi su richiesta modalità interaziendale e/o personalizzata