Corso Online: Front end avanzato – JavaScript e jQuery

Il corso è rivolto a tutti.

In questo corso si affrontano i fondamentali della programmazione con l’introduzione a JavaScript la cui conoscenza è imprescindibile per lo sviluppo front end.
In particolare, viene utilizzato e praticato il cosiddetto plain o vanilla JavaScript con particolare attenzione alla manipolazione del DOM e la validazione delle form HTML ed è integrato con JSON e tecnologia asincrona in Ajax.

Questo corso ha una durata complessiva di 20 ore.

Cap.01 JavaScript

•          Lezione 1.1 Conosciamo JavaScript | 05:52 minuti
•          Lezione 1.2 Utilizzo di JavaScript | 08:41 minuti
•          Lezione 1.3 File esterni e script integrati | 08:21 minuti
•          Lezione 1.4 Output dei dati | 18:00 minuti
•          Lezione 1.5 Le variabili | 14:12 minuti
•          Lezione 1.6 I metodi di formattazione | 09:16 minuti
•          Lezione 1.7 Gli operatori | 17:15 minuti
•          Lezione 1.8 Gli operatori di assegnazione | 14:38 minuti
•          Lezione 1.9 Esercizio con le variabili | 07:21 minuti
•          Lezione 1.10 Gli array | 07:56 minuti
•          Lezione 1.11 I metodi: gli array | 08:14 minuti
•          Lezione 1.12 I metodi: le stringhe | 11:49 minuti
•          Lezione 1.13 Le funzioni | 16:06 minuti
•          Lezione 1.14 Variabili locali e globali | 08:31 minuti
•          Lezione 1.15 Facciamo pratica con JavaScript | 13:59 minuti
•          Lezione 1.16 Gli oggetti | 12:45 minuti
•          Lezione 1.17 Approfondimento sugli oggetti | 14:17 minuti
•          Lezione 1.18 Oggetto Math() | 12:32 minuti
•          Lezione 1.19 Oggetto Date() | 11:40 minuti
•          Lezione 1.20 Formattazione della data | 14:30 minuti
•          Lezione 1.21 Esercizio: numero random | 08:08 minuti
•          Lezione 1.22 L'istruzione if | 08:44 minuti
•          Lezione 1.23 Istruzioni else e else if | 11:14 minuti
•          Lezione 1.24 Esercizio pratico: indovina il numero | 06:50 minuti
•          Lezione 1.25 Costrutto switch | 09:22 minuti
•          Lezione 1.26 Esercizio con switch | 12:48 minuti
•          Lezione 1.27 Il ciclo for | 13:57 minuti
•          Lezione 1.28 Ciclo while | 04:26 minuti
•          Lezione 1.29 Ciclo do | 08:49 minuti
•          Lezione 1.30 Esercizio con while | 17:16 minuti
•          Lezione 1.31 Manipolazione del DOM | 04:41 minuti
•          Lezione 1.32 Selezione con JS | 17:27 minuti
•          Lezione 1.33 Esercizi sulla selezione | 19:58 minuti
•          Lezione 1.34 Aggiungere una classe CSS | 08:33 minuti
•          Lezione 1.35 Esercizio pratico: nome animato | 07:21 minuti
•          Lezione 1.36 Gestione degli eventi - 1 | 14:28 minuti
•          Lezione 1.37 Gestione degli eventi - 2 | 07:39 minuti
•          Lezione 1.38 Esercizio pratico: lista degli impegni | 16:29 minuti
•          Lezione 1.39 Esercizio pratico: creare un menu dropdown | 06:58 minuti
•          Lezione 1.40 Esercizio pratico: scambio fra elementi | 08:11 minuti
•          Lezione 1.41 Generatore di colore random | 11:33 minuti
•          Lezione 1.42 Consigli finali per JS | 09:05 minuti

Cap.02 JQuery

