JavaScript: Leer & Codeer
JavaScript: Leer & Codeer — Een JavaScript-cursus met een echte console op zak
JavaScript: Leer & Codeer is een gratis iOS- en Android-app met een JavaScript-cursus van 59 korte cursussen en 200 lessen, van je eerste variabele tot de event loop. JavaScript draait rechtstreeks op je telefoon, zodat de ingebouwde JS-editor en console meteen antwoord geven. Dagelijkse oefeningen — voorspel de uitvoer, ga op bugjacht en doe de kata van de week — zorgen ervoor dat je de code echt onder de knie krijgt.
- Prijs
- Gratis, Pro-upgrade
- Platforms
- iOS en Android
- Talen
- 22
- Leeftijdsclassificatie
- 4+
- Versie
- 82.6.1
- Vereist
- iOS 15.1 of hoger
- App Store
- 5.0 ★ (1)
De engine draait op je telefoon, dus het antwoord verschijnt meteen.
JS Lab voert JavaScript uit op het apparaat. Typ een regel in de console en bekijk meteen het resultaat, of laat de app een snippet uitvoeren om de echte uitvoer van een kaartje ‘voorspel de uitvoer’ te tonen, in plaats van uit te leggen wat de code waarschijnlijk doet.
Wat het is
JavaScript: Leer & Codeer is een gratis iOS- en Android-app die je stap voor stap JavaScript leert: 59 cursussen en 200 lessen, ingedeeld van A1 tot C1, over waarden en scope, functies en this, de DOM, de Fetch API, promises en async/await, closures, classes, generators en de event loop. De lessen worden aangevuld met een JS-editor, een JavaScript-console en dagelijkse oefeningen die op je telefoon draaien, plus een AI Mentor voor momenten waarop een concept of foutmelding niet duidelijk is.
In de app
Hoe het eruitziet
De cursus
Wat de JavaScript-cursus behandelt
59 cursussen en 200 lessen uit de eigen cursussenlijst van de app, van een eerste variabele via de browser en async code tot geavanceerde taalfuncties.
Welkom bij JavaScript
Een introductie tot JS met concepten en installatie, gevolgd door waarden en typen, variabelen en scope, control flow en een eerste kennismaking met arrays en objects.
JavaScript voor alledaags gebruik
Template literals, optional chaining en nullish coalescing, destructuring, rest en spread, higher-order array methods, JSON en error handling.
De DOM en events
DOM-selectie en -navigatie, elementen manipuleren, events afhandelen, event delegation en propagation, en formulieren en invoer.
Communiceren met het netwerk en opslag
De Fetch API, webopslag met localStorage en sessionStorage, FormData en bestandsverwerking, en IndexedDB voor opslag aan de clientzijde.
Asynchroon JavaScript
Callbacks, promises en microtasks, async/await in de praktijk, timers en planning, en een diepgaande duik in de event loop.
Functies, closures en classes
Functies en this, closures en het module pattern, currying en composition, classes en inheritance, en geavanceerde this binding.
Geavanceerde taalfuncties
Iterators en generators, Maps en Sets, Proxy en Reflect, symbols, regular expressions en immutability.
Modules, Workers en performance
ES modules versus CommonJS, verschillen tussen Node en de browser, Web Workers, service workers, performance en geheugen, en testen.
Hoe het werkt
Zo verloopt een JavaScript-sessie
Een sessie combineert een korte les met iets dat je kunt uitvoeren en sluit af met een korte controle, zodat uitleg en oefenen in dezelfde sessie plaatsvinden.
Lees een korte les
Werk een les van enkele minuten door: duidelijke uitleg met vragen en een kleine codeopdracht. De eerste cursus is gratis en de lessen blijven werken bij een zwakke verbinding.
Voer de code uit in JS Lab
Typ in de console, voorspel de uitvoer van een dagelijks kaartje en bekijk hoe de engine het echte antwoord toont, of repareer een kapot programma aan de hand van een tabel met testgevallen.
Controleer je werk en ga dieper
Rond af met een quiz of een programmeermissie, doorloop de event loop wanneer async-code verwarrend is en vraag de AI Mentor om hulp wanneer iets niet duidelijk wordt.
Wat erin zit
Wat de app bevat
59
Cursussen, A1 tot C1
200 lessen over alles van waarden en types via DOM-events, fetch, promises en async/await tot closures, Proxy en Reflect, regex en performance.
Op het apparaat
JS-editor en console
Schrijf en voer JavaScript uit in de ingebouwde editor, probeer one-liners in de console en bewaar programma’s om ze later opnieuw te openen. AI Tools in de editor controleren een programma en stellen een oplossing voor die je kunt toepassen.
Dagelijkse
JS Lab-oefeningen
Voorspel de uitvoer, ga op bugjacht aan de hand van testgevallen, doe de gratis kata van de week, gebruik de event-loop-stepper en de DOM-arena, beantwoord vijf getimede sollicitatievragen en oefen met een herhalingsdeck dat is samengesteld uit je eigen fouten.
60
Programmeermissies
Korte oefeningen op drie niveaus, van Hello World en template literals tot FizzBuzz, closures, Merge Sort, Quicksort en BFS of DFS op een graaf.
20
Begeleide projecten
Bouw programma’s zoals Order Totals, Word Frequency Counter, Async Data Pipeline en Mini Event Bus stap voor stap, waarbij elke stap wordt gecontroleerd zodra je die uitvoert.
AI
AI Mentor
Stel je vraag in gewone taal wanneer een concept of foutmelding je tegenhoudt. Gratis gebruikers krijgen elke dag enkele vragen; Pro verwijdert de dagelijkse limiet.
Achtergrond
Waarom is JavaScript lastig te leren door alleen te lezen, en wat moet je oefenen?
JavaScript gedraagt zich op manieren die makkelijk te lezen maar moeilijk te voorspellen zijn: een variabele kan een functie bevatten, this verandert afhankelijk van hoe een functie wordt aangeroepen en code wordt niet altijd uitgevoerd in de volgorde waarin die is geschreven. Uitleg lezen helpt, maar de verrassingen blijven pas hangen zodra je de code hebt uitgevoerd en ziet dat de uitvoer niet overeenkomt met je verwachting. Daarom leer je JavaScript het best met een console binnen handbereik en de vaste gewoonte om te voorspellen wat een snippet afdrukt voordat je die uitvoert.
Scope en closureswaar variabelen leven
Een functie onthoudt de variabelen rondom de plek waar die is geschreven, zelfs nadat de uitvoering op die plek is afgelopen. Dit ene idee verklaart private state, het module pattern en verschillende klassieke vragen uit sollicitatiegesprekken.
De waarde van thishet bekende struikelblok
In tegenstelling tot de meeste talen hangt waar this naar verwijst af van hoe een functie wordt aangeroepen, niet van waar die is gedefinieerd. Arrow functions, call, apply en bind veranderen elk het antwoord, en ze door elkaar halen is een veelvoorkomende bron van bugs.
De event loopwaarom async-code mensen verrast
JavaScript voert één ding tegelijk uit en keert daarna terug naar een wachtrij met werk dat nog moet gebeuren. Een promise-callback wordt uitgevoerd vóór een timer die op nul milliseconden is ingesteld. Daarom lijkt de volgorde van de uitvoer soms verkeerd, totdat je de call stack, microtasks en tasks voor je ziet.
Browser en Nodeéén taal, twee omgevingen
De kerntaal is in beide hetzelfde, maar de browser voegt de DOM, events en fetch toe, terwijl Node bestanden en processen toevoegt. Als je weet welke functies bij welke omgeving horen, voorkom je veel verwarrende foutmeldingen.
Past bij jou
Voor wie het is — en voor wie niet
Past goed bij je als je
- Hebben nog nooit geprogrammeerd en willen dat JavaScript vanaf de eerste variabele wordt uitgelegd
- Leren beter als ze een regel code kunnen uitvoeren en zien wat die afdrukt
- Willen dagelijks oefenen in een paar minuten, in plaats van een lange studiesessie
- Bereiden zich voor op een JavaScript-sollicitatie en willen vragen met antwoorden plus oefenen met tijdslimiet
- Willen async code en de event loop begrijpen, in plaats van alleen patronen te kopiëren
Niet het juiste hulpmiddel als je
- Moeten een volledig webproject met meerdere bestanden bouwen — daarvoor zijn een laptop en een echte editor nog steeds de juiste keuze
- Verwachten dat alles gratis is: de eerste cursus, één project en twee missies zijn gratis, en Pro ontgrendelt de rest
- Houden niet van advertenties in een gratis app — de gratis versie toont advertenties en Pro verwijdert ze
- Schrijven al dagelijks JavaScript en willen eerder een naslagwerk dan een cursus
Vragen
Veelgestelde vragen
Is er een goede JavaScript-cursus die ik op mijn telefoon kan volgen?
JavaScript: Leer & Codeer is een JavaScript-cursus voor je telefoon: 59 korte cursussen en 200 lessen, een ingebouwde JS-editor en console die code op het apparaat uitvoeren, en dagelijkse oefenkaarten. De lessen combineren een korte uitleg met vragen en kleine code-opdrachten, zodat je elke sessie eindigt met iets dat je daadwerkelijk hebt uitgevoerd.
Kan ik met deze app JavaScript-code op mijn telefoon uitvoeren?
Ja. JS Lab voert JavaScript rechtstreeks op je telefoon uit, zodat de console meteen resultaten geeft en de editor volledige programma's uitvoert. Je kunt programma's opslaan en later opnieuw openen, en de AI Tools van de editor kunnen een programma nakijken en een oplossing voorstellen die je kunt toepassen.
Wat is de snelste manier om als complete beginner JavaScript te leren programmeren?
Korte, regelmatige oefensessies met code die je zelf uitvoert. JavaScript: Leer & Codeer begint met waarden en variabelen, voegt een dagelijks doel en streaks toe om je sessies regelmatig te houden, en geeft je de console om dingen uit te proberen. Kaarten waarop je elke dag de uitvoer voorspelt, helpen je de gewoonte te ontwikkelen om eerst over code na te denken en die pas daarna uit te voeren.
Wat is JS Lab?
JS Lab is de dagelijkse oefenomgeving in JavaScript: Leer & Codeer. Je vindt er een console, kaarten waarop je de uitvoer voorspelt, bug hunts die aan de hand van testcases worden gecontroleerd, een wekelijkse kata, een event loop stepper, een DOM-arena, vijf JavaScript-interviewvragen met tijdslimiet en een herhalingsdeck dat is opgebouwd uit je eigen fouten.
Legt de app async/await en de event loop uit?
Ja. Er zijn cursussen over callbacks, promises en microtasks, async/await in de praktijk en een diepgaande duik in de event loop. Daarnaast laat een event loop-tool je de call stack, microtasks en tasks één voor één doorlopen, zodat je ziet waarom de uitvoer in die volgorde verschijnt.
Helpt JavaScript: Leer & Codeer bij JavaScript-sollicitatiegesprekken?
De app bevat 50 JavaScript-interviewvragen met antwoorden en een Interview-modus in JS Lab met vijf vragen met tijdslimiet. Closures, this, promises en de event loop — de onderwerpen waarop interviews vaak focussen — hebben elk een eigen cursus.
Is JavaScript: Leer & Codeer gratis?
De app is gratis te downloaden. De eerste cursus, het eerste begeleide project, twee programmeermissies, de dagelijkse oefening in JS Lab en een dagelijkse hoeveelheid AI Mentor zijn gratis, en de gratis versie toont advertenties. Pro ontgrendelt elke cursus, elk project en elke missie, onbeperkt AI Mentor en het certificaatexamen, en verwijdert advertenties.
Is er een certificaat?
Ja. Als je slaagt voor het eindexamen in JavaScript: Leer & Codeer, krijg je een certificaat van voltooiing. Het legt het werk vast dat je hebt gedaan; het is geen erkende kwalificatie, dus je kunt het het beste tonen naast projecten waar je uitleg over kunt geven.
Leert de app naast de taal ook over de browser?
Ja. Naast de taal zelf behandelen de cursussen DOM-selectie en -manipulatie, events en event delegation, formulieren, de Fetch API, localStorage, IndexedDB, Canvas, WebSockets en Web Workers. Een aparte cursus vergelijkt Node met de browser, zodat je weet welke functies waar thuishoren.
Welke platforms en talen worden ondersteund?
JavaScript: Leer & Codeer werkt op iPhone en iPad via de App Store en op Android via Google Play, in 22 talen. De app heeft een leeftijdsclassificatie van 4+ in de App Store.
Aan de slag
Schrijf vandaag je eerste regel JavaScript
Gratis om te beginnen op iOS en Android, in 22 talen.
Meer van CoddyKit
Beschikbaar op iOS en Android.