Hai già delle basi di JavaScript e vuoi portare le tue competenze al livello successivo?

Allora devi buttarti a capofitto su React.Js. 

React.Js ha ormai trasformato la programmazione Front End, e avere una buona conoscenza di questa tecnologia ti permette sia di realizzare applicazioni Front End molto complesse, sia di accedere a tante posizioni lavorative in ambito web development.

Creato da Facebook, React.Js è la libreria JavaScript più diffusa al mondo, utilizzato sia dalle piccole agenzie web che dalle più grandi aziende tecnologiche. 

Se vuoi aggiungere alle tue skills una delle tecnologie attualmente più richieste sul mercato, con questa guida completa potrai imparare React.Js con un approccio pratico e calato su progetti reali. 

Di seguito trovi il programma completo del corso. 

I moduli che compongono la Masterclass
  • 1 Introduzione a React.Js

    In questo modulo imparerai le basi di React.Js sviluppando praticamente un piccolo progetto da zero.

    All'interno del modulo affronteremo in seguenti argomenti:

    • come installare React.Js
    • come fare il set up del progetto
    • concetti fondamentali di Props, Children, Array e molto altro. 
      • 04. Componenti Guarda in anteprima 6m : 38s
      • 05. CSS con React: Inline style 5m : 8s
      • 06. Interpolazione 1m : 58s
      • 07. Props 14m : 33s
      • 08. Props e Children 6m : 50s
      • 09. Array mapping 10m : 48s
      • 10. Esercitazione 7m : 46s
      • 11. Esercitazione: soluzione 10m : 25s
  • 2 Le funzionalità "core" di React.Js

    In questo modulo entreremo nel vivo di React. 

    Andremo a conoscere, imparare e utilizzare i componenti a classe, implementeremo la gestione degli eventi dell'utente, gestiremo form, indicatori di caricamento e utilizzeremo la libreria di React Router per andare a costruire la nostra applicazione come una vera Single Page Application.

      • 01. Key prop 3m : 15s
      • 02. Spread operator 59s
      • 03. Class based components 5m : 23s
      • 04. Lyfecycle 7m : 10s
      • 05. Esercitazione 52s
      • 06. Svolgimento 2m : 48s
      • 07.Event handling 9m : 43s
      • 08. State 6m : 18s
      • 09. Bonus: Material UI 5m : 36s
      • 10. Form handling 7m : 44s
      • 11. Form handling Text field 5m : 16s
      • 12. Form handling checkbox 4m : 35s
      • 13. Form handling Radio 2m : 43s
      • 14. Form handling select 3m : 33s
      • 15. Esercitazione: consegna 1m : 16s
      • 16. Esercitazione: svolgimento 8m : 35s
      • 17. Side project: lezione1 7m : 45s
      • 18. Side project: lezione 2 17m : 17s
      • 19. Hooks Usestate 11m : 4s
      • 20. Hook UseEffectt 4m : 32s
      • 21. Esercitazione: consegna 58s
      • 22. Esercitazione: svolg 2m : 44s
      • 23. Conditional rendering 5m : 24s
      • 24. Esercitazione: consegna 2m : 10s
      • 25. Esercitazione svolg: creaz form 8m : 17s
      • 26. Esercitazione: svolgimento creazione tabella utenti 5m : 40s
      • 27. Esercitazione svolg: gestione stati ed eventi 15m : 57s
      • 28. Side project filtri 12m : 13s
      • 29. Side project: integrazione filtri 17m : 8s
      • 30.React design pattern hoc 10m : 54s
      • 31. Design pattern render prop 8m
      • 32. React router 6m : 31s
      • 33. React router history 10m : 22s
      • 34. React router paths 11m : 35s
      • 35. Esercitazione: consegna 55s
      • 36. Esercitazione: svolgimento 19m : 53s
      • 37. Custom hooks 8m : 34s
      • 38. Side project react router 20m : 59s
  • 3 Utilizzo della libreria di state management Redux

    In questo modulo andremo ad imparare e utilizzare la famosa libreria di state management chiamata Redux. 

    Grazie a questa libreria e agli altri temi che affronteremo, effettueremo un refactoring del nostro progetto utilizzando appieno anche le funzionalità di controllo degli eventi asincroni che ci vengono fornite per gestire il nostro stato generale in maniera solida, controllata e storicizzata

      • 01. Redux 10m : 3s
      • 02. Redux setup 19m : 59s
      • 03. Redux dev tools 3m : 13s
      • 04. Esercitazione: consegna 2m : 19s
      • 05. Esercitazione: svolgimento 28m : 33s
      • 06. Side project: route protette 21m : 37s
      • 07. Hooks avanzati: useMemo 7m : 44s
      • 08 Hooks avanzati: useCallback 4m : 9s
      • 09. React memo 11m : 44s
      • 10. Hooks avanzati: use ref 9m : 43s
      • 11. Ref and Forward ref 8m : 18s
      • 12. Use imperative handle 6m : 28s
      • 13. Middleware 3m : 38s
      • 14. Redux thunk 14m : 15s
      • 15. Esercitazione: consegna 1m : 40s
      • 16. Esercitazione: svolgimento 23m : 55s
      • 17. Side project: refactor redux 14m : 21s
      • 18. Side project: ottimizzazione 22m : 49s
      • Conclusioni

