Front-end Web Developer

STEFANO
QUARANTA

Immagine profilo di Stefano Quaranta

Chi sono

Mi chiamo Stefano Quaranta, ho 29 anni e vivo a Lissone in provincia di Monza e Brianza. Lo sviluppo web è sempre stato un settore di mio interesse, ma solo negli ultimi anni questa passione si è realmente concretizzata.

Ho costruito il mio percorso formativo partendo dalle basi del front-end ovvero HTML5, CSS3 e JavaScript. Nel tempo ho continuato a imparare, arrivando a utilizzare librerie moderne per la creazione di interfacce utente come React e React Router e strumenti per il versionamento del codice, come Git e GitHub.

Mi impegno quotidianamente per incrementare le mie conoscenze con nuove tecnologie realizzando progetti curati nei dettagli, con particolare attenzione alla qualità del codice e all'esperienza utente su tutti i dispositivi.

Immagine professionale di coding

Il mio obiettivo è crescere professionalmente in questo settore, continuando ad apprendere nuove competenze.

Attualmente sto cercando nuove opportunità lavorative per collaborare con realtà che valorizzano precisione ed affidabilità.

Le mie conoscenze

HTML 5
  • Struttura del documento
  • Metadati più importanti in <head/>
  • Elementi principali
  • Span e div per il raggruppamento strutturale
  • Bottoni e link
  • Attributi
  • Immagini e video
  • Form, moduli ed input
  • Semantica avanzata
  • SEO
  • Accessibilità (ARIA e best practices)
  • Ottimizzazione delle prestazioni
  • Lazy loading
CSS 3
  • Selettori e specificità
  • Pseudo-classi e pseudo-elementi
  • Box Model
  • Display e visibilità
  • Background e bordi
  • Colori e unità di misura
  • Tipografia
  • Posizionamento
  • Transizioni
  • Animazioni (keyframes)
  • Flexbox layout
  • Grid layout
  • Media Queries (responsive, mobile first)
JAVASCRIPT
  • Sintassi e tipi di dati
  • Variabili e scope
  • Operatori, condizioni e cicli
  • Funzioni e funzioni freccia
  • Eventi e manipolazione del DOM
  • Array e oggetti
  • Filter(), reduce(), map(), some(), e at()
  • Object.entries(), Object.keys() e Object.values()
  • Asincronia (Promises e Async/Await)
  • Gestione degli errori (try/catch e throw)
  • Fetch API
  • ES6+ e sintassi moderna
  • Template literals
  • Destructuring con oggetti e array
  • LocalStorage
  • Modularità (import/export)
REACT/REACT ROUTER
  • Componenti funzionali
  • JSX, markup HTML direttamente in JavaScript
  • Props, i parametri dei componenti
  • Gestione degli eventi
  • useState(), useEffect() e useRef()
  • Renderizzare liste con map() e key uniche
  • Form controllati tramite lo stato di React
  • React Router per il routing client-side
  • Creazione di rotte per la navigazione
  • Navigare con <Link /> senza ricaricare l'Applicazione
  • Utilizzo di <NavLink /> per evidenziare la rotta attiva
  • Parametri di rotta con useParams()
  • Navigazione programmatica con useNavigate() e useLocation()
  • Rotte annidate con children
  • Gestione degli errori tramite creazione di pagine di errore 404 personalizzate
  • React Developer Tools per debug e analisi degli Hooks
GIT/GITHUB
  • Inizializzazione del repository Git
  • Aggiungere file alla staging area
  • Eseguire i commit
  • Visualizzare lo stato dei file con git status
  • Visualizzare la cronologia dei commit con git log
  • Salvare modifiche temporanee con git stash
  • Navigazione ed utilizzo dei branch
  • Unire i branch
  • Gestione conflitti durante il merge
  • Visualizzare le differenze tra file
  • Annullare modifiche locali con git reset
  • Creare un repository su GitHub
  • Sincronizzare i file con git push e git pull
  • Issues
  • Fork e Pull Request
  • Clonare un repository

Progetti

Anteprima progetto sito e-commerce
E-commerce
(React e React Router)
Anteprima progetto sito meteo
Previsioni del tempo
(JavaScript e API reali per dati meteo)