ID.nl logo
Huis

Gratis Javacript leren met Google Grasshopper

Heb je altijd al willen leren coderen in Javascript? Dan zijn er naast een heleboel opleidingen ook een heleboel gratis apps, YouTube-kanalen en weblogs te vinden om je de fijne kneepjes te leren. Een nieuwe ster tussen al die apps is Google Grasshopper: een gratis manier om te leren coderen in Javascript.

Google staat erom bekend een speciale regeling te hebben waarbij werknemers 20 procent van hun werktijd mogen spenderen aan zijprojecten. Deze incubator heet Area 120 en heeft al mooie dingen voortgebracht zoals Gmail en Google Maps. Grasshopper is hun nieuwste uitvinding die openbaar is gemaakt en je vindt de applicatie in de Google Play Store of -verrassend genoeg- de App Store.

Spelenderwijs

In Grasshopper wordt je spelenderwijs met behulp van puzzels geleerd te coderen. Het is bijna alsof je een nieuwe game op je telefoon hebt, maar dan met een stevig educatief karakter. Je leert hoe je dingen kunt maken met behulp van code, wat nogal verschilt van de aanpak van veel andere educatieve websites met betrekking tot coderen.Dat is een belangrijk verschil, want het daagt je uit na te denken over wat je doet, voordat je begint. Immers is het in de praktijk ook zo dat iemand een eindresultaat van je verwacht en niet per se hoeft te weten hoe je het doet.

©PXimport

Wat ook heel fijn is, is dat er niet veel ruimte is voor te veel tekst. Daardoor worden er ook niet direct hele lappen code van je gevraagd. Er zijn simpelweg wat stukken weggelaten, en je mag de missende code zelf kiezen uit de rijtje met coderegels. Dat werkt heel prettig, want het zorgt ervoor dat je alleen maar op het scherm hoeft te tikken en niet zelf de code moet invullen.

Levels en beloningen

Grasshopper is heerlijk gestructureerd. Elk hoofdstuk heeft zo zijn eigen ‘levels’, wat wordt weergegeven met een soort wandelpad. Je kunt de verschillende delen code door drag and drop gebruiken en ze zijn ook met kleuren aangegeven om het nog overzichtelijker te maken. De levels zijn klein en behapbaar en daardoor zeer geschikt voor onderweg. De app helpt je ook nog eens herinneren dat hij bestaat, door af en toe een bericht te pushen om je te vragen of je toevallig tijd hebt voor een leveltje in Grasshopper. Als dat nog niet motiverend genoeg is, dan is de app ook heel belonend: zelfs als je maar een vlag hebt gemaakt (dat is namelijk je eerste opdracht), dan geeft de applicatie je al voldoening door je te prijzen en de opdracht af te vinken in dat looppad.

©PXimport

Het klinkt als een game waarin veel wordt uitgelegd en je veel makkelijk wordt gemaakt. Is dat kinderachtig? Laat je vooral niet misleiden door de schattige sprinkhanen die je vergezellen in de app. Dit is absoluut geen kinderapplicatie. Google heeft Grasshopper echt bedoeld als iets voor volwassenen die naast hun baan willen leren coderen, of die overwegen de IT in te gaan en eens willen snuffelen aan de wereld van code kloppen. Of misschien kun je al HTML en wil je eens kijken of je je talenkennis kunt uitbreiden. Natuurlijk kunnen kinderen het ook proberen, maar zeker later in de app wordt het veel ingewikkelder.

Een bewezen IT-bedrijf

Een gratis app die er geweldig uitziet, gemaakt is door een bekend en bewezen IT-bedrijf en ook nog eens goed te begrijpen is, dat klinkt allemaal wel erg positief. Er is echter ook kritiek op de app en die komt vooral van professionals die nog in QBASIC leerden coderen. Zij menen dat coderen iets is dat je moet leren door het echt te doen en fouten te maken. Door zo te leren wat er niet kan, zou je eerder buiten de lijntjes durven gaan, dan wanneer je in een heel programma juist alleen binnen de voorgeschreven banen leert wat wel kan. Liever een tool dan een toy dus.

