Struttura del corso
Sviluppo di applicazioni front-end moderne
- Panoramica e somiglianze tra React, Angular e Vue.js
- Rendering dichiarativo
- Componenti: definizione di tag HTML personalizzati
- Utilizzo di create-react-app per inizializzare un progetto React
JavaScript moderno
- Sviluppo con Node.js e npm
- Le diverse versioni di JavaScript
- Lavorare con i moduli
- Funzioni e funzioni freccia
- Classi
- Programmazione funzionale in JavaScript (map, filter, ecc.)
TypeScript
- Tipizzazione statica vs dinamica
- Dichiarazione dei tipi per variabili, funzioni e classi
- Tipi di dati di base
- Tuple e oggetti
- Interfacce
- Generici
Il linguaggio dei template di React
- Il linguaggio dei template basato su JavaScript: JSX
- Impostazione delle proprietà degli elementi
- Ripetizione di elementi nel codice
- Utilizzo di condizioni if/else
- Gestione degli eventi
- Classi CSS e stili diretti
Gestione dello stato in React
- Impostazione e modifica dello stato dell’applicazione
- Utilizzo del hook state e di setState
- Cattura dei dati inseriti negli elementi di input nello stato
I componenti: i mattoni fondamentali delle applicazioni web moderne
- Definizione di tag HTML personalizzati in React
- Stato, proprietà e eventi nei componenti
- Flusso dei dati tra i componenti
- Componenti funzionali e componenti basati su classi
- Utilizzo degli hooks nei componenti funzionali
- Eventi del ciclo di vita dei componenti (montaggio, aggiornamento, rimozione)
- Inclusione di componenti predefiniti da una libreria
Gestione dello stato con Redux
- Principi fondamentali di Redux: gestione dello stato tramite funzioni pure, reducer e dati immutabili
- Impiego del hook per i reducer in React
- Integrazione di Redux all’interno di un’applicazione React
- Componenti presentazionali e componenti container
- L’ecosistema di Redux
- Gestione delle operazioni asincrone tramite Thunk
- Recupero dati da una API REST
Strumenti per gli sviluppatori e test automatici
- Strumenti di sviluppo di React
- Strumenti di sviluppo di Redux
- Test del codice JavaScript con Jest
- Verifica dei reducer
- Test dei componenti React
React Router
- Implementazione di routing lato client
- Visualizzazione di diverse pagine in base all’URL corrente del browser
Sviluppo di applicazioni con React
- Breve introduzione a React Native
- Creazione di applicazioni mobili e desktop installabili tramite Progressive Web Apps
- Confronto tra Progressive Web Apps e applicazioni native
Requisiti
- Nozioni base di HTML
- Esperienza con JavaScript
Recensioni (7)
I dettagli forniti, il modo di spiegare e la calma e fiducia che l'instruttore trasmette.
Cosmin Ghergheles - Ness
Corso - React, Redux and TypeScript
Traduzione automatica
Ha coperto i componenti di base
Valentin
Corso - React, Redux and TypeScript
Traduzione automatica
L'entusiasmo di Lukasz.
Eloise Phelps - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
Come Luke ha fatto un ottimo sforzo per aiutare le persone individualmente quando avevano problemi a far funzionare il codice. Luke era estremamente amichevole e andava d'accordo con i partecipanti al corso.
Jonathan Grout - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
L'interazione del formatore con tutti i partecipanti è stata ottima, tutti hanno ricevuto aiuto in qualche fase del corso. Soprattutto per le persone non familiari con l'argomento, è stata un'esperienza davvero eccellente.
Tayyab Ejaz Mushtaq - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
Mi è piaciuto il fatto che sembrasse un ambiente sicuro e non mi sono sentito intimidito condividendo lo schermo e le mie difficoltà con l'istruttore o il gruppo.
Wanda Hawkins-Kavanagh - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
Mi è piaciuto il fatto che il corso avesse esercizi. Mi è piaciuto come Łukasz ha cercato di aiutare ognuno di noi e il modo in cui gestiva l'ansia di alcuni dei altri partecipanti. Mi è piaciuto che fosse molto competente sull'argomento.
Samuel Irsai - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
