De 13 bästa webbläsar-IDE: erna som alla programmerare bör veta om
Annons
En god utvecklingsmiljö är avgörande för alla programmerare. Oavsett om du utvecklar de senaste webbapparna eller lär dig ett språk för första gången, bör miljön du använder vara bekväm och enkel att använda.
IDE: er (Integrated Development Environments) är utformade för att underlätta kodningen för utvecklare. De flesta av dem är offline-program installerade på datorns hårddisk.
Många webbläsarbaserade IDE: er är lämpliga för kodning i molnet. De flesta av dem har begränsningar jämfört med sina offline motsvarigheter, men de förbättras hela tiden. Oavsett vad du planerar att göra, finns det en IDE för nästan varje användning.
1. Bästa professionella online-IDE: AWS Cloud9
När Amazon köpte Cloud9 IDE 2016 var det redan en fast favorit bland utvecklare. Full integration med Amazon Web Services gör det utan tvekan till den mest kraftfulla och utbyggbara online-utvecklingsplattformen som för närvarande finns. Online-IDE kombinerar en kodredigerare med en terminal och kraftfulla felsökningsverktyg.
Cloud9 har också ett parprogrammeringsläge som liknar VS Live-aktie som möjliggör samverkande fjärrprogrammering i team. Behöver du snabba prototyper? Cloud9 ger dig direkt tillgång till AWS-tjänster via den integrerade terminalassistenten.
2. Bästa gratis online-IDE: CodeTasty
CodeTasty är ett fullständigt presenterat moln-IDE i molnet och är snabbt och enkelt att installera.
Alla större språk stöds, tillsammans med fodring och transpilering för typsnitt bland andra. Redaktören själv är en fullständig virtuell utvecklingsmiljö komplett med terminal- och utgångsfönster. CodeTasty är gratis och fullt funktionell, även om betalda nivåer är tillgängliga för fler projektalternativ och teamsamarbete.
3. Bästa online-IDE för nybörjare: Codeacademy
Codecademy kombinerar en online-IDE med lektioner för att lära dig kodning från nybörjare till expert. Deras olika katalog täcker populära språk inklusive Python, JavaScript, CSS, HTML och Ruby.
Förutom språkinlärning tillhandahåller Codeacademy pro- och prointensiva betalkurser för att täcka hela ämnen. Expertkurser om maskininlärning, testdriven utveckling och frontend webbutveckling är bara några av de tillgängliga.
4. Bästa online-IDE för artister: p5.js
P5.js-biblioteket är baserat på JavaScript och tillhandahåller verktyg för att skapa interaktiv konst genom kod. I stället för att installera biblioteket och köra en lokal server låter p5.js webbredigeraren dig att koda direkt online.
Förutom att skapa vackra bilder erbjuder p5.js-biblioteket möjligheter till interaktion. Vår röstkänsliga robotanimering Hur man skriver en röstkänslig robotanimation i p5.js Hur man skriptar en röstkänslig robotanimering i p5.js Vill du få dina barn intresserade av programmering? Visa dem den här guiden för att bygga ett ljudreaktivt animerat robothuvud. Läs mer Läs mer om hur snabbt och enkelt det är att skapa reaktiv konst med p5.js.
5. Bästa online-IDE för Python: Codevny
En online Python IDE måste vara snabb, enkel att använda och ha en terminal för testning. Codenvy tillhandahåller alla dessa saker och mycket mer. Codenvy är språkagnostisk, och varje instans av IDE är en oberoende utvecklingsmiljö.
Extra paket och moduler kan installeras med online-terminalen. Codenvy är ett robust utvecklings- och samarbetsverktyg och kan nästan alla former av modern utveckling.
6. Bästa online-IDE för JavaScript: JSFiddle
Prata med JavaScript? Prova JSFiddle med mallprojekt för att få dina webbapp-idéer snabbt uppåt.
JSFiddle är helt gratis (ad stöds) och används av jättar som Google och Facebook tillsammans med tusentals utvecklare.
7. Bästa online-IDE för GitHub-användare: Gitpod
Även om konceptet med en GitHub IDE kan verka konstigt till en början, är det mycket meningsfullt. Gitpod finns som ett sätt att redigera filer på GitHub i webbläsaren. Ett webbläsarförlängning lägger till en knapp på GitHub-sidan, som när du klickar på öppnar ett arbetsområde för det aktuella projektet.
Redigering sker i en IDE baserad på VS-kod. Kodjämförelse sida vid sida är inbyggd, tillsammans med kommentarer för samarbete inom ett team. Gitpod är en unik idé och befinner sig för närvarande i ett gratis beta-steg för offentliga och privata repor.
8. Bästa online-IDE för Ruby och Ruby on Rails: Repl.it
Ruby har en speciell plats i många coders hjärtan. Det är lätt att läsa, kortfattat att skriva och ryggraden för den ständigt trendiga Ruby on Rails-plattformen. En online-IDE för Ruby bör vara djärv, enkel och estetiskt tilltalande. Repl.it har miljöer för både Ruby och Ruby on Rails och är det perfekta stället att skärpa dina färdigheter.
9. Bästa online-IDE för designers: Codepen.io
Om du vill skapa vackra saker för webben är Codepen.io platsen för dig. IDE fungerar som en skissbok för alla typer av webbaserad utveckling. En massiv gemenskap av alla kompetensnivåer driver kontinuerligt gränsen för vad som är möjligt i webbläsaren.
Det veckovisa nyhetsbrevet Spark är en samling av de bästa pennorna från veckan tillsammans med Codepen Radio podcast. Utöver sitt samhälle har Codepen många andra fantastiska funktioner 8 Awesome CodePen-funktioner för programmering och webbutveckling 8 Awesome CodePen-funktioner för programmering och webbutveckling Att komma igång med JavaScript för webbutveckling kan vara frustrerande, men det är mycket lättare om du använder CodePen och dess samling av användbara funktioner. Läs mer s för kodare och webbutvecklare.
10. Bästa online-kodnings-IDE för barn: Small Basic
Att börja koda är svårt för barn. Small Basic innehåller en barnvänlig onlineredigerare som förlåter med kodsyntax. Språket är läsbart men tillräckligt nära faktisk kod för att vara användbart.
Det inkluderade biblioteket täcker ritning, textinmatning, ljud och till och med vissa grundläggande nätverk. Kolla in några enkla kodningsprojekt för barn 3 Enkla kodningsprojekt för barn med Microsoft Small Basic 3 Enkla kodningsprojekt för barn med Microsoft Small Basic Letar du efter ett enkelt sätt att komma igång med kodning? Prova dessa Microsoft Small Basic-kodningsprojekt för att lära dig programmering idag. Läs mer på plattformen för att se om det passar dig!
11. Bästa blockbaserade IDE för barn: Tynker
Föräldrar och barn att lära tillsammans med den Tynker blockbaserade plattformen. Det finns flera gratis kurser tillgängliga för att testa tjänsten, men att betala det månatliga abonnemanget på $ 7, 50 får dig mycket mer. Tynker har ett omfattande bibliotek med kodning, spel, hårdvara och Minecraft-moddingkurser för åldrarna sju och uppåt.
12. Bästa online-IDE för Arduino / IOT: Arduino webbredigerare
Kanske inte förvånande, det bästa stället att programmera Arduino-brädor online är Arduinos egen Create Web-redaktör. Även om det fortfarande är i sin barndom, fungerar det ungefär som offline-IDE. Utöver kodredigeraren finns också bibliotekshanteraren och seriemonitoren i webbläsaren.
För närvarande finns det bara stöd för officiella Arduino-styrelser och en handfull andra, men mer stöd kommer i framtiden. En varning med denna IDE är behovet av att ladda ner ett litet broprogram för att komma åt USB-portarna och ladda upp kod.
13. Bästa online-IDE för visuell maskinvaruprogrammering: XOD.io
XOD är en öppen källkod, nodbaserad visuell programmerare för Arduino-kort. Varje block representerar enheter och sensorer, och du kan skapa länkar mellan dem genom att dra linjer från varje nod.
Biblioteket har många noder för olika användningar, och samlingar av noder kollapsar till nya noder för rena, läsbara block.
Tyvärr stöder inte webbläsarversionen av XOD uppladdning till kort direkt. Det finns dock ett simuleringsläge som testar programmet utan behov av ett anslutet kort.
Kodning på molnet
Många av IDE: erna på denna lista kan göra nästan allt som en kodare kräver. De flesta har dock vissa begränsningar. Många har en prenumerationskostnad för att täcka kostnader, och de kräver alla en konstant anslutning till internet för att fungera korrekt.
Offline-IDE: er har bekvämligheten att inte kräva en internetanslutning, och många, inklusive Microsofts Visual Studio och VS-kod Microsoft Hearts-programmerare! 11 gratis utvecklingsverktyg från MS Microsoft Hearts-programmerare! 11 gratis utvecklingsverktyg från MS Vill du ha ett enkelt sätt att programmera utan att betala för appar och självstudier? Kolla in Microsofts bibliotek med utvecklingsresurser! Läs mer är kraftfulla och gratis.
Utforska mer om: Integrerad utvecklingsmiljö, Online IDE.