Het gros van de mensen die Grasshopper al hebben getest is positief over de app. Je wordt er wellicht geen Javascript-meester van, maar je leert wel wat de fundering van deze programmeertaal is zodat je deze kunt herkennen en er wat simpele zaken mee kunt maken. Je hebt snel een stukje bijgeleerd en omdat het op een apparaat staat dat je vrijwel altijd bij je hebt, hoef je er ook niet helemaal voor te gaan zitten. Even tussendoor. Dat Grasshopper ook nog gratis is, maakt het helemaal een applicatie om op zijn minst eens te proberen.

▼ Volgende artikel
Nintendo 2026 voorspeld - Bonuslevel
Huis

Nintendo 2026 voorspeld - Bonuslevel

Het is een gekke aflevering. We voorspellen Nintendo's complete jaar en gaan volledig van de rails, maar hebben het ook over het afscheid van Power Unlimited. Dank voor alle begripvolle reacties, en veel plezier met de aflevering.

Kom bij onze Discord. Via ⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠deze link⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ ⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠kan je met ons en andere luisteraars kletsen over games, deals, nieuws en meer.

Wil je zelf ook een vraag insturen of heb je iets leuks om te melden? Dat kan! Stuur een mailtje naar bonuslevelcast@gmail.com (of bonuslevelkast@gmail.com of bonuslevelqast@gmail.com) en wellicht hoor je jezelf terug in de volgende aflevering!

▼ Volgende artikel
Voordelig foto’s bewerken: deze tools zijn beter en betaalbaar
© kalchenko - stock.adobe.com
Huis

Voordelig foto’s bewerken: deze tools zijn beter en betaalbaar

Gratis of tegen een kleine vergoeding foto’s bewerken kan prima, maar niet elk programma past bij elke klus. In dit artikel helpen we je kiezen tussen Canva, Photopea, GIMP en Fotor: vier populaire opties voor Windows, zowel met software als via de browser. We focussen op een aantal populaire handelingen en benoemen per scenario waarvoor je het betreffende programma kunt gebruiken zonder te hoeven bijbetalen.

Fotobewerking is bijna altijd freemium. Dat betekent dat basistaken kosteloos zijn, terwijl geavanceerde (AI-)functies en exportFopties vaak beperkt zijn of achter een proefperiode of abonnement zitten. Achtergrond verwijderen met één klik is vaak beperkt. Zo krijg je advertenties in Photopea en is bij Canva een betaalde versie nodig. GIMP is volledig gratis en opensource, zonder betaalmuren, en sinds 16 maart 2025 is versie 3.0 stabiel beschikbaar. Fotor biedt een gratis collage-maker en basisbewerking, terwijl AI-functies zoals de achtergrondverwijderaar en HD-export bij betaalde varianten horen. Door de beperkingen te begrijpen, voorkom je dat je klusje stokt op het moment dat je op de downloadknop klikt en pas dan ontdekt dat je credits of een abonnement nodig hebt.

Wil je de achtergrond van een foto als deze verwijderen met Fotor, dan heb je een betaald abonnement nodig.

Achtergronden weghalen

Wil je een onderwerp uit een foto op een transparante achtergrond zetten? Dan werk je binnen Windows bijvoorbeeld in de Canva-desktop-app of in de browser (www.canva.com). Open je afbeelding via Uploads of sleep het bestand in je ontwerp. Klik de foto aan en kies bovenin Openen in editor. Start nu Achtergrond wissen en wacht de analyse af. Om deze functie gratis uit te proberen, ga je naar de functie Achtergrondverwijderaar. Werk de randen bij met Wissen en Herstellen en pas zo nodig de Penseelgrootte aan. Als je klaar bent, klik je op Delen / Downloaden, kies je PNG en, indien beschikbaar, de optie voor een transparante achtergrond. In de gratis versie is het verwijderen van de achtergrond doorgaans eenmalig te proberen; onbeperkt gebruik en transparant exporteren vallen onder de Pro-versie. Daarom is het slim om vooraf de uitsnede te plannen en het meteen in één keer goed te doen.

In Canva krijg je één gratis achtergrondverwijdering, dus zorg dat je die meteen goed doet.

Photoshop-functies in je browser met Photopea

