Sviluppare Full Stack App con React e Spring Boot

Impariamo a realizzare moderne applicazioni web usando Spring Boot, React e MongoDB

3.85 (131 reviews)
Udemy
platform
Italiano
language
Web Development
category
instructor
Sviluppare Full Stack App con React e Spring Boot
737
students
17 hours
content
Jul 2022
last update
$19.99
regular price

What you will learn

Creazione Applicazioni Web Full Stack

Creazione Front End con REACT

Creazione Back End con Spring Boot Reactor

Usare il MongoDB come base dati

Capire come far interagire il back end e il front end

Proteggere le web api utilizzando l'autenticazione di base

Proteggere le web api utilizzando lo standard JSON Web Tokens (Jwt)

Description

Benvenuti nel corso 'Sviluppare Full Stack App con React e Spring Boot'.

Ver. 1.2 - Aggiunta nuova sezione dedicata all'uso del Typescript

Ver. 1.1 - Aggiunta nuova sezione dedicata all'uso del Next.js e agli Hooks

Lo sviluppo di moderne web app richiede competenze in diverse tecnologie e piattaforme.

Al termine di questo corso, lo studente avrà un chiara e solida conoscenza dei seguenti argomenti:

  • sviluppare il lato back end delle applicazioni web usando il Framework Spring Boot 2

  • capire la differenza fra le web api Reactive e Servlet

  • sviluppare da zero il lato front end delle applicazione web usando il Framework Javascript React

  • capire cosa sono e come vengono creati i componenti in React

  • creare diversi tipi di componenti (funzionali e di classe) e il loro ciclo di vista   

  • capire cosa sono e come si creano da zero le Web Api Rest con Spring Boot Reactor

  • capire come usare il Reactive per creare Web Api asincrone con lo Spring Boot

  • testare gli unit test delle web api con il Junit 5

  • creare un contenitore Docker dove far girare MongoDB

  • utilizzare la shell del MongoDB per creare diverse query (selezione, filtro, inserimento, modifica ed eliminazione)

  • capire come far interagire il front end React con il back end Spring Boot  Reactive

  • conoscere come proteggere le web api utilizzando la autenticazione di base

  • integrare l'autenticazione di base nel front end React

  • conoscere cosa è e come si crea lo standard di sicurezza JWT (JSON Web Tokens)

  • integrare il JWT in React creando un sistema di autenticazione

  • introduzione al Next.js e agli Hooks del React

  • introduzione all'uso del Typescript in React


Le tecnologie che verranno trattate in questo corso sono:

  1. Spring Boot

  2. React

  3. MongoDb

Si utilizzeranno inoltre:

  • Docker e Docker Compose

  • Java

  • Javascript

  • Typescript


Gli studenti che sottoscriveranno questo corso avranno i seguenti vantaggi:

  • accesso on demand illimitato  a tutte le lezioni presenti e future del corso

  • accesso alla sezione Domande & Risposte (D&R), dove potranno porre quesiti all'autore e agli altri membri della comunità

  • accesso a tutte le integrazioni e modifiche che verranno creante in futuro

  • accesso al tutto codice sorgente dei progetti e ad altro materiale informativo


Le lezioni sono state girate su piattaforma Windows 10 Pro usando Visual Studio Code e Spring Tool 4

I progetti e i tool utilizzati sono compatibili con le piattaforme Windows, Linux e Mac

Per poter usare il Docker è necessario possedere il Windows 10, Linux o Mac

Content

Introduzione

Introduzione al corso
Introduzione alla piattaforma Udemy

Elementi del Javascript

Le parole chiave let e const
Introduzione alle Arrow Function
introduzione alle Classi
Approfondimento sulle Classi
Introduzione all'operatore Spread
Introduzione al Destructoring

Introduzione al Framework React

Installazione del Nodejs
Installazione Visual Studio Code
Creazione della prima App in React
Gestire e modificare il progetto con il .Net Code
Analisi Elementi di Base del Progetto React
Introduzione ai Componenti in React
Esternalizzazione dei componenti in un modulo
Creare e gestire molteplici classi nello stesso modulo
Creazione del componente funzione Cliente
Utilizzare il codice Javascript nei componenti
Introduzione ai Props dei componenti
Utilizzare i children
Introduzione allo State dei Componenti Classe
Utilizzo dei Props con gli eventi
Introduzione al Binding bidirezionale
Il Ciclo di vita dei componenti

Creazione Componente Contatore - Sfida di Approfondimento dei Componenti React

Riepilogo Elementi Essenziali Componenti
Creazione del Componente Contatore
Creazione del metodo di incremento valori
Trasformazione del componente funzione in classe
Creare più variabili nello State
Utilizzare le Props nel componente Contatore
Attivare l'estensione React in Chrome
Miglioriamo il componente Contatore gestendo gli eventi
Utilizzare l'operatore prevState
Conclusione Componente - Aggiunta dei bottoni di decremento

Web App GestFid - Creazione lato front end con React