•          Lezione 2.1 Conosciamo jQuery | 03:34 minuti
•          Lezione 2.2 Preparazione dell'ambiente di sviluppo | 11:51 minuti
•          Lezione 2.3 La selezione in jQuery | 10:35 minuti
•          Lezione 2.4 Il selettore dell'elemento corrente | 03:29 minuti
•          Lezione 2.5 Metodi specifici di selezione: attributi | 15:33 minuti
•          Lezione 2.6 Metodi specifici di selezione: posizione | 17:54 minuti
•          Lezione 2.7 Metodi specifici di selezione: relazione fra gli elementi | 13:14 minuti
•          Lezione 2.8 Metodi specifici di selezione: lo stato | 16:11 minuti
•          Lezione 2.9 Metodi specifici di selezione: contenuto | 12:47 minuti
•          Lezione 2.10 Gli eventi del mouse | 14:02 minuti
•          Lezione 2.11 Gli eventi della tastiera | 05:46 minuti
•          Lezione 2.12 Gli eventi del form | 15:09 minuti
•          Lezione 2.13 Gli eventi del browser | 08:27 minuti
•          Lezione 2.14 Il gestore degli eventi in jQuery - 1 | 14:44 minuti
•          Lezione 2.15 Il gestore degli eventi in jQuery - 2 | 07:37 minuti
•          Lezione 2.16 Il chaining degli eventi | 06:02 minuti
•          Lezione 2.17 Introduzione alle animazioni | 13:10 minuti
•          Lezione 2.18 Le animazioni di base | 06:30 minuti
•          Lezione 2.19 Gli effetti delle animazioni: fading | 06:59 minuti
•          Lezione 2.20 Gli effetti delle animazioni: sliding | 04:16 minuti
•          Lezione 2.21 Personalizzare le animazioni - 1 | 13:11 minuti
•          Lezione 2.22 Personalizzare le animazioni - 2 | 15:25 minuti
•          Lezione 2.23 Introduzione alla gestione degli elementi del DOM | 13:36 minuti
•          Lezione 2.24 Aggiungere elementi e contenuti | 16:35 minuti
•          Lezione 2.25 Rimozione di elementi e contenuti | 06:06 minuti
•          Lezione 2.26 Sostituzione del contenuto | 05:43 minuti
•          Lezione 2.27 Gestire lo stile | 17:17 minuti
•          Lezione 2.28 DOM traversing: gestione degli elementi parent | 10:55 minuti
•          Lezione 2.29 DOM traversing: gestione degli elementi children | 07:06 minuti
•          Lezione 2.30 DOM traversing: gestione degli elementi siblings | 11:27 minuti
•          Lezione 2.31 DOM traversing: il filtering | 14:19 minuti
•          Lezione 2.32 Esercizio pratico: abilitare un bottone | 09:30 minuti
•          Lezione 2.33 Esercizio pratico: elemento scorrevole | 10:03 minuti
•          Lezione 2.34 Esercizio pratico: scroll to top | 06:03 minuti
•          Lezione 2.35 Esercizio pratico: regolare i font | 10:25 minuti
•          Lezione 2.36 Esercizio pratico: validare un form | 20:34 minuti
•          Lezione 2.37 Esercizio pratico: abilitare un messaggio di conferma | 07:37 minuti
•          Lezione 2.38 Esercizio pratico: creare un tooltip | 16:37 minuti
•          Lezione 2.39 Esercizio pratico: effetto photo zoom | 08:58 minuti
•          Lezione 2.40 Esercizio pratico: accordio | 11:01 minuti
•          Lezione 2.41 Esercizio pratico: gallery di base | 08:24 minuti
•          Lezione 2.42 Esercizio pratico: gallery con cycle | 11:13 minuti
•          Lezione 2.43 Esercizio pratico: slide panel | 08:26 minuti
•          Lezione 2.44 Recap e consigli utili | 04:29 minuti

Cap.03 Approfondimenti

•          Lezione 3.1 Metodi call e apply | 08:27 minuti
•          Lezione 3.2 Introduzione ai moduli | 07:25 minuti
•          Lezione 3.3 Configurazione dei moduli | 10:33 minuti
•          Lezione 3.4 Chaining dei moduli | 05:57 minuti
•          Lezione 3.5 Oggetti avanzati | 17:44 minuti
•          Lezione 3.6 Uso del prototipo | 07:10 minuti
•          Lezione 3.7 Principi base per lo sviluppo di un plugin - 1 | 13:46 minuti
•          Lezione 3.8 Principi base per lo sviluppo di un plugin - 2 | 07:57 minuti
•          Lezione 3.9 Implementazioni del plugin - 1 | 13:12 minuti
•          Lezione 3.10 Implementazioni del plugin - 2 | 11:36 minuti

Cap.04 Ajax e JSON

•          Lezione 4.1 Introduzione a Ajax e JSON | 06:49 minuti
•          Lezione 4.2 Ajax con Javascript: gestione di un file testuale | 18:14 minuti
•          Lezione 4.3 Ajax con JavaScript: gestione di un file HTML | 04:44 minuti
•          Lezione 4.4 Formattazione dei file JSON | 06:31 minuti
•          Lezione 4.5 Gestione dei file JSON in JavaScript | 17:18 minuti
•          Lezione 4.6 Esercizio pratico: Ajax, JSON e JavaScript - 1 | 09:15 minuti
•          Lezione 4.7 Esercizio pratico: Ajax, JSON e JavaScript - 2 | 15:46 minuti
•          Lezione 4.8 Ajax con jQuery | 18:18 minuti
•          Lezione 4.9 Gestione dei file JSON con jQuery | 18:28 minuti
•          Lezione 4.10 Esercizio pratico: Ajax, JSON e jQuery | 16:05 minuti

L’obiettivo del corso è completare la formazione relativa allo sviluppo front end e pertanto richiede la conoscenza e la pratica degli obiettivi formativi del modulo base.