Centro assistenza > Biadets & Altro > Come funzionano gli editor e i compilatori Biadets

Come funzionano gli editor e i compilatori Biadets

Gli editor e compilatori integrati su Biadets ti permettono di scrivere, testare ed eseguire il codice direttamente dal tuo browser senza dover installare alcun programma.

Con gli editor di Biadets puoi eseguire e testare il codice direttamente dal tuo browser, senza dover installare alcun programma sui tuoi dispositivi. Tutti i compilatori sono completamente gratuiti. Per provarli, puoi trovare la lista completa nella sezione degli editor.

I compilatori sono diversi in base al linguaggio di programmazione che stai utilizzando.

Come funzionano gli editor frontend

I compilatori frontend (come HTML, CSS, JavaScript o jQuery) sono divisi in due sezioni principali: un editor di testo, dove puoi scrivere il tuo codice, e un visualizzatore della pagina HTML. Nella maggior parte delle volte, vedrai il risultato in tempo reale del codice che scrivi. In alcuni casi, sarà necessario cliccare il pulsante Esegui in alto per eseguire il codice e mostrare il risultato.

In basso, puoi aprire la console. La console ti permette di controllare se sono presenti errori nel codice che hai scritto. Vedrai un'icona rossa 1 se è presente un errore nel codice che hai scritto.

Negli editor di linguaggi frontend puoi passare da un file all'altro. La struttura HTML, lo stile CSS e il codice JavaScript o jQuery sono automaticamente collegati tra loro e non è necessario farlo manualmente. Puoi spostarti da un linguaggio all'altro cliccando sul nome del file nella parte superiore.

Come funzionano gli editor backend

I compilatori backend (come PHP, Node.js, SQL, Python, TypeScript o Go) sono divisi in sezioni diverse in base alle funzionalità del singolo linguaggio. La maggior parte dei compilatori backend di Biadets è composto da un editor di testo, dove puoi scrivere il tuo codice, e da una console.

Per eseguire il codice scritto nell'editor, clicca sul pulsante Esegui in alto. In alcuni casi potrebbe essere necessario attendere qualche secondo: il browser deve prima installare i pacchetti richiesti per l'esecuzione. Tutto il codice degli editor di Biadets viene eseguito direttamente nel tuo browser, che potrebbe non avere ancora disponibili tutti i componenti necessari.

Dopo aver eseguito il codice che hai scritto, vedrai un avviso rosso direttamente nella console nel caso di errori.

In alcuni casi, come per l'editor SQL, oltre alla console potrai vedere l'elenco dei database disponibili.

Funzionalità degli editor

Le funzionalità presenti nei compilatori sono indicate di seguito:

• Cambiare tema: puoi passare dal tema chiaro a quello scuro (e viceversa) cliccando sull'apposita icona o . La modifica verrà applicata a tutte le sezioni del compilatore, inclusi l'editor del codice e la console. Nei compilatori frontend, invece, il visualizzatore della pagina HTML manterrà il proprio aspetto e non sarà influenzato dal cambio di tema.
• Condividere il codice: nei compilatori che lo supportano, puoi condividere il codice che hai scritto toccando il pulsante . Puoi utilizzare il link copiato sul dispositivo e condividerlo con chi preferisci.
• Salvare i file: i file e il codice che scrivi vengono salvati automaticamente e in tempo reale sul tuo dispositivo. Quando ricarichi la pagina o riapri il compilatore dallo stesso dispositivo, ritroverai il codice scritto fino a quel momento.
• Allargare e rimpicciolire le finestre: da computer, puoi tenere premuta la barra divisoria centrale per allargare o rimpicciolire le dimensioni delle finestre degli editor.
• Visualizzare la pagina a schermo intero: puoi utilizzare il compilatore in modalità a schermo intero toccando l'icona in alto. Per uscire dalla modalità, clicca nuovamente sulla stessa icona.
• Segnalare un problema: puoi segnalare un problema o suggerire dei miglioramenti aprendo il menu in alto, poi scegli "Feedback".