Intro: programmeren met Cursor

Als AI ergens goed in is, dan is het wel in programmeren. Dankzij de tool Cursor AI kun je heel efficiënt programmeren met AI, en dat werkt zo goed dat je zelf geen regel code meer hoeft te schrijven. In deze video laat ik je dit aan de hand van een voorbeeldje zien.

Chatten met je code

Cursor laat je via een chatscherm instructies geven, en gaat daarna aan de slag om code te schrijven. Ook kun je vragen stellen over code, en dan legt het je duidelijk uit hoe dingen werken. Het fijne is dat je geen bestandjes hoeft te kopiëren en plakken, vergeleken met wanneer je ChatGPT laat programmeren. Het werkt dus véél sneller.

De prompt uit deze video

Bouw een eenvoudige HTML-bestand met Tailwind voor de layout en gebruik pureJavaScript waarin ik een afbeelding kan uploaden. De afbeelding wordt vervolgens omgezet in een soort raster met 3 kolommen en 1 rij. De afbeelding wordt gecentreerd, de beeldverhouding blijft behouden en zoveel mogelijk van de afbeelding past in die 3 kolommen.

Wanneer ik met de muis over een kolom ga, moet er een downloadknop verschijnen, waarmee ik dat specifieke deel als afbeelding kan downloaden.

Op deze manier kan ik de 3 afzonderlijke afbeeldingen uploaden naar mijn Instagram-pagina, waar de drie losse uploads samen eruitzien als één afbeelding.

Terug naar beginpagina

Intro: programmeren met Cursor

Chatten met je code

De prompt uit deze video

Gerelateerde video's

AI-foto's met tekst erop, Reve kan het

Realistische AI-afbeeldingen maken met Reve

Leer ChatGPT jouw schrijfstijl

Interactieve mindmaps maken van een PDF

Zwartwit-foto's inkleuren met AI