Masterclass

A chi è rivolto

Il tuo istruttore

Marco Bologna

Marco Bologna

Front-end developer

Innovativo Front-end Developer dotato di abilità nel creare e mantenere applicazioni web responsive. Esperto utilizzatore di HTML, CSS e Javascript/Typescript e dei moderni framework e librerie come React, Angular e Vue. Essendo una persona estroversa, mi piace lavorare in team, scambiare opinioni, aiutare e condividere conoscenza con altri membri del team. Semplicemente non riesco a fermare la mia mente, non appena ho tempo leggo articoli, forums e tutorial per migliorare professionalmente e aumentare il mio bagaglio di esperienza e conoscenza.

Domande frequenti:

La Masterclass comprende un pacchetto di 3 moduli, fruibili completamente on-demand. I contenuti sono pensati per partire da zero e guidarti passo a passo nella creazione di progetti reali con Eeact. 

1

Certo! Una volta acquistato il corso sarà tuo per sempre. Puoi rivedere le lezioni ogni volta che vuoi, in qualsiasi momento. I video non sono live, sono registrati e sempre disponibili sulla piattaforma.

2

La durata totale del corso è circa di 10 ore. Tieni a mente però che il tempo di apprendimento dei concetti potrebbe essere leggermente più lungo. Per questo, una volta acquistati i corsi, Lacerba si impegna a renderli disponibili a vita!

3
Non vorremmo mai che tu rimanga insoddisfatto/a di uno dei nostri corsi! Se dovesse accadere, contattaci e cercheremo di risolvere entro 24h qualsiasi problema tu abbia riscontrato. Alternativamente, procederemo al rimborso di quanto speso!
4

Masterclass

Perchè Lacerba?

certificazione

La scuola del digitale

Selezioniamo per te i migliori docenti e usiamo un format collaudato, per proporti contenuti di alta qualità che non ti facciano solo studiare, ma anche imparare davvero.

corsi pratici

Corsi pratici

Vogliamo insegnarti il "fare", e non solo la "teoria del fare". Per questo durante i corsi spieghiamo tools e strumenti che ti aiutino a lavorare efficacemente fin dal giorno 1 ai tuoi progetti.

docenti professionisti

Professionisti del tech

Selezioniamo i migliori professionisti, che lavorando nel tech sono continuamente aggiornati sui trend di mercato, per insegnargli a trasferirti le loro conoscenze e trucchi del mestiere.

video hd

Video di alta qualità

Registriamo i video in HD, senza inserire slide fisse e mostrandoti sempre il docente, non solo la sua voce. I contenuti vengono integrati con grafiche e animazioni in post-produzione.