Photopea (www.photopea.com) werkt in de browser en voelt vertrouwd aan als je eerder met lagen, maskers en slimme selecties hebt gewerkt. Open je foto, maak eerst een kopie van de achtergrond met Laag / Dupliceren en ontgrendel eventueel het sloticoon in het lagenpaneel. Voor een automatische selectie kies je Selecteren / Onderwerp of Select / Remove BG.

Verschijnt er een melding, dan kun je een advertentie bekijken om de functie te kunnen gebruiken. Je kunt altijd handmatig selecteren met Magisch knippen, daarna de selectie verfijnen met Selecteren / Aanpassen / Doezelaar of Selecteren / Rand verfijnen.

Verwijder de achtergrond door Bewerken / Wissen of de Delete-toets. Maak wel eerst een raster met Laag / Rastermasker als de laag een zogenoemd Smart Object is. Dat is een speciale laag waarin je een afbeelding, tekst of zelfs meerdere lagen kunt insluiten, en die niet direct wordt aangepast als je bijvoorbeeld schaalt, roteert of filters toepast. .Voeg een nieuwe achtergrond toe via Bestand / Openen en plaatsen... en breng die naar achteren met Laag / Ordenen / Naar achtergrond.

Een fijn pluspunt is dat Photopea lokaal in de browser werkt en brede ondersteuning biedt voor onder meer psd, AI, pdf, svg, HEIC en diverse raw-formaten, wat deze dienst ideaal maakt voor snelle klussen zonder installatie.

Photopea laat je soms een advertentie zien, maar de gratis functie werkt verder prima.

Welke tool kies je wanneer?

Als je zonder installatie snel wilt werken, start je in Photopea: je opent psd’s, AI/SVG- en raw-bestanden rechtstreeks in de browser en behoudt lagen en maskers. Voor simpele webafbeeldingen of social visuals met sjablonen en merkkleuren begin je in Canva; je knipt eenmalig gratis een achtergrond weg, zet tekst en elementen neer en exporteert een png.

Wil je helemaal zonder betaalmuren en offline werken, kies dan GIMP 3.0.

Voor collages waarmee je in een paar minuten klaar wilt zijn, is Fotor de meest directe route; je kiest een lay-out, sleept foto’s in vakken en downloadt ze in de trialversie zonder watermerk.

Combineer desgewenst: maak in Photopea of GIMP een nette uitsnelde, sla die op als png en maak de foto af in Canva of Fotor. Zo benut je per gewenste bewerking de sterkste gratis opties.

Nauwkeurig uitsnijden met GIMP

GIMP 3.0 (www.gimp.org) is binnen Windows gratis te installeren en biedt vergeleken met eerdere versies een modernere interface en nieuwe mogelijkheden, maar klassieke technieken voor nauwkeurig uitsnijden blijven goud waard. Open je foto en activeer de voorgrondselectie met Gereedschap / Selectie / Voorgrond selecteren. Teken grofweg rond je onderwerp, druk op Enter om de voorvertoning te starten en verfijn door met de penseelcursor over het onderwerp te schilderen.

Als de voorvertoning goed is, bevestig je met Selecteren en maak je de achtergrond doorzichtig met Selecteren / Inverteren en daarna Aanpassen / Clear. Voor zachtere randen kun je Selecteren / Selectieranden verzachten gebruiken of een laagmasker toevoegen via Laag / Masker / Laagmasker toevoegen en met zwart-wit de overgang subtieler schilderen.

Het uitgebreide programma GIMP is voor veel mensen de freewareversie van Photoshop.

Maak strakke collages met Fotor

Fotor (www.fotor.com) blinkt uit in laagdrempelige collages. Binnen Windows kun je via de website of desktop-toepassing aan de slag via Photo Editing Tools om Collage Maker te kiezen. Vervolgens selecteer je een lay-out in het linkervenster en sleep je elke foto in een vak. Je wisselt van opmaak met Templates en maakt desgewenst een tekstlaag. Klaar? Download je werk via Download rechtsboven en kies PNG of JPG; bij gratis gebruik is exporteren zonder watermerk mogelijk, voor hogere resoluties en extra AI-functies schakel je over op (het betaalde) Pro.

Voor een simpele voor-en-na-collage kies je een tweevakslay-out en zet je de beelden er een voor een bij. Wil je een panoramisch effect, selecteer dan een compositie met smalle marges, zodat de overgang strak oogt, en houd een vaste horizon aan terwijl je met de pijltjestoetsen het kader per foto verfijnt.

