I 13 migliori IDE per browser che ogni programmatore dovrebbe conoscere

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

Gli IDE (Integrated Development Environments) sono progettati per semplificare la codifica per gli sviluppatori. La maggior parte di loro sono programmi offline installati sul disco rigido del computer.

Molti IDE basati su browser sono adatti per la codifica nel cloud. La maggior parte di loro ha dei limiti rispetto alle loro controparti offline, ma stanno migliorando continuamente. Non importa cosa intendi fare, c’è un IDE per quasi tutti gli usi.

1. Miglior IDE online professionale: AWS Cloud9

Quando Amazon ha acquistato l’IDE Cloud9 nel 2016, era già uno dei preferiti dagli sviluppatori. La piena integrazione con Amazon Web Services lo rende probabilmente la piattaforma di sviluppo online più potente ed estendibile 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 in 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 tramite l’assistenza terminale integrata.

2. Miglior IDE online gratuito: CodeTasty

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

Sono supportate tutte le principali lingue, oltre a linting e transpiling per Typescript, tra gli altri. L’editor stesso è un ambiente di sviluppo virtuale completo completo di terminale e finestre di output. CodeTasty è gratuito e completamente funzionale, sebbene siano disponibili livelli a pagamento per più opzioni di progetto e collaborazione in team.

3. Miglior IDE online per principianti: Codeacademy

Codecademy combina un IDE online con lezioni per insegnare la codifica dal principiante all’esperto. Il loro catalogo diversificato copre linguaggi popolari tra cui Python, JavaScript, CSS, HTML e Ruby.

Oltre all’apprendimento delle lingue, Codeacademy fornisce corsi a pagamento Pro e Pro Intensive progettati per coprire intere materie. Corsi di esperti su machine learning, test driven development e front end web development sono solo alcuni di quelli disponibili.

4. Miglior IDE online per artisti: p5.js

La libreria p5.js è basata su JavaScript e fornisce strumenti per la creazione di arte interattiva tramite codice. Anziché installare la libreria ed eseguire un server locale, l’editor web p5.js ti consente di programmare immediatamente online.

Oltre a creare bellissime immagini, la libreria p5.js offre opportunità di interazione. Il nostro tutorial sull’animazione del robot sensibile alla voce mostra quanto sia facile e veloce creare arte reattiva con p5.js.

5. Miglior IDE online per Python: Codevny

Un IDE Python online deve essere veloce, facile da usare e avere un terminale per i test. Codenvy fornisce tutte queste cose e molto altro ancora. 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 solido strumento di sviluppo e collaborazione, capace di quasi tutte le forme di sviluppo moderno.

6. Miglior IDE online per JavaScript: JSFiddle

Giocherellare con JavaScript? Prova JSFiddle, con progetti modello per aiutarti a far decollare rapidamente le idee per le tue 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 utenti GitHub: Gitpod

Sebbene il concetto di un IDE GitHub possa 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 viene cliccata apre un’area di lavoro per il progetto corrente.

La modifica avviene in un IDE basato su VS Code. Il confronto del codice fianco a fianco è integrato, insieme ai commenti per la collaborazione all’interno di un team. Gitpod è un’idea unica e attualmente in una fase beta gratuita per repository pubblici e privati.

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

Ruby occupa un posto speciale nel cuore di molti programmatori. È facile da leggere, conciso da scrivere e la spina dorsale per la piattaforma Ruby on Rails sempre alla moda. 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

Se vuoi creare cose belle per il web, Codepen.io è il posto che fa per te. L’IDE funziona come un album da disegno per tutti i tipi di sviluppo web front-end. Una massiccia 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. Oltre alla sua comunità, Codepen ha molte altre fantastiche funzionalità per programmatori e sviluppatori web.

10. Miglior IDE di codifica online per bambini: Small 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 effettivo per essere utile.

La libreria inclusa copre il disegno, l’immissione di testo, il suono e persino alcune reti di base. Dai un’occhiata ad alcuni semplici progetti di codifica per bambini sulla piattaforma per vedere se fa per te!

11. Miglior IDE basato su blocchi per bambini: Tynker

Genitori e bambini per imparare insieme con la piattaforma basata su blocchi di Tynker. Sono disponibili più corsi gratuiti per provare il servizio, ma pagando l’abbonamento mensile di $ 7,50 ottieni molto di più. Tynker ha una vasta libreria di corsi di programmazione, giochi, hardware e modding di Minecraft dai sette anni in su.

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

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

Attualmente, esiste solo il supporto per le schede Arduino ufficiali e una manciata di altre, tuttavia in futuro sarà disponibile ulteriore supporto. 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 visiva: XOD.io

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

La libreria viene fornita con molti nodi per usi diversi e le raccolte di nodi vengono compresse in nuovi nodi per blocchi puliti e leggibili.

Sfortunatamente, la versione browser di XOD non supporta il caricamento diretto sulle schede. Esiste, tuttavia, una modalità di simulazione che testerà il programma senza la necessità di una scheda collegata.

Codifica sul 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 Internet e molti, tra cui Visual Studio di Microsoft e VS Code, sono potenti e gratuiti.