Bruker du fortsatt skrivebordskode redaktører? Webintegrerte utviklingsmiljøer (IDEer) er en ny måte å bygge webprosjektene direkte i nettleseren, og sparer ofte utviklingstiden og gjør samarbeidet enklere.

Den ydmyke nettleseren pleide å bare servere enkle HTML-dokumenter, men det er ofte nå ditt første stopp for omtrent enhver oppgave. Tenk på det - dokumentredigering, fildeling, bildemanipulering, serverbackup, 3D-rendering, musikkproduksjon og omtrent alt annet arbeid som tradisjonelt er gjort i stasjonær programvare, kan nå håndteres av en webtjeneste.

Jeg har faktisk blitt motvillig til å installere noe lenger, siden det vanligvis er et flott web-alternativ som bare krever en enkel kontooppføring for å bruke den. Men selv med alle de flotte tjenestene på nettet, har webutvikling selv vært en av de siste grensene for denne trenden, kanskje på grunn av utviklernes motvilje mot å jobbe online. Men det begynner å forandre, og med god grunn: webintegrerte utviklingsmiljøer konkurrerer nå med desktop-løsninger når det gjelder kvalitet og nytte.

Koding offline er gal

De fleste utviklere bygger nettsteder på skrivebordet før de legges på nettet. Dette var en fornuftig måte å jobbe i det siste da vi hadde langsommere netthastigheter, de fleste løsningene var skrivebordsbaserte, og vi var redd for å sette noe på nettet med mindre det var ferdig. Imidlertid er selv gjennomsnittlige webhastigheter raske nå, og det er mange gode online kodingsløsninger.

Å bygge nettsteder og programmer kan være som å bygge et hus. Jeg kunne lage mange analogier til hvordan grunnlag, rørledninger og interiørdesign stemmer overens med nettsidekomponenter. Men i motsetning til etterbehandling av et hus, når du er ferdig med å bygge et nettsted, flytter du det til et annet sted. Som å prøve å flytte et ferdig hus til et nytt parti, det er da problemene kan begynne. Du har sannsynligvis ikke bygget området i nøyaktig det samme miljøet du vil distribuere til, noe som kan føre til problemer. Du ville ikke bygge et hus i et felt når du vet at det må flyttes til en gate når du er ferdig. Ved flytting av et hus vil deler sannsynligvis bli ødelagte, ingen av rørene vil samsvare, og så videre. Så hvorfor ville du gjøre det med et nettsted? Det er gal å jobbe på den måten.

Det vanligste argumentet mot koding på nettet er at det ikke er profesjonelt å jobbe på levende nettsteder. Men koding på nettet betyr ikke at du setter klientsteder i arbeid pågår - bygg i et utviklingsområde som du bare har tilgang til. Når du er klar, flytte den til live-området - enkelt! Det er på tide å omfavne koding på nettet.

Etter å ha byttet til web-IDEer for det siste året, bruker jeg halvdelen av tiden utelukkende online nå, og sparer omtrent 10 til 15 prosent i løpet av tiden fra min tidligere skrivekodesøkingspraksis. Det er på tide jeg kan bruke til å gjøre et nettsted bedre, eller kanskje til og med av og til fullføre arbeidsdagen til tiden. (Ja, det kan skje!) Hvorfor er IDEer så kjempebra? Her er fire store grunner:

  • Du kan kode hvor som helst med hvem som helst: Ved hjelp av en online-løsning kan du kode fra hvor som helst - hjemme, kontor, tog, webkafe eller fra hvor som helst hvor du har en enhet med en nettleser og internettforbindelse. Du kan også kode i lag, i samme rom eller eksternt, og samtidig, noe som ikke alltid er lett å oppnå med desktop code redaktører.
  • Du kan bruke hvilket som helst OS du vil ha: Uten å måtte installere noe, spiller det ingen rolle om du bruker Mac, Windows, Linux eller et annet operativsystem så lenge du har en moderne nettleser.
  • Du trenger ikke å ha en zillion-programmer åpen: Et annet stort pluss med IDE-er trenger ikke å ha så mange programmer åpne og stadig bytte mellom vinduer. Du bruker bare nettleseren til IDE-nettet blir effektivt verktøykassen din.
  • Du kan teste raskere: IDE-er lagrer også på testing og til og med distribusjonstid, da koding på nettet gir deg mulighet til å oppdage problemer mens du bygger, spesielt hvis du bruker det samme servermiljøet som det levende nettstedet vil ha.

Online koding løsninger

