JavaScript: Lär & Koda
JavaScript: Lär & Koda — En JavaScript-kurs med en riktig konsol i fickan
JavaScript: Lär & Koda är en kostnadsfri JavaScript-kurs för iOS och Android med 59 korta kurser och 200 lektioner – från din första variabel till event loop. JavaScript körs direkt på telefonen, så den inbyggda JS-redigeraren och konsolen ger svar direkt. Daglig övning – förutsäg resultatet, leta buggar och gör veckans kata – håller koden i fingrarna.
- Pris
- Gratis, Pro-uppgradering
- Plattformar
- iOS och Android
- Språk
- 22
- Åldersgräns
- 4+
- Version
- 82.6.1
- Kräver
- iOS 15.1 eller senare
- App Store
- 5.0 ★ (1)
Motorn körs på telefonen, så svaret kommer direkt.
JS Lab kör JavaScript på enheten. Skriv en rad i konsolen och se resultatet direkt, eller låt appen köra ett kodexempel och visa det verkliga resultatet på ett kort där du ska förutsäga resultatet, i stället för en förklaring av vad koden förmodligen gör.
Vad det är
JavaScript: Lär & Koda är en kostnadsfri app för iOS och Android som lär ut JavaScript steg för steg: 59 kurser och 200 lektioner på nivåerna A1 till C1, med allt från värden och scope, funktioner och this till DOM, Fetch API, promises och async/await, closures, klasser, generators och event loop. Lektionerna kombineras med en JS-redigerare, en JavaScript-konsol och daglig övning som körs på telefonen, samt en AI Mentor för de stunder då ett koncept eller ett felmeddelande inte går att förstå.
I appen
Så här ser det ut
Kursen
Det här ingår i JavaScript-kursen
59 kurser och 200 lektioner från appens eget kursutbud, från den första variabeln via webbläsaren och asynkron kod till avancerade språkfunktioner.
Välkommen till JavaScript
En introduktion till JS med grundläggande koncept och installation, följt av värden och typer, variabler och räckvidd, kontrollflöde samt en första titt på arrayer och objekt.
JavaScript i vardagen
Mallsträngar, optional chaining och nullish coalescing, destructuring, rest och spread, högre ordningens array-metoder, JSON och felhantering.
DOM och händelser
Val och traversering i DOM, manipulering av element, hantering av händelser, händelsedelegering och propagering samt formulär och indata.
Kommunikation med nätverk och lagring
Fetch API, webblagring med localStorage och sessionStorage, FormData och filhantering samt klientlagring med IndexedDB.
Asynkron JavaScript
Callbacks, promises och microtasks, async/await i praktiken, timers och schemaläggning samt en djupdykning i event loop.
Funktioner, closures och klasser
Funktioner och this, closures och modulmönstret, currying och komposition, klasser och arv samt avancerad bindning av this.
Avancerade språkfunktioner
Iteratorer och generatorer, Maps och Sets, Proxy och Reflect, symboler, reguljära uttryck och oföränderlighet.
Moduler, workers och prestanda
ES-moduler jämfört med CommonJS, skillnader mellan Node och webbläsaren, Web Workers, service workers, prestanda och minne samt testning.
Så fungerar det
Så går en JavaScript-session till
En session kombinerar en kort lektion med något att köra och avslutas sedan med en snabb kontroll, så att förklaringen och övningen sker under samma tillfälle.
Läs en kort lektion
Gå igenom en lektion på några minuter: en tydlig förklaring med frågor och en liten koduppgift. Den första kursen är gratis, och lektionerna fungerar även med en svag anslutning.
Kör koden i JS Lab
Skriv i konsolen, förutsäg resultatet på ett dagligt kort och se motorn visa det riktiga svaret, eller laga ett trasigt program mot en tabell med test cases.
Kontrollera och gå djupare
Avsluta med ett quiz eller ett koduppdrag, stega genom event loop när async-kod förvirrar dig och fråga AI Mentor när något inte går att förstå.
Det här ingår
Det här ingår i appen
59
Kurser, A1 till C1
200 lektioner från värden och typer via DOM-events, fetch, promises och async/await till closures, Proxy och Reflect, regex och performance.
På enheten
JS-redigerare och konsol
Skriv och kör JavaScript i den inbyggda redigeraren, testa one-liners i konsolen och spara program för att öppna dem senare. AI Tools i redigeraren granskar ett program och föreslår en lösning som du kan använda.
Daglig
JS Lab-övning
Förutsäg resultatet, leta buggar mot test cases, gör veckans kostnadsfria kata, stega genom event loop, tävla på en DOM-arena, svara på fem tidsbegränsade intervjufrågor och använd en repetitionskortlek som bygger på dina egna misstag.
60
Koduppdrag
Korta övningar på tre nivåer, från Hello World och template literals till FizzBuzz, closures, Merge Sort, Quicksort och BFS eller DFS på en graf.
20
Guidade projekt
Bygg program som Order Totals, Word Frequency Counter, Async Data Pipeline och Mini Event Bus steg för steg, där varje steg kontrolleras när du kör det.
AI
AI Mentor
Fråga på vanligt språk när ett koncept eller ett fel hindrar dig. Gratisanvändare får några frågor varje dag; Pro tar bort den dagliga gränsen.
Bakgrund
Varför är JavaScript svårt att lära sig genom att bara läsa, och vad behöver du öva på?
JavaScript fungerar på sätt som är enkla att läsa men svåra att förutsäga: en variabel kan innehålla en funktion, this ändras beroende på hur en funktion anropas och koden körs inte alltid i den ordning den skrivs. Förklaringar hjälper, men överraskningarna fastnar först när du har kört koden och sett att resultatet inte stämmer med din gissning. Därför fungerar det bäst att lära sig JavaScript med en konsol nära till hands och som vana att förutsäga vad ett kodexempel skriver ut innan du kör det.
Scope och closuresvar variabler finns
En funktion kommer ihåg variablerna runt platsen där den skrevs, även efter att den platsen har slutat köras. Den här enda idén förklarar privat tillstånd, modulmönstret och flera klassiska intervjufrågor.
Värdet av thisdet vanligaste stötestenen
Till skillnad från i de flesta språk beror det som this syftar på på hur en funktion anropas, inte var den definieras. Arrow functions, call, apply och bind ändrar var och en svaret, och att blanda ihop dem är en vanlig källa till buggar.
Event loopvarför async-kod överraskar
JavaScript kör en sak i taget och återgår sedan till en kö med väntande arbete. En promise callback körs före en timer som ställts in på noll millisekunder, vilket är anledningen till att utskriftsordningen ibland verkar fel tills du föreställer dig call stack, microtasks och tasks.
Browser och Nodeett språk, två hem
Kärnspråket är detsamma i båda, men browsern lägger till DOM, events och fetch, medan Node lägger till filer och processer. Om du vet vilka funktioner som hör till vilken miljö slipper du många förvirrande felmeddelanden.
Passar
Vem den är till för – och vem den inte är till för
Passar bra om du
- Har aldrig programmerat och vill få JavaScript förklarat från den första variabeln
- Lär dig bättre när du kan köra en kodrad och se vad den skriver ut
- Vill öva dagligen i några minuter i stället för att ha långa studiepass
- Förbereder dig för en JavaScript-intervju och vill ha frågor med svar samt övning med tidtagning
- Vill förstå asynkron kod och event loop, inte bara kopiera mönster
Inte rätt verktyg om du
- Behöver bygga ett komplett webbprojekt med flera filer — en laptop och en riktig redigerare är fortfarande rätt plats för det
- Förväntar dig att allt ska vara gratis: den första kursen, ett projekt och två uppdrag är gratis, och Pro låser upp resten
- Ogillar annonser i en gratisapp — gratisversionen visar annonser och Pro tar bort dem
- Skriver redan JavaScript dagligen och vill ha ett referensverk snarare än en kurs
Frågor
Vanliga frågor
Finns det en bra JavaScript-kurs som jag kan följa i mobilen?
JavaScript: Lär & Koda är en JavaScript-kurs byggd för mobilen: 59 korta kurser och 200 lektioner, en inbyggd JS-redigerare och konsol som kör kod på enheten samt dagliga övningskort. Lektionerna kombinerar en kort förklaring med frågor och små koduppgifter, så varje studiepass avslutas med något du faktiskt har kört.
Kan jag köra JavaScript-kod i mobilen med den här appen?
Ja. JS Lab kör JavaScript direkt i mobilen, så konsolen visar resultaten omedelbart och redigeraren kör kompletta program. Du kan spara program och öppna dem igen senare, och redigerarens AI Tools kan granska ett program och föreslå en korrigering som du kan tillämpa.
Vilket är det snabbaste sättet att lära sig JavaScript-programmering som nybörjare?
Kort, regelbunden övning med kod som du kör själv. JavaScript: Lär & Koda börjar med värden och variabler, lägger till ett dagligt mål och sviter för att hålla passen regelbundna och ger dig en konsol att prova saker i. Kort där du förutsäger resultatet bygger varje dag upp vanan att resonera kring koden innan du kör den.
Vad är JS Lab?
JS Lab är området för daglig övning i JavaScript: Lär & Koda. Här finns en konsol, kort där du förutsäger resultatet, buggleter som kontrolleras mot testfall, en veckovis kata, en stegvis event loop, en DOM-arena, fem tidsbegränsade intervjufrågor och en repetitionskortlek som bygger på dina egna misstag.
Förklarar appen async/await och event loop?
Ja. Det finns kurser om callbacks, promises och microtasks, async/await i praktiken samt en djupdykning i event loop. Utöver dem finns ett verktyg för event loop där du steg för steg kan gå igenom anropsstacken, microtasks och tasks för att se varför resultatet visas i den ordning det gör.
Hjälper JavaScript: Lär & Koda till med JavaScript-intervjuer?
Appen har 50 JavaScript-intervjufrågor med svar och ett intervjuläge i JS Lab med fem tidsbegränsade frågor. Closures, this, promises och event loop — ämnen som ofta tas upp i intervjuer — har varsin särskild kurs.
Är JavaScript: Lär & Koda gratis?
Appen är gratis att ladda ner. Den första kursen, det första guidade projektet, två koduppdrag, den dagliga övningen i JS Lab och en daglig kvot för AI Mentor är gratis, och gratisversionen visar annonser. Pro låser upp alla kurser, projekt och uppdrag, obegränsad AI Mentor och certifikatprovet samt tar bort annonserna.
Finns det ett certifikat?
Ja. När du klarar slutprovet i JavaScript: Lär & Koda får du ett genomförandecertifikat. Det dokumenterar arbetet du har gjort; det är ingen ackrediterad behörighet, så det visas bäst tillsammans med projekt som du kan berätta om.
Lär den ut webbläsaren såväl som språket?
Ja. Utöver själva språket tar kurserna upp val och manipulering i DOM, händelser och händelsedelegering, formulär, Fetch API, localStorage, IndexedDB, Canvas, WebSockets och Web Workers. En separat kurs jämför Node och webbläsaren, så att du vet vilka funktioner som hör hemma var.
Vilka plattformar och språk stöder appen?
JavaScript: Lär & Koda fungerar på iPhone och iPad via App Store och på Android via Google Play, på 22 språk. Den har betyget 4+ på App Store.
Kom igång
Skriv din första rad JavaScript i dag
Gratis att börja med på iOS och Android, på 22 språk.
Mer från CoddyKit
Tillgänglig på iOS och Android.