De 13 beste browser-IDE's die elke programmeur zou moeten kennen

De 13 beste browser-IDE's die elke programmeur zou moeten kennen

Een goede ontwikkelomgeving is essentieel voor elke programmeur. Of u nu de nieuwste web-apps ontwikkelt of voor de allereerste keer een taal leert, de omgeving die u gebruikt, moet handig en gebruiksvriendelijk zijn.





IDE's (Integrated Development Environments) zijn ontworpen om het coderen voor ontwikkelaars gemakkelijker te maken. De meeste zijn offline programma's die op de harde schijf van de computer zijn geïnstalleerd.





Veel browsergebaseerde IDE's zijn geschikt voor codering in de cloud. De meeste van hen hebben beperkingen in vergelijking met hun offline tegenhangers, maar ze verbeteren de hele tijd. Wat je ook van plan bent te maken, er is een IDE voor bijna elk gebruik.





1. Beste professionele online IDE: AWS Cloud9

Toen Amazon de Cloud9 IDE in 2016 kocht, was het al een vaste favoriet bij ontwikkelaars. Volledige integratie met Amazon Web Services maakt het misschien wel het meest krachtige en uitbreidbare online ontwikkelingsplatform dat momenteel beschikbaar is. De online IDE combineert een code-editor met een terminal en krachtige debugging-tools.

Cloud9 beschikt ook over een pair-programmeermodus die vergelijkbaar is met VS Live Share, waardoor gezamenlijke programmering op afstand in teams mogelijk is. Snel prototypen nodig? Cloud9 geeft u directe toegang tot AWS-services via de geïntegreerde terminalassistent.



2. Beste gratis online IDE: CodeSmakelijk

CodeTasty is een volledig functionele cloud-IDE in de cloud en is snel en eenvoudig in te stellen.

Alle belangrijke talen worden ondersteund, samen met linting en transpiling voor onder andere Typescript. De editor zelf is een volledige virtuele ontwikkelomgeving, compleet met terminal- en uitvoervensters. CodeTasty is gratis en volledig functioneel, hoewel er betaalde niveaus beschikbaar zijn voor meer projectopties en teamsamenwerking.





3. Beste online IDE voor beginners: Codeacademie

Codecademy combineert een online IDE met lessen om codering te leren van beginner tot expert. Hun gevarieerde catalogus omvat populaire talen, waaronder Python, JavaScript, CSS, HTML en Ruby.

Naast het leren van talen, biedt Codeacademy: Voor en Pro Intensief betaalde cursussen die zijn ontworpen om hele onderwerpen te behandelen. Deskundige cursussen over machine learning, testgestuurde ontwikkeling en front-end webontwikkeling zijn slechts enkele van de beschikbare cursussen.





4. Beste online IDE voor artiesten: p5.js

De p5.js-bibliotheek is gebaseerd op JavaScript en biedt hulpmiddelen voor het maken van interactieve kunst door middel van code. In plaats van de bibliotheek te installeren en een lokale server te draaien, kunt u met de p5.js-webeditor direct online coderen.

hoe schijfruimte vrij te maken op Windows 10

Naast het creëren van prachtige visuals, biedt de p5.js-bibliotheek mogelijkheden voor interactie. Onze zelfstudie over stemgevoelige robotanimatie laat zien hoe snel en eenvoudig het is om reactieve kunst te maken met p5.js.

5. Beste online IDE voor Python: Codevny

Een online Python IDE moet snel en gebruiksvriendelijk zijn en een terminal hebben om te testen. Codenvy biedt al deze dingen en nog veel meer. Codenvy is taalagnostisch en elke instantie van de IDE is een onafhankelijke ontwikkelomgeving.

Extra pakketten en modules kunnen geïnstalleerd worden via de online terminal. Codenvy is een robuuste ontwikkelings- en samenwerkingstool en in staat tot bijna alle vormen van moderne ontwikkeling.

6. Beste online IDE voor JavaScript: JSFiddle

Aan het rommelen met JavaScript? Probeer JSFiddle, met sjabloonprojecten om uw webapp-ideeën snel van de grond te krijgen.

JSFiddle is volledig gratis (ad-ondersteund) en wordt gebruikt door giganten als Google en Facebook naast duizenden ontwikkelaars.

7. Beste online IDE voor GitHub-gebruikers: Gitpod

Hoewel het concept van een GitHub IDE in eerste instantie misschien vreemd lijkt, is het heel logisch. Gitpod bestaat als een manier om bestanden op GitHub in de browser te bewerken. Een browserextensie voegt een knop toe aan de GitHub-pagina, die wanneer erop wordt geklikt een werkruimte voor het huidige project opent.

Bewerking vindt plaats in een IDE op basis van VS Code. Naast elkaar codevergelijking is ingebouwd, samen met commentaar voor samenwerking binnen een team. Gitpod is een uniek idee en bevindt zich momenteel in een gratis bètafase voor openbare en particuliere repo's.

8. Beste online IDE voor Ruby en Ruby on Rails: Repl.it

