ID.nl logo
Programmeren op iPad met Textastic
© Reshift Digital
Huis

Programmeren op iPad met Textastic

Voor de iPad is een berg aan serieuze en desktopwaardige apps beschikbaar. Zoals bijvoorbeeld Textastic, een tekst- én code-editor waarmee je serieus aan de slag kunt. Wel is het verstandig om voor dit soort gebruik een fysiek toetsenbord aan te schaffen, en een muis komt ook best van pas. Programmeren op iPad ermee werkt als volgt.

Textastic is een uitgebreide teksteditor die ook bij uitstek geschikt is voor programmeerwerk. De app herkent namelijk de syntaxis van maar liefst 80 programmeertalen, inclusief HTML. Al je code wordt dus – desgewenst- keurig netjes gemarkeerd. Dat maakt het niet alleen makkelijker om het overzicht te behouden, maar ook fouten opsporen wordt zo een stuk efficiënter. 

Met een prijskaartje van €9,99 is het zeker niet de goedkoopste app, maar voor de doelgroep is ie elke cent waard. Ook al omdat er (nog?) geen gezanik met verplichte abonnementen en extra in-app-aankopen gaande is. Eén keer betalen en je hebt al het beloofde in handen. 

Je kunt er vanzelfsprekend platte teksten als notities en aantekeningen mee maken. Maar de grote kracht ligt in code-herkenning. En voor een selectie aan talen zelfs automatische aanvulling. Die truc werkt voor HTML, CSS, JavaScript, C, Objective-C, en PHP.

Veel extra functies aan boord

Het blijft niet alleen bij tekst- en code-editen, maar er is ook voorzien in tal van extra tools. Zoals bijvoorbeeld FTP, FTPS (FTP over SSL), SFTP (SSH connection), WebDAV, Dropbox en Google Drive clients. Tegelijkertijd is tevens gedacht aan een SSH-client, en daarmee is het een wel heel compleet geheel. Waarmee inderdaad al je programmeerwensen wat editen, code delen en desnoods via SSH compileren en uitproberen in een klap zijn afgedekt. 

