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
 21 Ore

Numero di Partecipanti


Prezzo per Partecipante

Recensioni (7)

Corsi in Arrivo

Categorie relative