Innovazione nella Didattica Digitale

Enaip Cantù è all'avanguardia nella formazione professionale, creando strumenti didattici innovativi che trasformano l'apprendimento in un'esperienza coinvolgente e pratica. I nostri tools sono progettati per preparare gli studenti alle sfide reali del mondo del lavoro digitale.

Apprendimento Pratico

Strumenti interattivi che permettono di sperimentare e apprendere facendo

Tecnologie Moderne

Tools sviluppati con le più recenti tecnologie del settore IT

Supporto Personalizzato

Assistenza dedicata per ogni studente nel suo percorso di apprendimento

Generatore Query MySQL

Vai al Tool
Scopo dello strumento
  • Comprendere la struttura dei database MySQL
  • Imparare a creare tabelle con diversi tipi di dati
  • Capire le relazioni tra tabelle attraverso le JOIN
  • Visualizzare il codice SQL generato
Come utilizzare il generatore

1. Creazione Database

  • Inserisci il nome del database
  • Scegli il set di caratteri (UTF8MB4 consigliato)
  • Decidi se usare IF NOT EXISTS

2. Creazione Tabelle

  • Scegli il nome della tabella
  • Definisci il numero di colonne
  • Per ogni colonna specifica:
    • Nome e tipo di dato
    • Lunghezza (per VARCHAR/DECIMAL)
    • Se è chiave primaria
    • Se deve auto-incrementare
    • Se può contenere valori NULL

3. JOIN tra tabelle

  • Seleziona le tabelle da unire
  • Specifica le colonne da visualizzare
  • Definisci le condizioni di JOIN
Funzionalità aggiuntive

Salvataggio automatico

Gli schemi vengono salvati automaticamente per utilizzo futuro

Visualizzazione struttura

Visualizza la struttura del database in formato tabellare

Modifica schemi

Possibilità di modificare schemi esistenti

Generazione codice

Generazione di codice SQL pronto all'uso

Editor HTML Avanzato

Vai al Tool
Panoramica

Crea e modifica facilmente il tuo codice HTML utilizzando i tag predefiniti. Trascina i tag nella struttura e personalizza il contenuto.

Funzionalità principali

Tag predefiniti

<div> <p> <h1> <img> <a>

Controlli avanzati

Salvataggio automatico

I tuoi progetti vengono salvati automaticamente e puoi riprenderli in qualsiasi momento

Anteprima in tempo reale
Codice HTML
<div class="container">
  <h1>Il mio titolo</h1>
  <p>Questo è un paragrafo di esempio</p>
</div>
Anteprima

Il mio titolo

Questo è un paragrafo di esempio

Strumenti di sviluppo

Evidenziazione sintassi

Colorazione automatica del codice per una migliore leggibilità

Autocompletamento

Suggerimenti intelligenti per tag e attributi HTML

Validazione codice

Controllo in tempo reale degli errori di sintassi

Gestione progetti

Salvataggio locale

I tuoi progetti vengono salvati nel browser per accesso rapido

Esportazione

Esporta i tuoi progetti in file HTML pronti all'uso

Condivisione

Condividi facilmente i tuoi progetti con altri sviluppatori

Editor CSS Avanzato