Inizio creazione componente base GestFid
Creazione componente Login
Creazione codice di autenticazione
Miglioriamo il nostro codice
Aggiungiamo la business logic del sistema di autenticazione
Introduzione alla funzione di Routing nel React
Creazione di una pagina di errore
Creazione di una Route con Parametro
Visualizzare i dati dei Clienti in formato tabellare
Creazione di un link alla pagina Clienti
Attivazione del Bootstrap nel progetto React
Riordinare i componenti della Web App
Creare l'Header della Web App GestFid
Creazione del Footer
Miglioramento Componente Login
Inserire l'immagine del logo
Attivare i link del menu dell'Header
Creazione del componente Logout
Risolviamo gli avvisi causati dall'uso della parola chiave Class
Miglioriamo l'estetica della tabella Clienti
Aggiungiamo la proprietà Key nella tabella Clienti
Creazione del metodo di eliminazione del Cliente
Creazione del servizio di Autenticazione
Eliminazione dati nel session storage con il logout
Rendere dinamico l'Header della GestFid

Introduzione alle Web Api con Spring Boot Reactor

Struttura Moderna App Full Stack
Introduzione allo Spring Boot Reactive
Il tool di sviluppo
Creazione del primo progetto Spring Boot Reactive
Creazione del Controller e Test Operativi
Analisi dello Status Code della Web Api
Interazione front end - back end. Introduzione all'Axios
Creazione del servizio SalutiService
Risolvere il problema del CORS e Test Operativo
Creazione del metodo di gestione errori
Aggiunta di un nuovo end point nella Saluti Service
Utilizzare il nuovo End Point in React
Gestire in React gli Errori del Back End

Creazione della Web App GestFid

Introduzione alla struttura del GestFid
Introduzione al MongoDB
Installazione Docker in Linux
Installazione del Docker in Windows
Attivazione Contenitore MongoDB
Iniziamo ad utilizzare la shell di Mongo
Eseguiamo le query con la Shell di MongoDb - Parte 1
Eseguiamo le query con la Shell di MongoDb - Parte 2
Creazione della Web Api Clienti Web Service
Inizio Creazione degli Unit Test
Creazione delle classi Model Clienti e Cards
Creazione del metodo di inserimento Clienti
Creazione e Test dell'End point di Inserimento Clienti
Creazione End point di Selezione di tutti i clienti
Creazione End point di Eliminazione Cliente
Creazione delle query avanzate con Spring Data JPA
Creazione Unit test di Ricerca Cliente Per Codice Fidelity
Creazione End point di ricerca per Nominativo e Monte Bollini
Creazione End point Eliminazione per Codice Fidelity

Utilizzare la Clienti Web Service nel Front End React

Interazione della GestFid con la Web Api Clienti
Creazione del Motore di Ricerca Cliente
Gestire e Visualizzare gli errori della web api
Attivare l'eliminazione dei clienti nel front end React
Attivare la Modifica dei Clienti
Introduzione al Formik
Creazione del Form di Inserimento Dati Clienti
Gestire i dati ottenuti dalla Web Api nel Formik
Validare i dati del Form
Gestire gli errori e attivare tasto Annulla
Gestire l'inserimento di un nuovo cliente

Gestire la sicurezza delle Web App

Introduzione alla sicurezza delle Web Api
La sicurezza di base sulle web api in Spring Boot Reactive
Gestire l'Autenticazione di Base in React
Aggiungiamo l'end point di autenticazione nella Web Api
Utilizziamo la Web Api per verificare l'autenticazione
Introduzione al sistema di autenticazione JWT
Struttura di Autenticazione JWT nel Web App GestFid
Creazione della Web Api GestUser
Creazione dell'Auth Server con Spring Boot
Test Manuale dell'Auth Server
Abilitare l'autenticazione JWT nella Web Api Clienti
Applicare l'autenticazione JWT sul front end React

Prossime Integrazioni

Le integrazioni che verranno pubblicate prossimamente

Reviews

