🛠️Tech Stack

Benvenuti "dietro le quinte" del sito!

Questa pagina raccoglie l'insieme di tecnologie, piattaforme, ambienti d'esecuzione ed elementi multimediali che alimentano questo progetto didattico.

💻 1. Ambiente di Sviluppo & Repository

L'infrastruttura per la scrittura del software, la gestione del sorgente e la pubblicazione del sito.

• 💙 Visual Studio Code: L'editor di codice principale (IDE) utilizzato per lo sviluppo, il debugging dei programmi, la stesura dei contenuti in Markdown e la gestione dei repository. 

• 🌐 Google Sites: Piattaforma utilizzata per la costruzione, la gestione del layout e la pubblicazione online del sito web. 

• 🐙 GitHub: Utilizzato come repository principale per il versionamento del codice e dei contenuti in Markdown. Garantisce la tracciabilità di ogni modifica e la gestione del progetto.

  • 📦 GitHub Repositories: Repository dedicati e pubblicamente accessibili per consentire il download diretto di progetti software completi ed esercitazioni pratiche.

  • 📄 GitHub Gists: Piattaforma usata per incorporare singoli snippet di codice all'interno delle lezioni, mantenendo l'evidenziazione della sintassi pulita e facilmente copiabile.

🧠 2. Intelligenza Artificiale & Didattica Multimediale

L'ecosistema di intelligenza artificiale per l'assistenza al codice e la creazione di risorse di apprendimento.

• ♊ Google Gemini: Utilizzato come assistente per la strutturazione dei contenuti, l'ottimizzazione del codice dei tutorial e la revisione delle lezioni.

• 📓 Gemini Notebook: Utilizzato per elaborare i materiali didattici e generare risorse multimediali avanzate: audio/video esplicativi, infografiche, mappe concettuali, quiz di autovalutazione e set di flashcard per lo studio attivo.

⚡ 3. Esecuzione Interattiva & Media

Gli strumenti che rendono le lezioni dinamiche, eseguibili e multimediali direttamente dal browser.

• 🖥️ OneCompiler: Piattaforma per l'embedding di IDE ed esecutori di codice in-browser. Permette di visualizzare, modificare ed eseguire i programmi proposti nelle lezioni direttamente all'interno della pagina, senza dover installare software locale.

• 🖥️CodePen: funzionalità simili a OneCompiler applicate a HTML, CSS e JS

• 📺 YouTube: Utilizzato per l'integrazione e la riproduzione fluida di video spiegazioni, tutorial pratici e registrazioni delle lezioni.

📐 4. Diagrammi & Identità Visiva

Gli strumenti grafici e visivi utilizzati per schematizzare concetti complessi e curare la UI.

• 🧬 Mermaid.js: Libreria Diagrams-as-Code per generare grafi delle precedenze, diagrammi di flusso e architetture logiche direttamente a partire da testo in Markdown.

• 🎨 Favicon.io: Utilizzato per la progettazione e l'ottimizzazione della favicon in formato multi-risoluzione per tutti i browser.

• 🎯 UI Emoji System: Sistema di icone basato su emoji UTF-8 per migliorare l'usabilità, la leggibilità e la scannabilità dei menu.

🧱 5. Linguaggi & Formati Dati

I linguaggi fondamentali alla base dell'intera struttura.

• 📝 Markdown: Formato principale per la stesura di appunti e schede teoriche.

• 🌐 HTML5 / CSS3 / JavaScript: La base standard per la struttura della pagina web, lo stile visivo e l'interazione dinamica dei componenti.

☁️ 6. Deployment dei Progetti & Cloud Hosting

Gli strumenti e le piattaforme cloud per la pubblicazione, l'hosting e il deployment continuo delle applicazioni web e dei servizi API.

• 🐙 GitHub: Repository cloud per il controllo versione e l'hosting gratuito di siti web statici.
  Tramite le GitHub Actions permette di automatizzare pipeline di CI/CD (Continuous Integration / Continuous Deployment).

• ⚡ Vercel: Piattaforma cloud ottimizzata per l'hosting immediato di front-end statici (HTML/CSS/JS) e framework moderni.
  Offre integrazione nativa con GitHub per il deployment automatico ad ogni git push.

• 🌐 Netlify: Piattaforma serverless e hosting per il web moderno, ideale per la pubblicazione rapida di siti statici e web app, con gestione integrata di moduli, domini e certificati SSL automatici.

• 🚀 Render: Servizio cloud PaaS (Platform as a Service) versatile per il deployment sia di siti statici sia di applicazioni backend complete, database gestiti e container Docker.

• 🐍 FastAPI Cloud (Backend Hosting): Soluzioni cloud idonee all'esecuzione di server backend Python basati sul framework FastAPI, per l'esposizione di API RESTful ad alte prestazioni.