Vai al Tool
Come utilizzare l'editor
Inserisci un selettore CSS (es: .miaClasse, #mioId, div)
Clicca "Aggiungi Regola" per creare una nuova regola CSS
Seleziona le proprietà dalla barra laterale
Scegli un valore dal menu a tendina o digitalo manualmente
Il codice CSS verrà generato automaticamente
Proprietà CSS disponibili
Colori e Sfondi
  • background-color
  • color
  • opacity
Layout
  • display
  • position
  • float
Dimensioni
  • width
  • height
  • margin
  • padding
Testo
  • font-family
  • font-size
  • text-align
Anteprima in tempo reale
.mio-elemento {
  background-color: #3c8c4c;
  padding: 20px;
  border-radius: 8px;
}
Caratteristiche principali

Autocompletamento intelligente

Suggerimenti contestuali per proprietà e valori CSS mentre digiti

Validazione in tempo reale

Controllo immediato della sintassi e segnalazione degli errori

Salvataggio automatico

Il tuo lavoro viene salvato automaticamente e puoi riprenderlo in qualsiasi momento

Editor JavaScript Avanzato

Vai al Tool
Panoramica

L'Editor JavaScript Avanzato è un ambiente di sviluppo interattivo che ti permette di scrivere, testare ed eseguire codice JavaScript in tempo reale. Grazie alla sua interfaccia intuitiva e alla ricca collezione di snippet predefiniti, è lo strumento ideale sia per principianti che per sviluppatori esperti.

Caratteristiche principali

Libreria di snippet

Ampia raccolta di frammenti di codice JavaScript pronti all'uso, organizzati per categorie

Console interattiva

Visualizza immediatamente i risultati del tuo codice e interagisci direttamente con la console JavaScript

Salvataggio progetti

Salva i tuoi script per poterli riutilizzare e modificare in seguito

Modalità multi-tab

Lavora su più script contemporaneamente grazie al sistema di schede

Interfaccia e struttura

Sidebar con snippet

La barra laterale contiene tutti gli snippet JavaScript organizzati per categorie, facilitando l'accesso a codice pronto all'uso

Editor centrale

L'area principale dove scrivi e modifichi il tuo codice, con supporto per più schede di lavoro

Console integrata

Visualizza output, errori e warning direttamente nell'interfaccia, senza bisogno di strumenti esterni

Categorie di snippet
Variabili e Tipi di Dato
let variabile = 42;
const costante = 3.14;
const stringa = "testo";
const booleano = true;
Controllo di Flusso
if (condizione) {...}
for (let i = 0; i < 5; i++) {...}
while (condizione) {...}
switch (valore) {...}
Funzioni
function nome(param) {...}
const arrow = () => {...}
async function nome() {...}
Array e Oggetti
const array = [1, 2, 3];
array.map(item => ...)
const obj = {key: value};
Come utilizzare l'editor
Seleziona gli snippet dalla barra laterale o scrivi il tuo codice nell'editor
Clicca "Esegui" per verificare il funzionamento del tuo script
Visualizza i risultati nella console integrata
Salva il tuo lavoro per utilizzarlo in futuro
Utilizza la console interattiva per testare espressioni singole
Esempi pronti all'uso

Calcolatore BMI

Calcola l'indice di massa corporea e determina la categoria di peso

Lista della spesa

Gestisci una lista di articoli da acquistare con funzionalità di completamento

Timer con conto alla rovescia

Implementa un timer personalizzabile con eventi e callback

Snippet in evidenza

Array Iteration (forEach, map, filter)

// Iterazione array const numeri = [1, 2, 3, 4, 5]; // forEach numeri.forEach((num, index) => { console.log(`Elemento ${index}: ${num}`); }); // map const doppi = numeri.map(num => num * 2); // filter const pari = numeri.filter(num => num % 2 === 0); // find const maggioreDiTre = numeri.find(num => num > 3); // reduce const somma = numeri.reduce((acc, num) => acc + num, 0);
Funzionalità avanzate

Undo/Redo

Annulla e ripeti le modifiche con facilità utilizzando i pulsanti dedicati o le scorciatoie da tastiera

Copia e condividi

Esporta facilmente il tuo codice per condividerlo con altri o utilizzarlo nei tuoi progetti

Gestione progetti

Organizza e gestisci i tuoi script salvati con un'interfaccia semplice e intuitiva

Console interattiva

Esegui comandi JavaScript direttamente nella console integrata per testare rapidamente le tue idee

Vantaggi didattici

Apprendimento facilitato

Gli snippet predefiniti permettono di apprendere le basi di JavaScript senza dover memorizzare la sintassi

Feedback immediato

Vedi immediatamente i risultati del tuo codice, facilitando la comprensione e il debugging

Approccio pratico

Impara facendo: modifica gli esempi esistenti e osserva come cambia il comportamento del codice

Progressione graduale

Inizia con semplici esempi e avanza verso concetti più complessi come le classi, le promise e le API fetch