Struttura del corso
Sviluppo di applicazioni front-end moderne
- Panoramica e somiglianze tra React, Angular, Vue.js
- Rendering dichiarativo
- Componenti - definizione di tag HTML personalizzati
- Uso di create-react-app per inizializzare un progetto React
JavaScript moderno
- Sviluppo utilizzando node.js e npm
- Versioni di JavaScript
- Lavorare con i moduli
- Funzioni e funzioni freccia (arrow functions)
- Classi
- Programmazione funzionale in JavaScript (map, filter, ...)
TypeScript
- Tipo statico vs tipo dinamico
- Dichiarazione dei tipi di variabili, funzioni e classi
- Tipi di dati fondamentali
- Tuple, oggetti
- Interfacce
- Generics
Linguaggio template React
- Linguaggio template basato su JavaScript: JSX
- Impostazione delle proprietà degli elementi
- Ripetizione di elementi
- if / else
- Eventi
- CSS classi e stili
Gestione dello stato in React
- Impostazione e modifica dello stato dell'applicazione
- Uso del state hook e setState
- Cattura del contenuto degli elementi di input nello stato
Componenti: Mattoni delle applicazioni web moderne
- Definizione di tag HTML personalizzati in React
- Stato, props e eventi
- Flusso di dati tra componenti
- Componenti funzionali e classici (class components)
- Uso di hooks nei componenti funzionali
- Eventi del ciclo di vita dei componenti (mount, update, unmount)
- Inclusione di componenti predefiniti da una libreria
Gestione dello stato con Redux
- Fondamenti di Redux: gestione dello stato con funzioni pure, reducers e dati immutabili
- Uso del reducer hook in React
- Integrazione di Redux in un'applicazione React
- Componenti presentazionali e container components
- L'ecosistema di Redux
- Gestione degli eventi asincroni con Thunk
- Recupero dati da un'API REST
Strumenti per sviluppatori e testing
- React developer tools
- Redux developer tools
- Test di JavaScript con Jest
- Test dei reducers
- Test dei componenti React
React Router
- Routing client-side
- Visualizzazione di diverse viste in base alla rotta corrente del browser
Sviluppo di app con React
- Panoramica breve di React Native
- Creatura di un'applicazione mobile e desktop installabile con Progressive Web Apps
- Confronto tra Progressive Web Apps e applicazioni native
Requisiti
- Nozioni di base di HTML
- Esperienza con JavaScript
Recensioni (7)
I dettagli, il modo di spiegare e la calma e la sicurezza che ispira l'allenatore.
Cosmin Ghergheles - Ness
Corso - React, Redux and TypeScript
Traduzione automatica
Ha riguardato i componenti di base
Valentin
Corso - React, Redux and TypeScript
Traduzione automatica
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Corso - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Corso - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Corso - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Corso - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.