9 migliori ide cloud gratuiti
I programmi di codifica desktop classici non vanno da nessuna parte. Ma c’è un’ondata di codifica basata su cloud con molti IDE gratuiti che puoi eseguire nel tuo browser.
Queste piccole webapp sono perfette per i progetti di pratica o per testare demo online. Puoi modificare il codice da qualsiasi computer e persino condividere collegamenti con altri per ottenere il loro feedback.
Se non sei sicuro di dove iniziare nel mondo della codifica cloud, queste app dovrebbero iniziare. Abbiamo elencato 9 delle migliori opzioni gratuite per farti scrivere codice nel cloud:
1. CODEPEN
Innanzitutto è il popolare CodePen . Questo è in circolazione da anni ed è rapidamente diventato la fonte di riferimento per la codifica cloud online.
Con CodePen puoi scrivere codice HTML / CSS / JS e verrà visualizzato direttamente sulla pagina. Tutto si aggiorna automaticamente in modo da poter vedere i risultati in tempo reale durante la digitazione. Per non parlare del fatto che puoi anche eseguire su Sass / Less o sui numerosi linguaggi HTML come Pug o Haml.
Inoltre, se riesci a trovare collegamenti CDN per le tue librerie CSS o JS preferite, puoi includerle nella penna usando le impostazioni di inclusione.
Davvero CodePen è la prima scelta per la codifica basata su browser. Ha tutto ciò di cui potresti aver bisogno con tonnellate di nuove funzionalità che vengono rilasciate continuamente.
2. JSFIDDLE
Un attento follow-up a CodePen è JSFiddle . Questo sito è online da anni ed è una delle piattaforme cloud più conosciute.
Con JSFiddle costruisci praticamente qualsiasi cosa usando HTML / CSS / JS. Funziona in modo molto simile a CodePen in cui è possibile includere librerie direttamente nella piattaforma.
La cosa interessante di JSFiddle è come hanno un elenco di script e framework che puoi includere con il clic di un pulsante. Le opzioni vanno da D3.js a Vue.js e tra dozzine di altre.
È davvero un superbo webpp e rivaleggia con CodePen come scelta preferita da molti sviluppatori.
3. CODESANDBOX
Ecco un sito più recente nello spazio IDE cloud ma è uno che vale la pena aggiungere segnalibri. CodeSandbox è totalmente gratuito e open source con un repository GitHub completo per la navigazione.
Questo sito si differenzia perché consente di eseguire il codice da molti altri framework in modo nativo. Ciò include React, Ember, Angular e molti altri.
Puoi anche scegliere tra una serie di modelli per creare nuovi progetti da zero. Il tuo nuovo progetto basato su cloud ha una propria struttura di file virtuale che puoi alternare e persino aggiungere altro mentre procedi.
Definirei anche questa una vera e propria piattaforma di sviluppo di applicazioni Web che va oltre la scrittura di frammenti di codice di base.
Tuttavia non è stato sul mio radar abbastanza a lungo per sapere se rimarrà per il lungo raggio. In base al numero di fantastiche funzionalità, lo spero davvero!
4. CSSDECK
Non troppi sviluppatori menzionano CSSDeck, ma è ancora una delle piattaforme di codifica frontend più pulite online.
Questo è in esecuzione da prima di CodePen, quindi è sicuramente un sito stabile. Supporta tutti i principali linguaggi JS in modo da poter creare demo con HTML, CSS e JS.
Una delle funzionalità più interessanti qui è lo snippet di codice in primo piano nella prima pagina. Puoi sfogliare i codici recenti che altri hanno creato e scavare nella fonte per copiare, clonare o rinnovare, se lo desideri.
5. PLUNKER
Per la collaborazione in tempo reale e la condivisione del codice non puoi fare molto meglio di Plunker . Questo è stato creato appositamente per gli sviluppatori che lavorano nel cloud e vogliono condividere idee con gli altri da remoto.
Tutti i progetti sono pubblici, quindi puoi sfogliare i trunk per vedere cosa stanno creando gli altri. Se dai un’occhiata alla pagina dell’editor noterai che questo strumento ha molte più funzioni social rispetto ad altri. Puoi chattare con la community e persino sfogliare i modelli creati dall’utente per aiutarti a iniziare.
Plunker è dotato di un minificatore di codice integrato, funzionalità di collaborazione, chat dal vivo, creazione di codici e un pulsante di download per scaricare tutto il codice in un file .zip. È probabilmente il modo migliore per scrivere codice con altre persone e mantenere le cose organizzate.
6. JS BIN
Ecco un editor davvero interessante che si concentra principalmente su JavaScript. Con JS Bin hai un’esperienza di codifica molto simile a JSFiddle ma con una maggiore enfasi sugli standard di codifica JavaScript.
Ogni frammento creato ha una propria console per la registrazione degli script JS, oltre a spazio per il debug direttamente nella schermata dell’editor principale. La loro guida di aiuto è enorme con molte risorse per i principianti che cercano di imparare lo strumento.
Potrebbe non essere l’IDE cloud più popolare, ma vale sicuramente la pena salvarlo se fai molto JavaScript.
7. IDEONE
Con Ideone troverai molto di più della semplice codifica frontend. Questa webapp ti consente di compilare quasi tutte le lingue e testare i tuoi codici direttamente nel browser.
Dalla pagina principale troverai una casella di frammento di codice con un piccolo menu a discesa nell’angolo in basso a sinistra. Quel menu elenca tutte le lingue di codifica disponibili e ci sono facilmente più di 50 opzioni tra cui scegliere. Probabilmente non li userai tutti, ma supporta molte lingue web-friendly:
- PHP
- Perl
- Rubino
- Pitone
- VB .NET
Ci sono molte limitazioni in questa app poiché non è possibile creare programmi completi che funzionano su un server potente. Ma puoi almeno testare le tue idee senza creare un ambiente di sviluppo locale.
8. MJML EDITOR
Ho usato MJML un paio di volte per lo sviluppo di newsletter di base ed è un ottimo framework. Ma uno dei migliori motivi per provare questo framework è l’ editor di codice live che ospitano online.
Funziona nel cloud, quindi non devi mai scaricare nulla. Ci vuole un po ‘di adattamento per capire come funziona la sintassi MJML. Ma questo editor ti consente di giocare gratuitamente con la sintassi e di creare al volo le tue newsletter.
In effetti, puoi creare un design di newsletter completo proprio all’interno di questa webapp e scaricare il codice finito quando hai finito. Fondamentalmente è un programma completo per codificare la tua newsletter dall’inizio alla fine.
9. STACKBLITZ
Se fai un sacco di sviluppo webapp su Angular o React, adorerai StackBlitz .
Questo è un editor cloud gratuito creato appositamente per lo sviluppo di framework usando questi famosi script open source. Puoi estrarre i pacchetti da npm e persino ottenere un URL personalizzato per vedere la tua webapp online (ospitata gratuitamente).
È un’impresa enorme e il progetto è ancora in fase di sviluppo attivo. Ma puoi registrarti con il tuo account GitHub e iniziare a creare webapp davvero fantastiche completamente gratuite.