Met Fotor kun je in een handomdraai professioneel ogende collages maken.

Onderwerp vrijstaand maken en netjes plaatsen

Je kunt met alle vier tools een onderwerp vrijstaand maken en in een nieuw beeld plaatsen. In Canva open je het doelcanvas, sleep je het vrijstaande png-object in de compositie en positioneer je het met de muis. In Photopea plak je het onderwerp in een document met de juiste afmetingen, zet je het op een eigen laag en verfijn je de rand via Selecteren / Laag verfijnen. Als de rand te hard oogt, activeer je de laagmaskerselectie en gebruik je Selecteren / Aanpassen / Doezelaar met een kleine waarde, waarna de overgang natuurlijker wordt.

In GIMP voeg je het onderwerp als nieuwe laag toe, maak je een Laagmasker, schilder je zachte overgangen langs haar of textuur en stel je indien nodig de maskerdekking bij. Fotor kan ook achtergronden verwijderen, al moet je wel een trialabonnement nemen om het beeld te downloaden.

Positioneren van een foto zonder achtergrond is makkelijker als je met lagen werkt.

Export, transparantie en valkuilen bij verwijderen

Transparantie in een afbeelding blijft een bron van misverstanden. Exporteer vrijstaande beelden altijd als png (of webp waar ondersteund) als je de doorzichtige achtergrond wilt behouden; jpg vult transparantie op met een standaardkleur. Photopea geeft met een schaakbordpatroon aan dat pixels leeg zijn; je bereikt dat door het alfakanaal te behouden en via Bewerken / Wissen te wissen. Een alfakanaal is een extra kanaal dat geen kleur bevat, maar informatie over transparantie of een selectie opslaat.

In GIMP moet je eerst Laag / Transparantie / Alfakanaal toevoegen gebruiken, anders zal Delete het beeld vullen met de achtergrondkleur van de laag in plaats van de achtergrond transparant te maken.

Bij Canva en Fotor controleer je bij Download welke exportopties je programma ondersteunt; transparant png of extra kwaliteit kan Pro vereisen. Loop je tegen een limiet bij één-klik-functies in Photopea aan, kies dan een handmatige selectie plus Rand verfijnen of Doezelaar en exporteer alsnog als png. Met die basiskennis voorkom je zwarte vlakken, witte randen of ongewenste artefacten.

In GIMP moet je eerst een alfakanaal maken voordat je de achtergrond goed kunt verwijderen.

Werk je lokaal, of in de cloud?

Niet iedereen wil beelden naar de cloud sturen. GIMP draait volledig lokaal; niets verlaat je pc zolang jij dat niet zelf doet. Photopea werkt in de browser, maar verwerkt beelden lokaal in het tabblad; je hoeft bestanden niet te uploaden naar een externe server om te kunnen bewerken, wat prettig is voor gevoelige foto’s. Canva en Fotor werken primair in de cloud en synchroniseren projecten tussen apparaten, wat handig is voor samenwerken en doorwerken op een andere pc. Voor vertrouwelijke beelden kun je overwegen eerst lokaal te anonimiseren, of te werken in GIMP en het eindresultaat daarna pas te delen. Controleer bovendien altijd je exporteer-instellingen.

Desktop-app, browser-app of iets ertussenin?

Binnen Windows kun je Canva als desktop-app installeren en zo los van je browser werken, wat soms stabieler aanvoelt. Photopea draait in de browser, maar je kunt het als zogeheten Progressive web-app installeren. Lukt het installeren niet, controleer dan of de dienst al eerder geïnstalleerd is en verwijder het via de app-beheerfunctie van je browser; daarna verschijnt de optie opnieuw. Dit werkt in Chrome en Edge; andere browsers kunnen beperkingen hebben.

GIMP installeer je klassiek met een Windows-installer en werkt volledig lokaal, handig voor offline bewerkingen en grotere projecten. Fotor biedt zowel een webversie als een Windows-app.In alle gevallen loont het om updates bij te houden, omdat bugs of tijdelijk niet-beschikbare functies geregeld via server- of app-updates worden verholpen.