Så hvilke web-IDEer kan du bruke akkurat nå? Populære løsninger inkluderer Cloud 9 , ShiftEdit og CodeAnywhere blant mange andre. Hver tilbyr sin egen takk på hvordan en online kodingsløsning skal fungere. Noen krever betaling, og andre gjør det ikke; Noen lar deg jobbe via FTP på dine egne domener, og andre krever at du kloner inn i systemet først. I likhet med skrivebordskodeverktøy har hver sitt eget omfang og stil, så det er viktig å sjekke ut alle funksjonene for å finne den som passer best for deg.

Du kan kanskje tenke (som jeg gjorde et par år tilbake) at IDE er lette på egenskaper og evner, men det er langt fra sannheten. De ledende web-IDEene konkurrerer enkelt med de populære desktop-kodeditorene, hvis de ikke overstiger dem når det gjelder kvalitet og evne. De har ofte store brukerbaser; De veletablerte har 100.000 + brukere. Så de oppdateres så ofte som hver uke med nye funksjoner, mens stasjonære løsninger kanskje bare oppdaterer funksjonene i nye versjoner hvert par år.

Kodingsløsninger på nettet tilbyr alle standardfunksjonene som kodelampe, folding, kodefylling og mer, pluss terminalvinduer, samarbeidskoding, dynamiske grensesnitt og direkte forbindelser til andre tjenester som Github, Bitbucket og Dropbox.

Alternativer for åpen kildekode

Gjennom årene har jeg hørt så mange web devs klage over at redaktørene ikke fungerer bra for dem. Men de føler at de ikke kan gjøre noe med det, unntatt informere leverandøren og vente på en reparasjon eller endring. Med flere og flere open-source web-IDEer nå tilgjengelig, kan du rekonstruere verktøyet for å matche dine behov. Det er ikke nødvendig å kjempe med redaktøren din lenger - gjør det til å fungere for deg.

På den eksperimentelle enden av web-IDE-spektret er åpen kildevariant som f.eks Aptana og ICEcoder , som fritt tilbyr kildekoden for deg å ta, bruke og endre. Fordi de er skrevet på språk, er du sannsynligvis allerede kjent med JavaScript, PHP, Ruby. Du kan raskt få tak i dem og tilpasse ting til dine preferanser. Liker ikke hvordan du åpner filer? Endre det. Vil du bygge på noe ekstra? Flott, gjør det.

Selv om de ikke er vanligvis like robuste som fullservice web IDE, legger åpen kildekode-IDEer regelmessig nye funksjoner for å gi brukerne de beste kodene på nettet.

Så, hva er ulempene?

Problemene som vil stoppe deg fra å bruke web-IDE, blir stadig færre, men det er noen få grunner til at du fortsatt kan kode offline. Hvis prosjektet krever store mengder dataoverføringer eller datatrykk, ville det være upraktisk å bruke nettleseren din. Eller kanskje nettstedet ditt er tungt på grafikk og du laster opp bildene igjen og igjen, vil være tregere enn å jobbe offline.

Noen kan hevde at det største problemet er sikkerhet. Hvis koden din er tilgjengelig fra hvor som helst, kan den potensielt nås av noen. Et sikkerhetsbrudd på web-IDE-leverandøren din eller din konto kan sette koden i fare - hvis dataene er følsomme, kan dette være et stort problem. Web IDEs av denne grunn utvilsomt ta sikkerhet veldig alvorlig, men et sikkerhetsbrudd er ikke utover mulighetene og bør være en vurdering før du koder ditt neste prosjekt online.

Kast dine stasjonære løsninger

Skrivebordskode redaktører har gjort nettet hva som er i dag, og vi bør være takknemlige for programvareforfatterne som hjalp oss med å gjøre gode ting. Men skrivebordets kodedager er nummerert. Online koden redaktører la oss jobbe hvor som helst, koble sammen flere tjenester sammen, distribuere med et klikk, dra og trykk kildekoden rundt etter vår smak, og la oss bygge briljante løsninger med større effektivitet og åpenhet.

Vi må omfavne en fremtid hvor alt kan integreres, blandes og omarbeides på egen hånd eller i lag, med sikkerheten til å vite kode kan rulles tilbake, bugs spores og løses fra hvor som helst hvis det er et problem. Med alt som til slutt går til skyen, vil web-IDEer utvilsomt bli den de facto måten å kode på, og jeg gleder meg over denne lyse, nye morgenen. Hvis du fremdeles kodes frakoblet, utfordrer jeg deg til å slippe frykten din og gi fremtiden en prøve.

Har du brukt en Web IDE til å kode et nettsted? Foretrekker du en lokal løsning? Gi oss beskjed i kommentarene.

Utvalgt bilde / miniatyrbilde, kode bilde via Shutterstock.