Als je de app start, zie je links een balk met opties. Ten eerste bestandsbeheer, maar door de knoppen linksonder kun je ook andere functies starten. Van links naar rechts: bestandsoverdracht naar een server (druk op de + om te kiezen uit (S)FTP, Dropbox, Google Drive en WebDAV. Per item dienen de benodigde aanmeldgegevens en andere benodigde zaken ingevoerd te worden. 

©PXimport

Een WebDav-server start je met het tweede knopje onderaan de kolom links op, gevolgd door helpbestanden via het vraagteken. Tot slot is er het instellingentandwiel. Klik je hierop, dan kun je de app helemaal aan je wensen aanpassen. Denk aan bijvoorbeeld een licht of een donker thema onder UI Theme of een wachtwoord voor de app. Loop alles eens rustig door, iedere ‘coder’ heeft zo z’n eigen specifieke voorkeuren.

Leesbaarheid code

Hoeveel gemarkeerde code het lezen makkelijker maakt laten we zien aan de hand van een simpel voorbeeldje: een machine-gegenereerde html-pagina van computertotaal.nl. Daar is geen mooie vormgeving met regels en lussen in te zien, wat het lezen van de platte tekst in een reguliere teksteditor tot een nachtmerrie maakt. 

Voorzien van gekleurde code-elementen wordt het – zoals je hieronder kunt zien – al een heel stuk duidelijker. Natuurlijk is handgetikte code nog veel duidelijker, maar hier valt in ieder geval iets mee aan te vangen.

©PXimport

Ga je zelf HTML-code tikken – wat soms best handig kan zijn, al was het maar om hier of daar snel wat handmatig aan te passen – dan komt de preview-functie van Textastic prima van pas. Tik of klik daarvoor op het brilletje in de knoppenbalk bovenaan (rechts). Je ziet nu een preview van wat je noeste arbeid aan resultaat biedt. Daarvoor intern een webserver gebruikt. 

Daardoor is het mogelijk de webpagina ook in de standaardbrowser Safari te bekijken, mocht je dat willen. Tik daarvoor – in de preview-weergave – eerst op Done om deze te sluiten. Houdt dan de knop met het brilletje wat langer ingedrukt of aangeklikt. In het menu dat daarop opent tik of klik je op Preview in Safari.

©PXimport

Code-herkenning

Zoals beloofd kan Textastic ook – voor en aantal talen – code herkennen. In de bovenstaande afbeelding zie je naast de knoppen < en > een streepjesknop met daarin een van een getal voorzien balletje. Klik daar op en je ziet een lijst van aangetroffen fouten. Om direct naar een probleem te springen, klik je op een fout en dan op Open (gevolgd door bestandsnaam en regelnummer). Je springt dan in de broncode meteen naar de aangetroffen fout. 

In dit heel specifieke voorbeeld bestaat het oplossen van de fouten simpelweg uit verwijderen van nog meer overbodige code. Uiteindelijk zouden we in dit geval dan nagenoeg basis-HTML-code overhouden, waarna je vervolgens weer kunt beginnen met ‘opbouwen’ betreffende onder meer letterype, tussenkoppen enzovoorts.

©PXimport

Delen, printen en meer

Via de knop met de drie puntjes helemaal rechtsboven krijg je toegang tot een extra menu. Met daarin onder meer de mogelijkheid tot delen, mailen, afdrukken en een handige Copy All-functie. Zoals gezegd kun je ook gebruik maken van online opslag en SSH, waardoor je in principe rechtstreeks aan code op een server kunt werken. En daarmee is Textastic een stuk gereedschap dat in geen enkele virtuele gereedschapstas van een coder zou mogen ontbreken. 

Meer weten over je iPad als laptopvervanger? We raden je ook de cursus Doe alles met de iPad aan!

▼ Volgende artikel
Microsoft gaat grote datacenters bouwen in Amsterdam
© AdobeStock
Huis

Microsoft gaat grote datacenters bouwen in Amsterdam

Microsoft heeft toestemming gekregen om in Amsterdam drie grote datacenters te bouwen. Dat is opvallend, omdat dergelijke grote gebouwen met dit doel eigenlijk niet mogen in de stad.

In Nederland hebben we strenge wetten rondom de bouw van grote datacenters. De drie gebouwen van elk 85 meter hoog die Microsoft in Amsterdam gaat bouwen, verbruiken samen ongeveer evenveel stroom als een stad als Haarlem.

Regels omzeilen

Dergelijke datacenters van dit formaat mogen eigenlijk alleen nog maar in Eemshaven en Wieringermeer gebouwd worden. Microsoft heeft deze regels omzeild door de de gebouwen hoog te maken in plaats van breed, waardoor de oppervlakte per gebouw niet boven de tien hectare uitkomt

Ook het opsplitsen in drie gebouwen is expres gedaan. Elke toren zal 26 MW gebruiken. We noemen een gebouw een hyperscaler-datacenter wanneer deze 70 MW of meer gebruikt. De drie losse torens komen daar niet aan, waardoor de provincie Noord-Holland de gebouwen niet als hyperscalers ziet.

De komst van datacenters an sich levert veel kritiek op in dit land, mede door het forse stroomverbruik dat druk legt op het stroomnet. Ook het feit dat Microsoft als Amerikaans bedrijf nog meer datacenters in handen krijgt in Nederland, is omstreden.

Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.

▼ Volgende artikel
Stomende Heated Rivalry op HBO Max houdt internet in zijn ban
Huis

Stomende Heated Rivalry op HBO Max houdt internet in zijn ban

Sinds enkele dagen is de serie Heated Rivalry ook hier te zien op HBO Max. De serie heeft in Canada en de Verenigde Staten de gemoederen de afgelopen maanden flink bezig gehouden.

De serie - oorspronkelijk ontwikkeld voor de Canadese streamingservice Crave - puilt namelijk uit van de stomende seksscènes. Heated Rivalry draait om Shane Hollander en Ilya Rozanov, twee ijshockeyspelers die rivaliseren. Maar dan slaat de vonk tussen hen over, terwijl homoseksualiteit nog een taboe is binnen de sport die ze beoefenen.

Mede dankzij scènes die op TikTok en andere socialmediaplatforms worden gedeeld, werd Heated Rivalry - dat is gebaseerd op een boek van Rachel Reid - een ware (internet)sensatie in de VS en Canada, waar het via HBO Max te zien is.

Naast de hierboven genoemde pikante scènes zit Heated Rivalry ook vol met emotie en diepgang. Het zorgt voor een combinatie die volgens fans heerlijk wegkijkt. Heated Rivalry is sinds enkele dagen ook hier op HBO Max te zien, al verschijnt er elke week een nieuwe aflevering. In totaal komen er zes afleveringen uit, en een tweede seizoen staat ook al op de planning.

Watch on YouTube
Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.