Francesco
December 4, 2022
Sfortunatamente non all'altezza delle aspettative: I contenuti sono trattati in modo superficiale e spesso mi è parso non compresi appieno dal docente. Non spiega chiaramente i concetti ma si avvicina più ad un tutorial sulla sintassi. L'implementazione in Reactive ne è un esempio lampante. Anche se può essere fruibile per uno sviluppatore che parte da zero, ci sono un po' troppe imprecisioni che rischiano di indurre in errore i più inesperti.
Andrea
September 19, 2022
Ottime illustrazione e semplicità nel linguaggio. Arriva dritto al dunque senza dilagarsi in concetti dispersivi
Mark
July 26, 2022
Prevede una conoscenza buona del linguaggio, non spiega molto il perchè funziona in questo modo questa cosa.
Ludovico
March 21, 2022
ho 63 anni, arrivo da anni di sviluppo in vba/office ed access. In questo mondo avevo difficolta e capire come utilizzare le nuove tecnologie, questo corso mi ha aperto la strada e spiegato perfettamente il nuovo modo di creare applicazioni. Ho davanti a me ancora anni di sviluppo. Grazie
Graziano.aloisi@gmail.com
January 4, 2022
Sempre una garanzia La Rocca è il numero 1 sarà anche triste ma è stato l'unico strumento che mi ha dato un contributoserio per la mia professione!!!
Giuseppe
January 3, 2022
Ottimo corso, non avrebbe potuto trattare tanti argomenti con un livello maggiore di dettaglio, il corso è ben strutturato e l'insegnante chiaro nell'esposizione delle lezioni
Nimble
August 6, 2021
Nel complesso un buon corso, pratico per imparare il linguaggio, ma a volte un po' basic rispetto alle esigenze nel mondo del lavoro.
Giuseppe
July 27, 2021
Ottimo corso, coinvolgente e chiaro soprattutto nel suo lato pratico. Personalmente nella parte finale ho notato un po' di fretta nel concludere, avrei preferito avere qualche informazione in più. Comunque è stato un corso molto utile
Cristiano
June 19, 2021
al momento della valutazione ho fruito il corso fino alla lezione 39 (compresa) e devo dire che é veramente ben fatto, non ho mai lavorato ne con javascript ne con questi applicativi ma sono comunque chiari e comprensibili anche avendo "solo" una conoscenza avanzata di linguaggi più bassi come C e C++. Ottimo lavoro !
Formazione
January 15, 2021
Un bel corso, sicuramente non per novizi ma per gente che sa già programmare, un vero peccato che su alcuni punti la parte teorica manchi del tutto e si sente il bisogno di "correre", d'altro canto è un corso valido per creare app FullStack. Non vedo l'ora di imparare ancor di piu grazie alle integrazioni future.
Marco
May 30, 2020
Corso che rispetta pienamente le aspettative, molto interessanti anche gli argomenti che saranno trattati nelle prossime integrazioni.
Claudio
May 28, 2020
Si vede subito che il docente ha padronanza delle materie trattate ed usa un linguaggio chiaro e preciso. Le lezioni sono ben ordinate e permette una facile comprensione. Gli esempi sono chiari. Se posso trovare una pecca, la parte BE speravo il qualcosa di più per padroneggiare Spring Boot e qualche spiegazione aggiuntiva sul JWT ma, su spring boot, il docente ha creato un altro corso che probabilmente è necessario per famigliarizzare con la tecnologia qui presentata. React è trattata in maniera magistrale, anche qui se dovessi trovare una pecca ( ma andiamo proprio a cercare il pelo nell'uovo) mi sarebbe piaciuto capire perché usare un sistema al posto di un altro, affrontare più in generale cosa questa tecnologia offre e come ricercare alcune problematiche sulle quali ci si può incontrare. MongoDb purtroppo è un accenno, esaustivo per lo scopo del corso ma, sono esigente me ne rendo conto, sarebbe stato bello un confronto tra database e documentale. Detto questo è un ottimo punto di partenza per tutti coloro che vogliono avvicinarsi ad un mondo web a tutto tondo con queste tecnologie
Giulio
April 29, 2020
Ci sono un sacco di momenti in cui nello spiegare una cosa spiega prima come non si deve fare. Lo trovo sbagliato come approccio. Vengono fatte le cose in maniera errata per poi scrivere il modo corretto. Questi momenti "inutili" sarebbero si sarebbero potuti usare nello spiegare in maniera più diffusa il motivo di come vanno fatte le cose.
Bruno
April 27, 2020
Ho imparato velocemente una base di React, che mi aveva sempre affascinato, e mi sono immerso nel backend con Spring Boot reactive. Sono un programmatore Java Senior quindi diversi concetti mi sono familiari ma le spiegazioni sono comunque esaustive ed il docente è partito da 0 ma con intelligenza. Io conoscevo il "vecchio" MVC, così l'obiettivo era comunque di aggiornarmi con l'ottica di microservizi a prescindere dal fatto che vada ad utilizzare React o meno. Gran materiale presentato (strumenti come Visual Studio Code, spring initializr e Postman) ed ottime le istruzioni cross-platform: sto facendo il corso su Ubuntu. Unico neo, sul finire (da lezione 100 circa) ci sono diverse imprecisioni: mancano i codici sorgente ed alcuni istruzioni di configurazione non sono esposte). Nota di merito invece per il sorgente dei progetti Maven Spring Boot che compila perfettamente (non lo do per scontato). Ho portato al termine il corso (attualmente di 119 lezioni) senza particolari problemi, risolvendo alcune situazioni in cui mi sono trovato indietro o bloccato grazie ad alcune istruzioni incluse nella sezione D&R del corso o cercando autonomamente su Google. Ho implementato ogni elemento presentato ed ho usato ogni componente o strumento. Consigliato!
Abm
April 10, 2020
Il corso è fatto benissimo. Manca, come annunciato, una parte per l'installazione di Mongodb su Windows-home, chiederei alcuni approfondimenti ulteriori di Mongodb come backup, e repliche.

Charts

Price

Sviluppare Full Stack App con React e Spring Boot - Price chart

Rating

Sviluppare Full Stack App con React e Spring Boot - Ratings chart

Enrollment distribution

Sviluppare Full Stack App con React e Spring Boot - Distribution chart
2814335
udemy ID
2/14/2020
course created date
2/25/2020
course indexed date
Bot
course submited by