JavaScript and HTML5: Develop Web Applications (102102)

Questo corso è rivolto a:

• Sviluppatori
• Implementer
• Manager

A fine corso i partecipanti saranno in grado di:

• Codificare la logica dell'applicazione mediante JavaScript per controllare le interazioni dell'utente e visualizzare i dati
• Creare applicazioni con moduli HTML5 per inviare dati ai servizi
• Eseguire il debug e ispezionare le applicazioni e gli stili Web utilizzando gli strumenti del browser
• Creare modelli e standard di progettazione utilizzando CSS e JavaScript che si adattano a diversi dispositivi, inclusi i dispositivi mobili, con Media Query e Responsive Design
• Leggere e convalidare i dati dai moduli HTML5 utilizzando JavaScript
• Analizzare, modificare e convalidare i dati utilizzando l'API Javascript
• Aggiungere interattività nei moduli HTML5 utilizzando eventi e modifica DOM
• Archiviare e inviare i dati degli oggetti JavaScript ai servizi, all'archiviazione locale o attraverso pagine diverse ed elementi HTML5 utilizzando la notazione degli oggetti JavaScript
• Disegnare su tela HTML5 utilizzando JavaScript
• Archiviare i dati utente in applicazioni Web utilizzando l'archiviazione locale HTML5
• Creare codice JavaScript per recuperare e visualizzare dati dinamici dai servizi REST utilizzando AJAX
• Creare codice JavaScript per interagire con WebSocket per la comunicazione in tempo reale
• Creare codice jQuery per animare elementi, gestire DOM, eventi o risposte AJAX

Vantaggi:

Questo corso preparerà qualsiasi sviluppatore web con sufficienti conoscenze JavaScript, HTML5 e CSS3 per costruire siti complessi e moderni e per coloro che desiderano sviluppare applicazioni Web front-end Java EE.

Modulo 1: Introduzione

• Gli obiettivi del corso
• Impostazione dell'ambiente

Modulo 2: Elementi essenziali dell'applicazione Web

• Creazione di applicazioni HTML5 in NetBeans
• Eseguire pagine HTML e analizzarle utilizzando gli strumenti di sviluppo del browser
• Separare i contenuti CSS e JavaScript dalle pagine HTML
• Esecuzione di applicazioni HTML5 in NetBeans
• Esercitazione: creazione di applicazioni Web HTML5 con NetBeans 8
• Esercitazione: separazione delle risorse JavaScript e CSS

Modulo 3: Fondamenti di JavaScript

• Scrivere codice JavaScript per dichiarare variabili, oggetti, funzioni e matrici
• Scrivere array JavaScript per archiviare dati
• Definizione di oggetti JavaScript come archivio valori-chiave
• Accesso alle proprietà di un oggetto
• Esercitazione: scrivere codice JavaScript per superare i test in Jasmine

Modulo 4: Combinazione di HTML5 e JavaScript in applicazioni Web

• Creazione di documenti HTML5
• Creazione di moduli HTML5 per richiedere informazioni ed elaborarle
• Convalida dell'input del modulo HTML5
• Scrittura di funzioni JavaScript per eventi HTML5
• Manipolazione di elementi HTML5 tramite DOM
• Esercitazione: scrivere codice JavaScript per modificare gli elementi del documento

Modulo 5: L'API JavaScript

• Convalida dell'input dell'utente con JavaScript e le espressioni regolari
• Gestione di più valori con raccolte JavaScript
• Manipolazione delle date con l'API JavaScript Date
• Esercitazione: creazione di un'applicazione per la suddivisione dei pasti
• Esercitazione: calcolo del totale in base all'età

Modulo 6: Dati dell'applicazione Web

• Conversione di oggetti in stringhe JSON
• Analisi delle stringhe JSON in oggetti JavaScript
• Archiviazione di oggetti utilizzando l'API JSON, i cookie e l'archiviazione locale
• Esercitazione: salvataggio dell'input dell'utente tramite JSON e archiviazione locale
• Esercitazione: ripristino dei dati salvati durante il caricamento della pagina

Modulo 7: Applicazioni di stile che utilizzano CSS3 e JavaScript

• Applicazione di stili CSS a documenti HTML
• Utilizzo delle funzionalità CSS3 per aggiungere stili dinamici agli elementi con eventi
• Utilizzo di Media Query e dati multimediali per adattarsi a schermate diverse
• Utilizzo di JavaScript per aggiungere e rimuovere stili dagli elementi
• Esercitazione: scrivere regole CSS per dare stile agli elementi nel documento

Modulo 8: JavaScript avanzato

• Definizione delle funzioni
• Creazione di chiusure e spiegazione dell'ambito variabile
• Scrivere JavaScript funziona come moduli
• Creazione di prototipi
• Creazione di interazioni di trascinamento della selezione con JavaScript
• Creazione di timer e ritardi JavaScript per creare animazioni in HTML
• Utilizzo dell'oggetto HTML5 Canvas per disegnare pagine
• Esercitazione: creazione di un'area di disegno, intervalli, trascinamento della selezione e implementazione dei gesti del mouse

Modulo 9: AJAX e WebSocket

• Utilizzo di AJAX con JavaScript per richiedere dati da un server applicazioni
• Utilizzo di AJAX per utilizzare i servizi Web RESTful
• Utilizzo delle chiamate AJAX per creare interazioni "Server Push"
• Identificazione di alternative ad AJAX utilizzate nel codice legacy
• Comprensione della sicurezza AJAX
• Utilizzo di WebSocket per creare interazioni client/server in tempo reale
• Identificazione delle tecnologie di back-end richieste per REST e WebSocket con Java EE7
• Esercitazione: Creazione di un'applicazione a pagina singola utilizzando REST e un client di gioco Tic-Tac-Toe con WebSocket

Modulo 10: Sviluppo di applicazioni con jQuery

• Aggiunta di librerie dell'interfaccia utente jQuery e jQuery ai progetti
• Utilizzo di selettori e manipolatori DOM per la gestione di documenti
• Gestione degli eventi con jQuery
• Elementi di animazione ed effetti di applicazione nel documento
• Gestione delle risposte del server AJAX

Lezione teorica ed esercitazioni guidate dal docente.

• I partecipanti devono essere dotati di Personal Computer, accesso a Internet e banda almeno di 10Mb.
• Per eseguire gli esercizi è necessario dotarsi di un secondo schermo.
• Verrà rilasciato un attestato di frequenza  in formato elettronico al raggiungimento dell'80% delle ore del corso.

Per poter partecipare a questo corso sono richiesti i seguenti prerequisiti:

• Conoscenza di base del web
• Esperienza di programmazione di base