Sviluppo componenti in React, ES2015 e Webpack

React è una libreria sviluppata da Facebook per lo sviluppo di interfacce utente in HTML5 e Javascript.
L’enorme successo che sta ottenendo è dovuto alla facilità d’uso e di apprendimento di questa libreria. Inoltre, le performance dovute all’utilizzo di un Virtual DOM, algoritmo di ottimizzazione del rendering, e un ecosistema ricco e molto solido sono senz’altro altri fattori rilevanti.
Durante il corso sarà inoltre utilizzato javascript in versione ES2015 (ES6), compilato tramite Babel utilizzando WebPack per la gestione dei moduli.

Prerequisiti

Il partecipante deve possedere una discreta conoscenza di HTML, CSS e Javascript.

Obiettivi formativi

Durante questo corso saranno analizzate la maggior parte delle funzionalità offerte dalla libreria React, dalle basi alla realizzazione di componenti riutilizzabili, integrando inoltre diverse  librerie esterne, tra le quali jQueryUI, TweenMax, GoogleMap e tecnologie come HTML canvas. Sarà inoltre utilizzato il framework MaterializeCSS per l’integrazione di concetti di material design all’interno di ogni esempio.

Programma

• Panoramica
• React
• States
• List
• Form, Refs ed eventi
• Sviluppo componenti
• Integrazione Google Map
• Creazione Chart in HTML5 Canvas e CreateJS
• TweenMax e animazioni in javascript
• jQuery e Jquery UI