Corso React

Obiettivo del corso

ReactJS è una libreria Javascript creata da Facebook ed utilizzata per lo sviluppo moderno di applicazioni web (Single Page Application).

ReactJS consente di creare interfacce utente complesse (UI) attraverso la loro suddivisione per componenti. La finalità è quella di lavorare a progetti complessi.

E’ utilizzato per la creazione, gestione, manutenzione e aggiornamento della User Interface (UI).

Tra i grandi nomi che utilizzano ReactJS in produzione vi sono Facebook, Istagram, WhatsApp, Netflix, Airbnb, eBay, PayPal e New York Time.

Obiettivo: formare il discente per lo sviluppo applicazioni web con la libreria ReactJS e Redux
framework

A chi è rivolto

Requisiti: corso rivolto a sviluppatori front-end. Necessarie basi di Javascript, HTML, CSS e
jQuery

Programma

Programma Didattico (32 ore):

1. Cos’è ReactJS
Introduzione
Perchè utilizzare ReactJS
Vantaggi e Limitazioni

2. Introduzione a JSX
Virtual DOM
JS contro JSX
Componenti di ReactJS
Attributi HTML
Child Component e Namespaced Component
Expression Javascript in JSX

3. Configurazione e Installazione ambiente di sviluppo ReactJS
Istallazione e Setup
Utilizzo di NPM e Package.json file
Introduzione a Webpack e ES6
Organizzazione codice sorgente
ReactJS Browser Plugin

4. Creazione di una ReactJS Application
Nesting Component
React Render
React Props
Propos Validation con Data Types
States, Inizialized States, Update States

5. React UI e Forms
Form Components
Controlled Form Components
Uncontrolled Form Components
Checkboxes e Radios
Select Boxe con select value default
Form Validation
Styles
Animazione

6. Ciclo di Vita delle Componenti
Inizial Render
Propos Change
Stage Change
Component Unmounth

7. React Router
Configurazione React Router
Router History
If-els in JSX
IIFE in JSX

8. Gestione degli Eventi in JSX
Panoramica Eventi
onClick, onKeyUp
Gestione degli Eventi attraverso le componenti

9. React Styles
CSS e Inline Styles
Configurazione React per React Bootstrap
Implementazione React Bootstrap Components

10. React Router
Router Library
Configurazione Router
Passaggio e Ricezione Parametri
React-cookie Integration

11. Flux
Architettura Flux
Flux Components: Stores, Dispatchers, View Controllers, Actions, Views
Flux e React

12. Redux
One Store
Provider Component
Actions
Reducers
Sviluppo applicazione Redux

13. Unit Testing
Tool per la fase di Unit Testing
React Unit Testing
JEST
React Component Testing
React Router Testing

Esercitazioni pratiche durante tutto il corso.
Docente sviluppatore ReactJS e front-end con pluriennale esperienza.

Dove si svolge

on line in virtual classroom completamente dal vivo con calendario personalizzabile. Attivato on demand