OSDE-18 - SVILUPPARE CON REACT & REDUX

INFORMAZIONI SUL CORSO

durata

Durata:

5 GIORNI
categoria

Categoria:

Development
qualifica

Qualifica istruttore:

Docente Senior (min. 5 anni)
dedicato a

Dedicato a:

Sviluppatore
produttore

Produttore:

PCSNET

SCEGLI LA SEDE PER QUESTO CORSO

CORSO A CALENDARIO

Per vedere le informazioni relative al calendario del corso scegli prima una sede
sede
Sede: PCSNET Roma
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Milano
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Nord Est
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Torino
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Emilia Romagna
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Toscana
prezzo
Prezzo: 1.935 € + IVA
Questo corso attualmente non ha date a Calendario, può essere attivato su richiesta o può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Marche
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €
sede
Sede: PCSNET Napoli
prezzo
Prezzo: 1.935 € + IVA
Questo corso attualmente non ha date a Calendario, può essere attivato su richiesta o può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Puglia
prezzo
Prezzo: 1.935 € + IVA
Questo corso attualmente non ha date a Calendario, può essere attivato su richiesta o può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Sicilia
prezzo
Prezzo: 1.935 € + IVA
Inizio
Fine
Prezzo
 
15 lug 24
19 lug 24
1.935 €
21 ott 24
25 ott 24
1.935 €

CORSO DEDICATO

Per avere informazioni sul corso dedicato compila il form e ti contatteremo

CORSO DEDICATO

Grazie per la tua richiesta, ti contatteremo al più presto.

OBIETTIVI

Al termine del corso i partecipanti dovranno aver acquisito tutti gli elementi necessari all'implementazione di web application tramite l’uso di ReactJS.

In particolare, il corso approfondisce i seguenti macro contenuti:

  • Introduzione a JSX
  • Configurazione e Installazione ambiente di sviluppo ReactJS
  • Creazione di una ReactJS Application
  • React UI
  • Ciclo di Vita delle Componenti
  • React Router
  • Gestione degli Eventi
  • ReactStyles
  • Flux
  • Redux
  • Unit Testing

PREREQUISITI

Buona conoscenza del linguaggio Javascript.

CONTENUTI

Recap sul linguaggio Javascript

 

React

 

  • Utilizzare Webpack in progetti React
  • Hello world in React e ES2015 (aka ES6)

 

  • Creare componenti React in ES2015
  • React props
  • Trasferire proprietà e children ai componenti
  • La funzione render
  • Costruttore del componente
  • Gestire i valori di defaults
  • PropTypesvalidation
  • Inline styling, classi CSS dinamiche e skinning componenti React
  • Gestione CSS e LESS con WebPack
  • DOM e template condizionali
  • Ciclo di vita di componenti React

 

  • Creare componenti statefull e stateless
  • Gestire lo stato di default di un componente
  • Template dinamici legati allo stato del componente
  • Trasferire proprietà ai componenti con lo spread operator
  • Introduzione alle arrowfunctions ES6

 

  • Creare liste dinamiche di elementi
  • Utilizzo del metodo .map()
  • Form, Refs ed eventi

 

  • Gestire campi di input, Select e controlli del form
  • Valori di default e utilizzo dello state
  • Validazioni
  • Utilizzo di references (refs)
  • Gestione eventi mouse e interazione utente
  • Sviluppo componenti

 

  • Creazione componenti riusabili
  • Comunicazione tra componenti

 

Redux

  • Principi fondamentali
  • Immutable State
  • Pure vs Inpure functions
  • Reducers
  • Store
  • Actions
  • Containers vs Presentational components
  • Real world examples

 

INFO

  • Materiale didattico: Materiale didattico e relativo prezzo da concordare
  • Costo materiale didattico: NON incluso nel prezzo del corso
  • Natura del corso: Operativo (previsti lab su PC)

PARTNERSHIP