Chi Sono

CODEDGE - Front-end, componenti interattivi e template digitali

Mi chiamo Alessandro Di Terlizzi e ho imparato a programmare da autodidatta. CODEDGE nasce da lì: mentre studiavo tenevo venti schede aperte e riscrivevo gli stessi appunti tre volte, così ho iniziato a mettere le cose in un posto solo, scritte come avrei voluto trovarle io.

Lavoro sul front-end e su tutto quello che ci gira intorno. Quello che so l'ho imparato costruendo, rompendo e rifacendo, e questo sito è il posto dove quel lavoro prende una forma leggibile anche per qualcun altro.

Come lavoro

Parto sempre da qualcosa che gira. Preferisco un componente che funziona davvero a una spiegazione impeccabile di come funzionerebbe: il codice che pubblico l'ho scritto per usarlo, non per illustrarlo. Quando spiego una cosa la spiego una volta sola, nel punto giusto, e poi da lì la linko: è il motivo per cui i glossari e i tutorial si rimandano a vicenda invece di ripetersi.

L'altra metà del metodo è meno divertente e conta di più: verificare. Una modifica che "dovrebbe funzionare" per me non è finita — va aperta nel browser, guardata a schermo grande e piccolo, e controllata che non abbia rotto qualcosa che prima andava. Buona parte di quello che trovi qui è passata da quel giro almeno due volte.

Com'è fatto questo sito

Il modo più onesto di farti capire come lavoro è farti guardare dentro la cosa che ho costruito. CODEDGE è scritto a mano, senza framework: HTML, CSS e JavaScript, con Vite che assembla le pagine. Non c'è React, non c'è un CMS, non c'è un tema comprato.

Gli strumenti girano interamente nel browser: quando comprimi un'immagine non parte nessuna richiesta e il file non lascia il tuo computer. I componenti sono scritti con gli attributi ARIA e la gestione del focus da tastiera, non aggiunti dopo per sicurezza. Il sito è bilingue, e l'allineamento tra italiano e inglese lo controlla uno script che segnala quando una pagina cambia da una parte sola. Il codice è pubblico su GitHub: se qualcosa non ti torna, puoi andare a vedere com'è fatto.

Cosa trovi qui dentro

Al momento ci sono 418 voci nei tre glossari di HTML, CSS e JavaScript, da consultare quando non ti torna una proprietà o un metodo. Ci sono 12 tutorial su Git e GitHub, i DevTools del browser, l'accessibilità, il deploy, la SEO tecnica e i fondamentali dei tre linguaggi. Ci sono 4 strumenti per il lavoro di tutti i giorni e 4 componenti con il codice completo, oltre a una libreria di snippet pronti da incollare.

Lavoriamo insieme

Sono disponibile per collaborazioni e per lavori su commissione: siti e landing page, componenti su misura, interventi su progetti che esistono già. Se hai qualcosa in mente scrivimi e ne parliamo — anche solo per capire se sono la persona giusta per quel lavoro.

Se invece ti serve qualcosa di pronto, nella sezione Template ci sono i miei progetti portfolio completi, in vendita sul mio shop Etsy. E se hai trovato un errore in una pagina o vuoi contribuire, la segnalazione su GitHub è il modo più veloce per farmelo sapere.