Contattami | Tutti i corsi

REACT
CORE CONCEPTS

Un corso di formazione sulle funzionalità principali della libreria React, pattern, best practice e sulle interessanti novità introdotte da Javascript ES6

react-core-concepts



INTRODUZIONE
React, sviluppato da Facebook, è attualmente una delle librerie Javascript più utilizzate per lo sviluppo di Single Page Application.

In questo corso non solo si affronteranno passo-passo i costrutti principali della libreria, che si occupa della sola gestione della user interface, ma si utilizzeranno pattern, librerie 3rd party e tecniche per la creazione di applicazioni multi-view, la comunicazione con REST API, gestione styling, form con validazioni e molto altro.
OBIETTIVO DEL CORSO
Durante questo corso saranno analizzate la maggior parte delle funzionalità offerte dalla libreria React e del suo ecosistema, per la creazione di componenti e Single Page Applications.
REQUISITI
Familiarità con almeno un linguaggio di programmazione.
È preferibile, ma non indispensabile, aver già utilizzato in precedenza HTML, CSS e avere un po' di confidenza nella manipolazione del DOM in Javascript.

Durata: 16 ore (2gg)
Livello: Pricinpianti
Versione React: 16.8.x
Tipologia: Corso in aula


PROGRAMMA
JAVASCRIPT ES2015 (aka ES6)
Javascript ES2015
Compiler, Transpiler e tool: Babel, Typescript e Webpack
var vs let vs const: function scope vs block scope
Template Literals
Arrow syntax
Destructuring
Object.assign() e Object concise syntax
Rest e Spread operator
Immutabilità
Array methods: find, map, filter, reduce, some, every …
ES6 modules & imports
Promises e operazioni asincrone
Form
Form in React
Controlled vs Uncontrolled Forms
Gestire campi di input: text, select, checkbox
Valori di default
Validazioni e regular expression
Gestione eventi mouse e interazione utente
Styling
Inline styling
classi CSS dinamiche
CSS Modules
Utilizzo di "classnames" per la gestione dinamica delle classi CSS
Animazioni con CSS transitions
Liste e gestione dati
Creare e manipolare liste dinamiche di elementi
Utilizzo dell'immutabilità
Liste con template condizionali
React Components
Approccio Component-Based
Stateless vs Stateful components
Functional vs Class components
Manipolazione HTML tramite Virtual DOM e reconciliation
Gestire i valori di defaults delle proprietà
PropTypes validation
Passaggio proprietà in input
Comunicazione tra componenti
Componenti compositi
JSX e template condizionali
Tutte le fasi del ciclo di vita del componente
Immutabilità e ottimizzazione performance
Introduzione agli hooks dei functional components
Stateful Components
Differenze tra componenti stateful e stateless
Container vs Presentational components
Gestione stato in React
1-way data flow
Creare progetti e componenti “Redux-ready”
Comunicazione con il server
Utilizzo servizi RESTful
Comunicazione REST API con "Axios"
Comunicazione REST API con "fetch"
Promises & utilizzo di async/await
React Router
Integrazione React Router DOM
Sviluppo applicazioni multi-view
Creazione menu di navigazione
Passaggio parametri
Gestione Nested routes
ISTRUTTORE:
FABIO BIONDI

profile-round-gde-1



TRAINER, SPEAKER, DEVELOPER
Fabio Biondi, front-end developer da quasi 20 anni, si occupa di formazione, sviluppo e consulenza in ambito enterprise.
Attualmente focalizzato principalmente su Angular, React, Redux, Fabio ha inoltre un solido background nella creazione di interfacce interattive, componenti e infografiche in HTML Canvas e D3.js.

Membro attivo e fondatore di diverse community italiane, collabora attivamente con molte realtà italiane per l'organizzazione di eventi, master, campus e corsi di specializzazione in cui ha formato centinaia di sviluppatori, studenti e team.

Nel 2018 ha ottenuto la qualifica di Google Developer Expert in Web Technologies e Angular e per diversi anni (2004-2011) è stato Adobe Certified Expert & Instructor (Flex, AIR, Flash PRO, Flash Catalyst).

2019-GDE-Angular-Badge
2019-GDE-Web-Technologies-Badge
COSA INCLUDE IL CORSO
Corso di formazione on-site
16 ore (2gg)
Accesso ad Area educational
Slide & Esercizi
Codice Sorgente
Incluso
Attestato di partecipazione
PDF formato A4


FAQ
A chi è rivolto?
Principalmente a team e società che intendono organizzare corsi di formazione per un ristretto gruppo di persone (10-30).
Tuttavia, organizzo spesso corsi ed eventi aperti al pubblico in cui chiunque può partecipare (freelance, appassionati, dipendenti). Ti invito a seguirmi sui vari canali social o di iscriverti alla newsletter per rimanere aggiornato
Non sono sicuro che questo corso sia adatto al mio team. Puoi aiutarmi ad orientarmi?
Assolutamente sì. Utilizza il form di contatto e organizzeremo volentieri una skype call o telefonata di confronto
Posso modificare il programma e creare un corso personalizzato ?
Sì. Puoi scegliere gli argomenti che preferisci da questo e altri corsi e possiamo definire un programma ad hoc tarato sulle vostre necessità e skill. Per i corsi più avanzati, solitamente, organizzo una skype call con i partecipanti in modo da valutare il grado di preparazione attraverso un'intervista e/o una sessione di code review (gratuita, della durata di 30/60 minuti)
Dove può essere erogato il corso?
• In Friuli, Ronchi dei Legionari (Gorizia) - Max 12/14 posti con seduta e tavolo oppure 80 posti solo seduta.
• On-Site, presso la vostra sede, in tutta Italia
Quanto costa?
Richiedi le mie tariffe attraverso il form di contatto specificando indirizzo in cui erogare il corso, il periodo e la durata
Cè un quantitativo minimo di giornate da acquistare?
Vivendo a Trieste, i viaggi per raggiungere le sedi dei corsi sono spesso lunghi, faticosi e non privi di imprevisti.
Per questo motivo il numero di giornate minimo affinché si possa organizzare un corso è due, nel caso la durata del viaggio sia inferiore alle 3 ore. Tre giornate, invece, nel caso di una durata maggiore
Il corso prevede esercitazioni per gli studenti?
La scelta è vostra. È possibile effettuare 1 o 2 ore di esercitazioni al giorno oppure lasciare spazio agli argomenti del corso ed approfondimenti
Devo portare il mio laptop?
È necessario solo se intendete configurare l'ambiente di lavoro o effettuare esercitazioni. Un blocco appunti e una penna sono più che sufficienti dato che, dopo il corso, avrete comunque accesso al materiale tramite un'area riservata (slide, esercitazioni, source code)