Code
Web & Seo
![](images/IMG_20240723_1812292.webp)
Un giorno Smokey il topolino decise di mostrare alla Signora Lucertola (Lucy) una nuova sezione del suo portfolio.
Con il suo solito entusiasmo, Smokey iniziò a spiegare:
Benvenuti nella mia pagina dei progetti di coding
"Qui", indicando lo schermo del suo computer, "troverai una raccolta delle sperimentazioni più recenti con i linguaggi di programmazione Python, PHP, JavaScript, e linguaggi grafici HTML, CSS. Ogni progetto rappresenta un passo avanti nel mio percorso di apprendimento e nella mia passione per lo sviluppo web".
Smokey scorreva tra i vari progetti, spiegando con entusiasmo: "Ho incluso (e continuerò ad arricchire questa pagina) con una varietà di script e applicazioni che illustrano diverse tecniche e funzionalità. Dai semplici script di automazione ai complessi sistemi interattivi, ogni progetto mostra qualcosa di nuovo e interessante".
Lucy osservava affascinata mentre Smokey continuava: "Navigando tra i progetti, troverai descrizioni dettagliate e il codice sorgente completo. Spero che queste risorse possano essere di ispirazione o utilità per i tuoi stessi progetti".
Smokey aggiunse, con un sorriso amichevole: "Sentiti libera di esplorare, utilizzare e modificare il codice secondo le tue necessità. La condivisione della conoscenza è una delle cose che amo di più dello sviluppo web".
E così, grazie alla guida di Smokey, Lucy scoprì un mondo di possibilità nella programmazione web, pronta a esplorare e imparare dai progetti del suo amico topolino.
#Script-63: visualizzatore modelli 3D
Utilizzeremo la libreria JavaScript chiamata "Three.js" per visualizzare un modello 3D interattivo su una pagina HTML.
Ho implementato in sequenza:
- Includo la libreria Three.js e GLTFLoader direttamente dal CDN nella pagina HTML ;
- Creo una scena, una camera e un renderer;
- Aggiungo una luce ambientale;
- Posiziono la camera e aggiungo i controlli orbitanti;
- Setto gli assi di visione e lo zoom sul progetto;
- Creo la funzione di animazione;
- Gestisco il ridimensionamento della finestra.
NB: Il codice è ancora in fase di definizione.
3D model viewer
#Script-58: generare QR-code personalizzabile
Utilizzeremo la libreria JavaScript "qrcodejs", in più tramite un canvas sarà possibile aggiungere un logo o un'immagine al centro del QR code.
Il risultato si aprirà in una nuova finestra del browser (non una finestra popup) per ovviare alle dimensioni della finestra a seconda del dispositivo uttilizzato.
Ecco il risultato:
Generatore di QR-code Personalizzabile
#Script-56: Directory Lister
Di seguito il risultato a schermo del contenuto di una cartella al'interno del server pubblico.
NB - I file elencati nello script hanno valenza puramente esemplificativa.
Elenco file e cartelle nella directory PUBLIC
#Script-42: CownDown a una data specifica
CownDown da ora alla data del 17 Novembre 2024 alle ore 20:00
#Script-38: Mappe online in XML
Tramite file XLM per creare KLM per Google Maps, alcune mappe online dettagliate di varie informazioni: