Alla ricerca di un ambiente di sviluppo integrato affidabile basato su browser?  Inizia a sviluppare ovunque con questi IDE del browser.

I 13 migliori IDE per browser che ogni programmatore dovrebbe conoscere

Annuncio pubblicitario Un buon ambiente di sviluppo è essenziale per ogni programmatore. Che tu stia sviluppando le ultime app Web o apprendendo una lingua per la prima volta, l'ambiente che usi dovrebbe essere comodo e facile da usare. Gli IDE (Integrated Development Environments) sono progettati per facilitare la programmazione degli sviluppatori.

Annuncio pubblicitario

Un buon ambiente di sviluppo è essenziale per ogni programmatore. Che tu stia sviluppando le ultime app Web o apprendendo una lingua per la prima volta, l'ambiente che usi dovrebbe essere comodo e facile da usare.

Gli IDE (Integrated Development Environments) sono progettati per facilitare la programmazione degli sviluppatori. La maggior parte di essi sono programmi offline installati sul disco rigido del computer.

Molti IDE basati su browser sono adatti per la codifica nel cloud. Molti di loro hanno delle limitazioni rispetto alle loro controparti offline, ma stanno migliorando continuamente. Qualunque cosa tu voglia fare, esiste un IDE per quasi ogni uso.

1. Miglior IDE professionale online: AWS Cloud9

IDE AWS Cloud9 di Amazon
Quando Amazon ha acquistato l'IDE Cloud9 nel 2016, era già uno dei preferiti dagli sviluppatori. La piena integrazione con Amazon Web Services la rende probabilmente la piattaforma di sviluppo online più potente ed estensibile attualmente disponibile. L'IDE online combina un editor di codice con un terminale e potenti strumenti di debug.

Cloud9 offre anche una modalità di programmazione di coppia simile alla condivisione VS Live che consente la programmazione remota collaborativa in team. Hai bisogno di una prototipazione veloce? Cloud9 ti dà accesso diretto ai servizi AWS attraverso l'assistenza terminale integrata.

2. Miglior IDE online gratuito: CodeTasty

IDE del browser CodeTasty

CodeTasty è un IDE cloud completo nel cloud ed è rapido e semplice da configurare.

Sono supportate tutte le principali lingue, insieme ad altri linting e transpiling per Typescript. L'editor stesso è un ambiente di sviluppo virtuale completo completo di terminali e finestre di output. CodeTasty è gratuito e completamente funzionale, sebbene siano disponibili livelli a pagamento per ulteriori opzioni di progetto e collaborazione di gruppo.

3. Miglior IDE online per principianti: Codeacademy

Codeacademy è sia un IDE che un'aula per il codice

Codecademy combina un IDE online con lezioni per insegnare la programmazione dal principiante all'esperto. Il loro variegato catalogo comprende lingue popolari tra cui Python, JavaScript, CSS, HTML e Ruby.

Accanto all'apprendimento delle lingue, Codeacademy offre corsi a pagamento Pro e Pro Intensivi progettati per coprire materie intere. Corsi di esperti di machine learning, sviluppo test driven e sviluppo web front-end sono solo alcuni di quelli disponibili.

4. Miglior IDE online per artisti: p5.js

web editor p5.js per la codifica creativa

La libreria p5.js si basa su JavaScript e fornisce strumenti per la creazione di arte interattiva attraverso il codice. Anziché installare la libreria ed eseguire un server locale, l'editor web p5.js ti consente di programmare istantaneamente online.

Oltre a creare splendide immagini, la libreria p5.js offre opportunità di interazione. La nostra animazione robot sensibile alla voce Come scrivere l'animazione di un robot sensibile alla voce in p5.js Come scrivere l'animazione di un robot sensibile alla voce in p5.js Vuoi coinvolgere i tuoi figli nella programmazione? Mostra loro questa guida per costruire una testa robotica animata reattiva al suono. Leggi di più tutorial mostra quanto sia facile e veloce creare arte reattiva con p5.js.

5. Miglior IDE online per Python: Codevny

Codenvy online è ottimo per Python

Un IDE Python online deve essere rapido, facile da usare e dotato di un terminale per i test. Codenvy offre tutte queste cose e molto altro. Codenvy è indipendente dal linguaggio e ogni istanza dell'IDE è un ambiente di sviluppo indipendente.

Pacchetti e moduli aggiuntivi possono essere installati utilizzando il terminale online. Codenvy è un robusto strumento di sviluppo e collaborazione e capace di quasi tutte le forme di sviluppo moderno.

6. Miglior IDE online per JavaScript: JSFiddle

JSFiddle: perfetto per giocherellare con JavaScript
Giocherellare con JavaScript? Prova JSFiddle, con progetti di template per aiutarti a far decollare rapidamente le tue idee per le app web.

JSFiddle è completamente gratuito (supportato da pubblicità) e utilizzato da giganti come Google e Facebook insieme a migliaia di sviluppatori.

7. Miglior IDE online per gli utenti GitHub: Gitpod

Mentre il concetto di un IDE GitHub potrebbe sembrare strano all'inizio, ha molto senso. Gitpod esiste come un modo per modificare i file su GitHub nel browser. Un'estensione del browser aggiunge un pulsante alla pagina GitHub, che quando si fa clic apre un'area di lavoro per il progetto corrente.

La modifica avviene in un IDE basato su VS Code. Il confronto dei codici side-by-side è integrato, insieme ai commenti per la collaborazione all'interno di un team. Gitpod è un'idea unica e attualmente in fase beta gratuita per repository pubblici e privati.

8. Miglior IDE online per Ruby e Ruby on Rails: Repl.it

Repl.it è un semplice IDE per Ruby tra le altre lingue

Ruby occupa un posto speciale nel cuore di molti programmatori. È facile da leggere, conciso da scrivere e la spina dorsale per la piattaforma sempre alla moda di Ruby on Rails. Un IDE online per Ruby dovrebbe essere audace, semplice ed esteticamente gradevole. Repl.it ha ambienti sia per Ruby che per Ruby on Rails ed è il luogo perfetto per affinare le tue abilità.

9. Miglior IDE online per designer: Codepen.io

Codepen è un parco giochi online per i designer

Se vuoi creare bellissime cose per il web, Codepen.io è il posto che fa per te. L'IDE funziona come uno sketchbook per tutti i tipi di sviluppo web front-end. Un'enorme comunità di tutti i livelli di abilità spinge continuamente il limite di ciò che è possibile nel browser.

La newsletter settimanale di Spark è una raccolta delle migliori penne della settimana insieme al podcast di Codepen Radio. Accanto alla sua comunità, Codepen ha molte altre fantastiche funzionalità 8 Funzionalità CodePen fantastiche per la programmazione e lo sviluppo Web 8 Funzionalità CodePen fantastiche per la programmazione e lo sviluppo Web Iniziare con JavaScript per lo sviluppo Web può essere frustrante, ma è molto più semplice se si utilizza CodePen e la sua raccolta di utili funzioni. Maggiori informazioni per programmatori e sviluppatori web.

10. Miglior IDE di codifica online per bambini: Small Basic

Nuova istanza dell'IDE Microsoft Smal Basic

Iniziare a programmare è difficile per i bambini. Small Basic include un editor online adatto ai bambini che perdona con la sintassi del codice. La lingua è leggibile ma abbastanza vicina al codice reale per essere utile.

La libreria inclusa comprende disegno, input di testo, audio e persino alcune reti di base. Dai un'occhiata ad alcuni semplici progetti di codifica per bambini 3 Progetti di codifica semplice per bambini che utilizzano Microsoft Small Basic 3 Progetti di codifica semplice per bambini che utilizzano Microsoft Small Basic Cerchi un modo semplice per iniziare con la codifica? Prova questi progetti di codifica Microsoft Small Basic per imparare la programmazione oggi. Leggi di più sulla piattaforma per vedere se è per te!

11. Miglior IDE basato su blocchi per bambini: Tynker

Tynker BLock Based IDE per bambini

Genitori e figli imparano insieme alla piattaforma basata su blocchi Tynker. Ci sono più corsi gratuiti disponibili per provare il servizio, ma pagare l'abbonamento mensile da $ 7, 50 ti dà molto di più. Tynker ha una vasta libreria di corsi di codifica, giochi, hardware e modding di Minecraft a partire dai sette anni.

12. Miglior IDE online per Arduino / IOT: Arduino Web Editor

Arduino Crea Web IDE

Forse non sorprende che il posto migliore per programmare online le schede Arduino sia l'editor Web Crea di Arduino. Mentre è ancora agli inizi, funziona in modo molto simile all'IDE offline. Oltre all'editor del codice, il gestore della libreria e il monitor seriale sono disponibili anche nel browser.

Attualmente, esiste solo il supporto per le schede Arduino ufficiali e una manciata di altre, tuttavia in futuro arriverà un supporto maggiore. Un avvertimento di questo IDE è la necessità di scaricare un piccolo programma bridge per accedere alle porte USB e caricare il codice.

13. Miglior IDE online per la programmazione hardware visivo: XOD.io

IDE di programmazione hardware basato su nodo XOD

XOD è un programmatore visivo open source basato su nodo per schede Arduino. Ogni blocco rappresenta dispositivi e sensori e puoi creare collegamenti tra loro trascinando le linee da ciascun nodo.

La libreria include molti nodi per usi diversi e le raccolte di nodi si comprimono in nuovi nodi per blocchi puliti e leggibili.

Sfortunatamente, la versione del browser di XOD non supporta il caricamento diretto su schede. Vi è, tuttavia, una modalità di simulazione che testerà il programma senza la necessità di una scheda connessa.

Coding on the Cloud

Molti degli IDE in questo elenco sono in grado di fare quasi tutto ciò che richiede un programmatore. Tuttavia, la maggior parte presenta alcune limitazioni. Molti hanno un costo di abbonamento per coprire i costi e tutti richiedono una connessione costante a Internet per funzionare correttamente.

Gli IDE offline hanno la comodità di non richiedere una connessione a Internet e molti, tra cui i programmatori Microsoft Hearts di Microsoft Visual Studio e VS Code! 11 strumenti di sviluppo gratuiti da MS Microsoft Hearts Programmers! 11 Strumenti di sviluppo gratuiti da MS Desideri un modo semplice per programmare senza pagare app e tutorial? Scopri la libreria di risorse di sviluppo di Microsoft! Maggiori informazioni sono potenti e gratuiti.

Ulteriori informazioni su: Ambiente di sviluppo integrato, IDE online.