Ruby heeft een speciaal plekje in de harten van veel programmeurs. Het is gemakkelijk te lezen, beknopt om te schrijven en de ruggengraat voor het altijd trendy Ruby on Rails-platform. Een online IDE voor Ruby moet gedurfd, eenvoudig en esthetisch aantrekkelijk zijn. Repl.it heeft omgevingen voor zowel Ruby als Ruby on Rails en is de perfecte plek om je vaardigheden aan te scherpen.

9. Beste online IDE voor ontwerpers: Codepen.io

Als je mooie dingen voor het web wilt maken, dan is Codepen.io de plek voor jou. De IDE werkt als een schetsboek voor allerlei soorten front-end webontwikkeling. Een enorme gemeenschap van alle vaardigheidsniveaus verlegt voortdurend de limiet van wat mogelijk is in de browser.

De wekelijkse Spark-nieuwsbrief is een verzameling van de beste pennen van de week samen met de Codepen Radio-podcast. Naast de community heeft Codepen: vele andere geweldige functies s voor programmeurs en webontwikkelaars.

10. Beste online codeer-IDE voor kinderen: Kleine Basis

Beginnen met coderen is moeilijk voor kinderen. Small Basic bevat een kindvriendelijke online editor die vergevingsgezind is met codesyntaxis. De taal is leesbaar, maar dicht genoeg bij de daadwerkelijke code om bruikbaar te zijn.

google home mini kan geen verbinding maken met wifi

De meegeleverde bibliotheek omvat tekenen, tekstinvoer, geluid en zelfs wat basisnetwerken. Bekijk wat eenvoudige codeerprojecten voor kinderen op het platform om te kijken of het iets voor jou is!

11. Beste op blok gebaseerde IDE voor kinderen: Denkt

Ouders en kinderen om samen te leren met het Tynker-blokgebaseerde platform. Er zijn meerdere gratis cursussen beschikbaar om de service uit te proberen, maar als u het maandelijkse abonnement van $ 7,50 betaalt, krijgt u veel meer. Tynker heeft een uitgebreide bibliotheek met coderings-, game-, hardware- en Minecraft-moddingcursussen voor kinderen vanaf zeven jaar.

kom uit de kamer spel

12. Beste online IDE voor Arduino/IOT: Arduino-webeditor

Het is misschien niet verwonderlijk dat de beste plaats om Arduino-boards online te programmeren, Arduino's eigen Create Web-editor is. Hoewel het nog in de kinderschoenen staat, werkt het net als de offline IDE. Naast de code-editor zijn ook de bibliotheekmanager en de seriële monitor beschikbaar in de browser.

Momenteel is er alleen ondersteuning voor officiële Arduino-boards en een handvol andere, maar in de toekomst komt er meer ondersteuning. Een voorbehoud van deze IDE is de noodzaak om een ​​klein bridge-programma te downloaden om toegang te krijgen tot de USB-poorten en code te uploaden.

13. Beste online IDE voor visuele hardwareprogrammering: XOD.io

XOD is een open source, op knooppunten gebaseerde visuele programmeur voor Arduino-borden. Elk blok vertegenwoordigt apparaten en sensoren, en u kunt er koppelingen tussen maken door lijnen vanaf elk knooppunt te slepen.

De bibliotheek wordt geleverd met veel knooppunten voor verschillende doeleinden, en verzamelingen knooppunten storten in nieuwe knooppunten voor schone, leesbare blokken.

Helaas ondersteunt de browserversie van XOD niet rechtstreeks uploaden naar boards. Er is echter een simulatiemodus die het programma zal testen zonder dat een aangesloten bord nodig is.

Coderen in de cloud

Veel van de IDE's op deze lijst zijn in staat om bijna alles te doen wat een codeur vereist. De meeste hebben echter enkele beperkingen. Velen hebben abonnementskosten om de kosten te dekken, en ze hebben allemaal een constante verbinding met internet nodig om goed te kunnen functioneren.

Offline IDE's hebben het gemak dat ze geen internetverbinding nodig hebben, en veel, waaronder Microsoft's Visual Studio en VS Code, zijn krachtig en gratis.

Deel Deel Tweeten E-mail Dit is waarom de FBI een waarschuwing heeft afgegeven voor Hive Ransomware

De FBI waarschuwde voor een bijzonder vervelende vorm van ransomware. Dit is waarom je extra op je hoede moet zijn voor Hive-ransomware.

Lees volgende
Gerelateerde onderwerpen
  • Programmeren
  • Geïntegreerde ontwikkelomgeving
  • Online IDEE
Over de auteur Ian Buckley(216 artikelen gepubliceerd)

Ian Buckley is een freelance journalist, muzikant, performer en videoproducent die in Berlijn, Duitsland woont. Als hij niet aan het schrijven of op het podium staat, sleutelt hij aan doe-het-zelf-elektronica of code in de hoop een gekke wetenschapper te worden.

Meer van Ian Buckley

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren