
- Coding
- 1234 (Registrati)
Un corso completo per comprendere tutte le funzionalità di React e Redux.
Acquisire metodologie, approcci e best practice consolidate per la realizzazione di applicazioni mobile modulari, scalabili, manutenibili e testabili.
Al termine del corso si avranno a disposizione le conoscenze necessarie per sviluppare Mobile Application attraverso React e Redux.
Si impareranno i tool da usare e gli scenari di sviluppo avanzato. Attraverso il nostro corso il partecipante acquisirà: gli elementi , l’ambiente di lavoro per poter creare Mobile Application con React. Ogni modulo è organizzato con: lezioni teoriche di inquadramento degli argomenti, esercitazioni guidate studiate ad hoc che si pongono l’obiettivo di portare ogni frequentatore verso il “saper fare”.
Verrà analizzato lo sviluppo di applicazioni con approccio dichiarativo attraverso Redux e un pattern Flux-like. Verranno mostrati diversi esempi di casi d’uso classici quali asincronia, dati complessi, immutabilità degli stati e diverse librerie, utility e helpers disponibili per questo ecosistema.
Obiettivi del corso:
– Creare applicazioni utilizzando React, il framework Redux e le varie librerie correlate.
– Acquisire metodologie, approcci e best practice consolidate per la realizzazione di applicazioni web modulari, scalabili, manutenibili e testabili.
– Descrivere in modo approfondito tutte le funzionalità e la sintassi delle librerie.
A chi è rivolto:
– Chiunque voglia realizzare applicazioni web modulari, scalabili, manutenibili e testabili.
– Web Developers.
Contenuti del corso
-
Capitolo 1
- Introduzione al corso
- Panoramica del Corso
- Setup del Progetto
- Un Assaggio di JSX
- Altro su JSX
- ES6 Import Statements
- ReactDOM vs React
- Componente Interfaces e Components Class
- Render Targets
- Component Structure
- Youtube Search API Signup
- Export Statements
- Class-Based Components
- Handling User Events
- Gli Stati
- Altro su gli Stati
- Controlled Components
- Revisione del Progetto
-
Capitolo 2
-
Capitolo 3
-
Capitolo 4
- Panoramica e pianificazione dell’app
- Component Setup
- Controlled Components e Binding Context
- Form Elements
- Lavorare con le API
- Introduzione ai Middleware
- Ajax Request con Axios
- Redux-Promise
- Redux-Promise Parte 2
- State Mutations nei Reducers
- Creare una List Container
- Mappare il Props verso un Render Helper
- Aggiunta dei Grafici
- Creazione di un Componente Grafico Riutilizzabile
- Labeling delle Units
- Integrazione Google Maps
- Integrazione Google Maps Parte 2
- Revisione del Progetto
-
Capitolo 5
- Panoramica e Obiettivi dell’App
- Nozioni di Base su React Router
- Route Design
- Index Action
- Implementiamo il Posts Reducer
- Action Creator Shortcuts
- Rendering di una Lista di Posts
- Creare un Nuovo Post
- Otteniamo il React Router
- Redux Form
- Implementazione del Redux Form
- Componente per i Campi
- Generalizzazione dei Campi
- Validating Forms
- Mostrare gli Errori a gli Utenti
- Gestione della Submission di Modulo
- States del Form e dei Campi
- CSS
- Navigazione
- Creazione del Post Action Creator
- Navigazione Attraverso Callbacks
- Posts Show Component
- Ricezione di Nuovi Posts
- OwnProps
- Data Dependencies
- Prendere i Records
- Cancellare un Post
- Revisione
- Test Di Fine Corso React