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
Streamtips: nieuwe films en series – Roofman, Predator: Badlands en The Grand Budapest Hotel
Huis

Streamtips: nieuwe films en series – Roofman, Predator: Badlands en The Grand Budapest Hotel

Ben je verdwaald in het eindeloze aanbod van series en films? Geen stress, wij hebben ook deze week weer het kaf van het koren gescheiden zodat je zonder keuzestress kunt bingen. Dit zijn de lekkerste nieuwe releases, speciaal voor jou op een rijtje gezet.

Roofman | Amazon Prime Video | 9 februari

De comedyfilm Roofman vertelt het waargebeurde verhaal van Jeffrey Manchester (Channing Tatum), een voortvluchtige voormalige reserveofficier van het Amerikaanse leger. Wanneer hij gepakt wordt, krijgt hij de bijnaam ‘Roofman’, omdat hij McDonald’s-filialen beroofde door via het dak naar binnen te gaan. Hij weet echter uit de gevangenis te ontsnappen en maandenlang uit handen van de politie te blijven door zich op bizarre wijze te verstoppen.

Watch on YouTube

Cross (seizoen 2) | Amazon Prime Video | 11 februari

Het tweede seizoen van de misdaadserie Cross is vanaf deze woensdag te zien op Amazon Prime Video. Cross is gebaseerd op de boeken van James Patterson en volgt Alex Cross, een rechercheur en forensisch psycholoog in Washington D.C. en zijn partner Detective John Sampson. Na de moord op zijn vrouw worstelt Cross al meer dan een jaar met woedeproblemen en overweegt hij om tijdelijk verlof te nemen, tot hij bij een nieuwe zaak betrokken raakt. De eerste drie afleveringen van het nieuwe seizoen verschijnen deze week, de overige vijf worden wekelijks toegevoegd.

Watch on YouTube

Predator: Badlands | Disney+ | 12 februari

De zesde Predator-film, Predator: Badlands, is vanaf deze donderdag te zien op Disney+. De jonge Yautja Dek (Dimitrius Schuster-Koloamatangi) is verstoten door zijn clan. Om het respect van zijn volk terug te winnen, gaat hij erop uit om het op te nemen tegen het gevaarlijkste monster in het universum. Tijdens zijn reis wordt hij gedwongen samen te werken met de android Thia (Elle Fanning). Onze Dunke vond de film destijds een frisse wind:

“Als actieblockbuster vinkt Predator: Badlands alle goede vakjes af. Fantastische actiescènes voel je tot op je botten door de keiharde soundtrack, het verhaal doet precies genoeg om de vele set pieces te waarborgen en de meedogenloze Yautja worden in een intrigerend nieuw licht neergezet.”

Watch on YouTube

The Grand Budapest Hotel | Netflix | 12 februari

The Grand Budapest Hotel speelt zich af in de jaren twintig van de vorige eeuw en volgt een hotel-conciërge, Monsieur Gustave (Ralph Fiennes). Na een one-night-stand met de rijke Madame D. (Tilda Swinton), wordt zij op mysterieuze wijze vermoord en erft Gustave een kostbaar schilderij. Hij wordt als schuldige voor haar moord aangewezen en moet zich met de hulp van de lobbyjongen Zero Moustafa (Tony Revolori) en zijn vriendinnetje Agatha (Saoirse Ronan) zien te verstoppen voor de autoriteiten en de zoon van Madame D, Dimitri (Adrien Brody). The Grand Budapest Hotel is zonder twijfel een van regisseur Wes Andersons beste films. Voor wie houdt van charmante en absurde verhalen, is deze film absoluut het kijken waard. 

Daddio | HBO Max | 13

Daddio speelt zich volledig af in een taxi die van JFK Airport naar Manhattan rijdt. Normaal gesproken duurt die rit minder dan een uur, maar door een ongeluk komen de hoofdpersonen vast te zitten in het verkeer. De chauffeur, Clark (Sean Penn), en zijn passagier, die alleen bekendstaat als Girlie (Dakota Johnson), hebben ineens veel tijd te doden. In eerste instantie bestaat het gesprek uit de smalltalk die je in een taxi verwacht. Hoe langer ze praten, hoe dieper het gesprek echter wordt en de twee beginnen een onverwachte band te vormen.

Watch on YouTube
▼ Volgende artikel
Gerucht: Halo-remake arriveert komende zomer al
Huis

Gerucht: Halo-remake arriveert komende zomer al

De afgelopen najaar aangekondigde remake van de eerste Halo, genaamd Halo: Campaign Evolved, zou mogelijk al ergens aankomende zomer verschijnen.

Dat claimt The Verge-journalist Tom Warren van bronnen te hebben vernomen. Toen de game vorig jaar werd aangekondigd, werd gemeld dat het spel ergens in 2026 uit zou komen, maar werd er geen preciezere indicatie gegeven.

Warren meldt nu dat de game dus waarschijnlijk ergens aankomende zomer uitkomt. Wel wordt benadrukt dat de releasedatum nog niet helemaal zeker is, en dat er dus nog vertragingen kunnen plaatsvinden.

Warren meldt daarnaast overigens dat er ook nog altijd gewerkt wordt aan een remake van Fallout 3. Daar gaan al jaren geruchten over, maar vooralsnog is die remake niet officieel aangekondigd. De remake zou volgens Warren in ieder geval van vergelijkbare kwaliteit moeten worden als de remake van The Elder Scrolls 4: Oblivion.

Halo voor het eerst naar PlayStation

De remake van de singleplayercampagne van Halo: Combad Evolved werd zoals gezegd vorig najaar aangekondigd. De game krijgt daarbij verbeterde graphics, aangepaste filmpjes en verfijndere besturing. Campaign Evolved draait daarbij op Unreal Engine 5. De game bevat daarnaast nieuwe missies, wapens en de mogelijkheid om te sprinten.

Overigens is het grootste nieuws rondom deze Halo-game dat hij niet alleen naar Xbox Series-consoles en pc komt, maar ook naar PlayStation 5. Het is voor het eerst dat er een Halo-game naar een Sony-console komt.

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.