Of je nu een professionele webontwikkelaar bent of iemand die zijn eigen website (s) onderhoudt, de kans is groot dat je het grootste deel van je werk op een desktop of laptop doet. Logisch, aangezien er een aantal geweldige webontwikkelingstools zijn voor verschillende besturingssystemen.

Maar wat gebeurt er als u een aantal wijzigingen aan een site of ontwerp moet aanbrengen en niet bij die desktop of laptop bent? En wat doe je als je een tablet of apparaat zoals een Chromebook gebruikt? Omdat u zich voor het web ontwikkelt, is er geen reden waarom u zich niet kunt wenden tot het web voor hulp.

Het is de moeite waard om eens een van de vele webgebaseerde code-editors te bekijken. Ze variëren van eenvoudige editors tot complete geïntegreerde ontwikkelomgevingen (IDE's).

Laten we vier online editors voor webontwikkelaars bekijken.

1. Codey

Codey is een zeer eenvoudige maar zeer effectieve editor. Hiermee kunt u verbinding maken met uw webservers en bestanden maken en bewerken op die servers.

Nadat u zich hebt aangemeld en u bent aangemeld, wordt u om de FTP-aanmeldingsgegevens voor uw webserver gevraagd.

Als u meerdere sites onderhoudt, kunt u meer dan één server toevoegen.

De bewerkingsinterface van Codey is vrij eenvoudig. In het navigatievenster aan de linkerkant kunt u een nieuw bestand maken of het bestand selecteren dat u in een lijst wilt bewerken. U zult merken dat er geen werkbalk is die u toegangstags of elementen met één klik biedt. Je moet al je coderingen met de hand doen.

2. ShiftEdit

ShiftEdit is een flexibele IDE voor webontwikkeling. U kunt het ook gebruiken om te schrijven in platte tekst of in textiel.

Je kunt op verschillende manieren bestanden in ShiftEdit krijgen:

  • Nieuwe bestanden maken
  • Bestanden uploaden van uw harde schijf
  • Een DreamWeaver-sitebestand importeren
  • Verbinding maken met een webserver via SFTP
  • Bestanden openen die zijn opgeslagen in Dropbox

Net als bij Codey moet je handmatig coderen met ShiftEdit. Nou ja, niet altijd. ShiftEdit heeft ook een ontwerpweergave die werkt als een WYSIWYG-editor. Het geeft eigenlijk een goede weergave van hoe een webpagina eruit zal zien.

ShiftEdit heeft twee versies: een gratis versie en een eersteklas editie die je meer functies zal geven, en die je $ 5 (USD) per maand terugzet.

3. JustEdit

Liegen ergens tussen Codey en ShiftEdit is JustEdit. Met JustEdit kunt u JavaScript, HTML5-code en CSS schrijven en de wijzigingen bekijken terwijl u typt.

De bewerkingsinterface is erg basic. U moet handmatig coderen, maar er zijn drie tabbladen - één voor Javascript, HTML en CSS. Het preview-venster aan de rechterkant laat zien hoe alle drie samen kijken.

Een handige functie van JustEdit is de weergave Smart Phone . Zoals de naam al doet vermoeden, kunt u zien hoe uw pagina of site eruitziet wanneer deze met een smartphone wordt bekeken.

JustEdit heeft ook nog een andere interessante eigenschap: de mogelijkheid om een ​​project te vervuilen. U kunt uw code nemen, een kopie ervan maken en die vervolgens gebruiken als basis voor een ander project. Je kunt ook een code schrijven die anderen hebben gedeeld en een afgeleide laten werken of gewoon leren van wat anderen hebben gedaan.

4. CodeRun

Als u een C #, Javascript of PHP-ontwikkeling uitvoert, wilt u CodeRun misschien van nabij bekijken.

CodeRun lijkt qua vorm en uiterlijk op een desktop-IDE. Je werk is opgebouwd rond de metafoor van het project . CodeRun bouwt het skelet van het project en heeft een projectbeheervenster waarmee u bestanden uit een project kunt toevoegen en verwijderen, bestanden kunt kopiëren en uploaden en bestanden kunt bekijken in een webbrowservenster.

Je kunt je code uitvoeren, bouwen en zelfs een volledig project downloaden naar je harde schijf als een .zip-bestand.

CodeRun houdt u eerlijk door uw fouten op twee manieren te controleren. Allereerst is er een real-time foutlijst onderaan het applicatievenster. En er is een ingebouwde debugger. De debugger kan traag zijn, maar het doet behoorlijk goed werk.

Laatste gedachten

Omdat u niet achter uw computer zit en uw tools niet betekent dat u niet aan uw webontwikkelingsprojecten kunt werken. Door naar het web zelf te gaan en de krachtige en flexibele tools te gebruiken die beschikbaar zijn, hoef je geen slag te missen. Je kunt werken en dingen voor elkaar krijgen, waar je ook bent.

Foto credit: ppdigital