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
      • Diventa programmatore Full Stack Node.js 12s
      • 07. Props 14m : 33s
      • 08. Props e Children 6m : 50s
      • 09. Array mapping 10m : 48s
      • 10. Esercitazione 7m : 46s
      • 11. Esercitazione: soluzione 8m : 23s

  • 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. Bonus: Spread operator
      • 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 30s

Masterclass

A chi è rivolto

Front End Developer

Questo corso si rivolge a tutti coloro che hanno delle basi di JavaScript e che vogliono portare le proprie competenze Front End ad un livello più avanzato.

Back End Developer

Questo è un corso adatto anche a chi gia sviluppa lato Back End e vuole acquisire competenze tecniche lato Front End, su React.Js.

Docente

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:

l corso è online e on demand. Non dovrai per forza completarlo tutto in una volta ma potrai seguirlo secondo il tuo ritmo di apprendimento. Potrai rivedere le lezioni ogni volta che vuoi, senza scadenza alcuna, in qualsiasi momento. I video sono registrati e rimarranno sempre disponibili sulla piattaforma, anche una volta concluso il corso.

1

La durata totale del corso è di 9h 47m. Tieni a mente però che il tempo di apprendimento dei concetti potrebbe essere più lungo. Per questo, una volta acquistato un corso, Lacerba si impegna a renderlo disponibile a vita.

2

Una volta concluse le lezioni obbligatorie riceverai una certificazione che attesta il superamento del corso. Potrai inserire la certificazione nel tuo cv oppure sul tuo profilo LinkedIn

3

Per frequentare questo corso non è richiesto alcun titolo di studio.

4

Grazie al nostro partner Scalapay, potrai dividere il pagamento in 3 rate mensili. Potrai scegliere questa modalità di pagamento una volta aggiunti uno o più corsi al tuo carrello.

5

Contattaci tramite email o chat sul sito e provvederemo a scontare quanto già pagato in precedenza dal prezzo totale del corso.

6

Se ritieni che le lezioni non corrispondano a quanto descritto nel programma o che la descrizione del corso sia stata ingannevole, contattaci entro 30 giorni dall’acquisto e procederemo al rimborso di quanto speso! Una volta trascorsi 30 giorni dall’acquisto valuteremo insieme, se non avrai ancora fruito delle lezioni, il rilascio di un buono per l’acquisto di altri corsi sulla nostra piattaforma. Non forniamo rimborsi in caso di ripensamenti da parte dell’acquirente non legati al programma del corso.

7

Riceverai gratuitamente eventuali aggiornamenti al programma del corso se la data di acquisto non supera i 18 mesi. Trascorsa questa scadenza ti offriremo uno sconto dedicato su qualsiasi eventuale aggiornamento o rifacimento del programma.

8

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.