React e Redux: Corso da zero per creare applicazioni mobile

What you'll learn

Acquisire metodologie, approcci e best practice consolidate per la realizzazione di applicazioni web modulari, scalabili, manutenibili e testabili.
Al termine del corso i partecipanti saranno in grado di creare applicazioni utilizzando React, il framework Redux e le varie librerie correlate.
Descrivere in modo approfondito tutte le funzionalità e la sintassi delle librerie

Requirements

Il corso è adatto anche a chi ha una conoscenza pressoché nulla per le Web Application
Gli studenti avranno bisogno di un computer (PC o Mac)
Passione per le Web Application
Non è necessaria alcuna conoscenza preliminare per prendere questo corso

Description

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.

Verranno acquisite tutte quelle 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 e l’ambiente di lavoro per poter creare Mobile Application con React. Ogni modulo è organizzato con lezioni teoriche di inquadramento degli argomenti ed 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.

PROGRAMMA

CAPITOLO 1

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

Risposta da Yutube
Functional Components e Class Components
Props
Creiamo la Lista con Map
Keys della Lista
Lista Video
Detail Component e template Strings
Null Props
Selezione del Video
Styling con CSS
Ricerca del Video
Tempo di Risposta

CAPITOLO 3

I Reducers
I Containers - Connettere Redux con React
Containers Parte 2
Implementazione di una Container Class
Riepilogo del Progetto
Action Creators
Creiamo la Action
Creiamo il Reducers
Reducers Parte 2
Conditional Rendering
Riepilogo Finale ·

CAPITOLO 4

Panoramica e pianificazione dell'app
Component Setup
Controlled Components e Binding Context
Form Elements
Lavorare con le API
Introduzione al Middleware
Ajax Requests 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
Implementiamo il Posts Reducer
Action Creator Shortcuts
Rendering di una Lista di Posts
Creare un Nuovo Post
Otteniamo il React Router
Navigazione con Link Component
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

Who this course is for:

Chiunque voglia realizzare applicazioni web
Chiunque voglia realizzare applicazioni web modulari, scalabili, manutenibili e testabili
Web Developer