Corso di React JS
Introduzione
React JS è 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 del corso è quello di formare il discente per lo sviluppo di applicazioni web con la libreria ReactJS e Redux framework
Durata
- La durata del corso è di 32 ore, normalmente suddivise in 16 lezioni di due ore.
Prerequisiti
Corso rivolto a sviluppatori front-end. Necessarie basi di Javascript, HTML, CSS e jQuery
Importo
Collettivo: 640,00 €
Individuale: 740,00 €
Individuale: 740,00 €
Modalità di pagamento
L'importo comprende i manuali del corso e l'attestato finale. Per l'iscrizione si versa un acconto di 100 euro. Si divide poi la parte rimanente in rate da saldare entro fine corso.
Programma
1. Cos’é ReactJS
- Introduzione
- Perchè utilizzare ReactJS
- Vantaggi e Limitazioni
- Virtual DOM
- JS contro JSX
- Componenti di ReactJS
- Attributi HTML
- Child Component e Namespaced Component
- Expression Javascript in JSX
- Istallazione e Setup
- Utilizzo di NPM e Package.json file
- Introduzione a Webpack e ES6
- Organizzazione codice sorgente
- ReactJS Browser Plugin
- Nesting Component
- React Render
- React Props
- Propos Validation con Data Types
- States, Inizialized States, Update States
- Form Components
- Controlled Form Components
- Uncontrolled Form Components
- Checkboxes e Radios
- Select Boxe con select value default
- Form Validation
- Styles
- Animazione
- Inizial Render
- Propos Change
- Stage Change
- Component Unmounth
- Configurazione React Router
- Router History
- If-els in JSX
- IIFE in JSX
- Panoramica Eventi
- onClick, onKeyUp
- Gestione degli Eventi attraverso le componenti
- CSS e Inline Styles
- Configurazione React per React Bootstrap
- Implementazione React Bootstrap Components
- Router Library
- Configurazione Router
- Passaggio e Ricezione Parametri
- Introdurre eslint nel progetto
- Introduzione a Flow e lo static type checker;
- Utilizzare flow con progetto di esempio
- Store
- Provider Component
- Actions
- Reducers
- Sviluppo applicazione Redux
- Tool per la fase di Unit Testing
- React Unit Testing
- JEST
- React Component Testing
- React Router Testing