JavaScript: Opi & Koodaa
JavaScript: Opi & Koodaa — JavaScript-kurssi, jossa oikea konsoli kulkee taskussasi
JavaScript: Opi & Koodaa on maksuton iOS- ja Android-JavaScript-kurssi, joka sisältää 59 lyhyttä kurssia ja 200 oppituntia ensimmäisestä muuttujasta event loop -rakenteeseen. JavaScript suoritetaan suoraan puhelimessa, joten sisäänrakennettu JS-editori ja konsoli antavat vastauksen heti. Päivittäinen harjoittelu – tulosteen ennustaminen, bugien metsästys ja viikon kata – pitää koodin sormissa.
- Hinta
- Ilmainen, Pro-päivitys
- Alustat
- iOS ja Android
- Kielet
- 22
- Ikäraja
- 4+
- Versio
- 82.6.1
- Vaatimukset
- iOS 15.1 tai uudempi
- App Store
- 5.0 ★ (1)
Moottori toimii puhelimessa, joten vastaus tulee heti.
JS Lab suorittaa JavaScriptin laitteella. Kirjoita rivi konsoliin ja näe tulos välittömästi, tai anna sovelluksen suorittaa koodinpätkä, joka näyttää tulosteen oikeasti sen sijaan, että se vain selittäisi, mitä koodin todennäköisesti pitäisi tehdä.
Mikä se on
JavaScript: Opi & Koodaa on ilmainen iOS- ja Android-sovellus, joka opettaa JavaScriptiä vaihe vaiheelta: 59 kurssia ja 200 oppituntia tasoilta A1–C1. Aiheita ovat arvot ja näkyvyysalueet, funktiot ja this, DOM, Fetch API, promiset ja async/await, sulkeumat, luokat, generaattorit ja event loop. Oppitunteihin yhdistyvät puhelimessa toimiva JS-editori, JavaScript-konsoli ja päivittäiset harjoitukset sekä AI Mentor hetkiin, jolloin käsite tai virheilmoitus ei avaudu.
Sovelluksen sisältö
Miltä se näyttää
Kurssi
Mitä JavaScript-kurssi sisältää
59 kurssia ja 200 oppituntia sovelluksen omasta kurssivalikoimasta: ensimmäisestä muuttujasta selaimeen ja async-koodiin sekä edistyneisiin kielen ominaisuuksiin.
Tervetuloa JavaScriptiin
JS:n aloitusosio käsittelee käsitteitä ja käyttöönottoa, minkä jälkeen vuorossa ovat arvot ja tyypit, muuttujat ja näkyvyysalueet, ohjausvirta sekä ensimmäinen katsaus taulukoihin ja olioihin.
JavaScript arjessa
Template literalit, optional chaining ja nullish coalescing, destrukturointi, rest ja spread, korkeamman asteen taulukkometodit, JSON ja virheenkäsittely.
DOM ja tapahtumat
DOM-valinta ja -läpikäynti, elementtien käsittely, tapahtumien käsittely, tapahtumien delegointi ja eteneminen sekä lomakkeet ja syöte.
Verkon ja tallennustilan käyttö
Fetch API, web-tallennus localStoragen ja sessionStoragen avulla, FormData ja tiedostojen käsittely sekä IndexedDB-asiakaspuolen tallennus.
Asynkroninen JavaScript
Callbackit, promiset ja mikrotehtävät, async/await käytännössä, ajastimet ja ajoitus sekä tapahtumasilmukan perusteellinen tarkastelu.
Funktiot, sulkeumat ja luokat
Funktiot ja this, sulkeumat ja moduulikuvio, currying ja kompositio, luokat ja periytyminen sekä edistynyt this-sidonta.
Edistyneet kielen ominaisuudet
Iteraattorit ja generaattorit, Mapit ja Setit, Proxy ja Reflect, symbolit, säännölliset lausekkeet ja muuttumattomuus.
Moduulit, työntekijät ja suorituskyky
ES-moduulit verrattuna CommonJS:ään, Noden ja selaimen erot, Web Workers, service workers, suorituskyky ja muisti sekä testaus.
Miten se toimii
Miten JavaScript-harjoitus etenee
Harjoitus yhdistää lyhyen oppitunnin johonkin suoritettavaan ja päättyy nopeaan tarkistukseen, joten selitys ja harjoittelu tapahtuvat samalla kertaa.
Lue lyhyt oppitunti
Käy läpi muutaman minuutin oppitunti: selkeä selitys, kysymyksiä ja pieni kooditehtävä. Ensimmäinen kurssi on ilmainen, ja oppitunnit toimivat myös heikolla yhteydellä.
Suorita koodi JS Labissa
Kirjoita konsoliin, ennusta päivittäisen tehtävän tuloste ja katso, kun moottori näyttää oikean vastauksen, tai korjaa rikkinäinen ohjelma testitapausten taulukon avulla.
Tarkista ja syvennä osaamistasi
Viimeistele tietovisalla tai koodaustehtävällä, käy event loop vaihe vaiheelta läpi, kun async-koodi hämmentää, ja kysy AI Mentorilta, kun jokin ei tunnu avautuvan.
Mitä se sisältää
Mitä sovellus sisältää
59
Kurssia, A1–C1
200 oppituntia arvoista ja tyypeistä DOM-tapahtumiin, fetchiin, promiseihin ja async/awaitiin sekä sulkeumiin, Proxyyn ja Reflectiin, regexiin ja suorituskykyyn.
Laitteella
JS-editori ja konsoli
Kirjoita ja suorita JavaScriptiä sisäänrakennetussa editorissa, kokeile yhden rivin komentoja konsolissa ja tallenna ohjelmia myöhempää avaamista varten. Editorin AI Tools tarkistavat ohjelman ja ehdottavat korjausta, jonka voit ottaa käyttöön.
Päivittäinen
JS Lab -harjoittelu
Ennusta tuloste, metsästä bugeja testitapausten avulla, kokeile viikon ilmaista kataa, käytä event loop -askeltajaa ja DOM-areenaa, vastaa viiteen ajastettuun haastattelukysymykseen ja kertaa asiat omista virheistäsi koostetun kertauspakan avulla.
60
Koodaustehtävää
Lyhyitä harjoituksia kolmella tasolla Hello Worldista ja template literal -merkkijonoista FizzBuzzin, sulkeumien, Merge Sortin, Quicksortin ja graafin BFS:n tai DFS:n käsittelyyn.
20
Ohjattua projektia
Rakenna ohjelmia, kuten Order Totals, Word Frequency Counter, Async Data Pipeline ja Mini Event Bus, yksi vaihe kerrallaan. Jokainen vaihe tarkistetaan, kun suoritat sen.
AI
AI Mentor
Kysy selkokielellä, kun käsite tai virhe pysäyttää sinut. Ilmaiset käyttäjät saavat muutaman kysymyksen päivässä; Pro poistaa päivittäisen rajoituksen.
Taustaa
Miksi JavaScriptiä on vaikea oppia pelkästään lukemalla, ja mitä sinun pitää harjoitella?
JavaScript toimii tavoilla, jotka on helppo lukea mutta vaikea ennustaa: muuttuja voi sisältää funktion, this muuttuu sen mukaan, miten funktiota kutsutaan, eikä koodi aina suoritu siinä järjestyksessä kuin se on kirjoitettu. Selitysten lukeminen auttaa, mutta yllätykset jäävät mieleen vasta, kun olet suorittanut koodin ja nähnyt tulosteen olevan eri kuin arvasit. Siksi JavaScriptin oppiminen toimii parhaiten, kun konsoli on lähellä ja sinulla on tapana ennustaa koodinpätkän tuloste ennen sen suorittamista.
Näkyvyysalueet ja sulkeumatmissä muuttujat elävät
Funktio muistaa kirjoitushetkellään ympärillään olevat muuttujat, vaikka kyseinen paikka olisi jo lopettanut suorittamisen. Tämä yksi ajatus selittää yksityisen tilan, module pattern -mallin ja useita klassisia työhaastattelukysymyksiä.
this-arvoyleisin kompastuskivi
Toisin kuin useimmissa kielissä, this viittaa eri asiaan sen mukaan, miten funktiota kutsutaan, ei sen mukaan, missä se on määritelty. Arrow function -funktiot sekä call, apply ja bind muuttavat kukin lopputulosta, ja niiden sekoittaminen on yleinen bugien lähde.
event loopmiksi async-koodi yllättää
JavaScript suorittaa yhden asian kerrallaan ja palaa sitten odottavien tehtävien jonoon. Promisen callback suoritetaan ennen nollan millisekunnin ajastinta, minkä vuoksi tulosteen järjestys näyttää joskus väärältä, kunnes hahmotat call stackin, microtaskit ja taskit.
Selain ja Nodeyksi kieli, kaksi ympäristöä
Ydinkieli on molemmissa sama, mutta selain lisää DOMin, tapahtumat ja fetchin, kun taas Node lisää tiedostot ja prosessit. Kun tiedät, mitkä ominaisuudet kuuluvat mihinkin ympäristöön, säästyt monilta hämmentäviltä virheilmoituksilta.
Sopivuus
Kenelle se sopii – ja kenelle ei
Se sopii sinulle, jos
- Et ole koskaan ohjelmoinut ja haluat JavaScriptin selitettynä ensimmäisestä muuttujasta alkaen
- Opit paremmin, kun voit suorittaa koodirivin ja nähdä, mitä se tulostaa
- Haluat harjoitella päivittäin muutaman minuutin ajan pitkän opiskelusession sijaan
- Valmistaudut JavaScript-haastatteluun ja haluat kysymyksiä vastauksineen sekä ajastettua harjoittelua
- Haluat ymmärtää asynkronisen koodin ja tapahtumasilmukan etkä vain kopioida toimintamalleja
Se ei ole oikea työkalu sinulle, jos
- Sinun on rakennettava täysimittainen usean tiedoston web-projekti — kannettava tietokone ja oikea editori ovat siihen edelleen oikea paikka
- Odotat kaiken olevan maksutonta: ensimmäinen kurssi, yksi projekti ja kaksi tehtävää ovat maksuttomia, ja Pro avaa loput
- Et pidä mainoksista maksuttomassa sovelluksessa — maksuton versio näyttää mainoksia, ja Pro poistaa ne
- Kirjoitat jo JavaScriptia päivittäin ja haluat kurssin sijaan hakuteoksen
Kysymykset
Usein kysytyt kysymykset
Onko olemassa hyvä JavaScript-kurssi, jota voin seurata puhelimellani?
JavaScript: Opi & Koodaa on puhelimelle suunniteltu JavaScript-kurssi: 59 lyhyttä kurssia ja 200 oppituntia, laitteessa koodia suorittava sisäänrakennettu JS-editori ja konsoli sekä päivittäisiä harjoituskortteja. Oppitunneilla lyhyt selitys yhdistyy kysymyksiin ja pieniin kooditehtäviin, joten jokaisen harjoituskerran päätteeksi olet suorittanut jotain itse.
Voinko suorittaa JavaScript-koodia puhelimellani tällä sovelluksella?
Kyllä. JS Lab suorittaa JavaScriptia suoraan puhelimessa, joten konsoli palauttaa tulokset heti ja editori suorittaa kokonaisia ohjelmia. Voit tallentaa ohjelmia ja avata ne myöhemmin uudelleen, ja editorin AI Tools voi tarkistaa ohjelman sekä ehdottaa siihen sovellettavaa korjausta.
Mikä on nopein tapa oppia JavaScript-koodausta täytenä aloittelijana?
Lyhyet, säännölliset harjoitukset itse suorittamallasi koodilla. JavaScript: Opi & Koodaa aloittaa arvoista ja muuttujista, lisää päivittäisen tavoitteen ja putket säännöllisten harjoituskertojen tueksi sekä tarjoaa konsolin kokeiluja varten. Päivittäiset tulosteen ennustamiskortit kehittävät tapaa päätellä koodin toiminta ennen sen suorittamista.
Mikä JS Lab on?
JS Lab on JavaScript: Opi & Koodaa -sovelluksen päivittäinen harjoittelualue. Se sisältää konsolin, tulosteen ennustamiskortteja, testitapauksia vasten tarkistettavia bugien metsästystehtäviä, viikoittaisen katan, tapahtumasilmukan askellustyökalun, DOM-areenan, viisi ajastettua haastattelukysymystä ja omista virheistäsi kootun kertauspakan.
Selittääkö sovellus async/awaitin ja tapahtumasilmukan?
Kyllä. Tarjolla on kursseja callbackeista, promiseista ja mikrotehtävistä, async/awaitista käytännössä sekä tapahtumasilmukan perusteellinen katsaus. Niiden lisäksi tapahtumasilmukkatoiminnolla voit käydä kutsupinon, mikrotehtävät ja tehtävät läpi yksi kerrallaan ja nähdä, miksi tulosteet ilmestyvät juuri siinä järjestyksessä kuin ne ilmestyvät.
Auttaako JavaScript: Opi & Koodaa JavaScript-haastatteluissa?
Se sisältää 50 JavaScript-haastattelukysymystä vastauksineen sekä JS Labin Interview-tilan, jossa on viisi ajastettua kysymystä. Sulkeumilla, thisillä, promiseilla ja tapahtumasilmukalla — eli haastatteluissa usein käsiteltävillä aiheilla — on kullakin oma kurssinsa.
Onko JavaScript: Opi & Koodaa maksuton?
Sen voi ladata maksutta. Ensimmäinen kurssi, ensimmäinen ohjattu projekti, kaksi koodaustehtävää, JS Labin päivittäiset harjoitukset ja päivittäinen AI Mentorin käyttökiintiö ovat maksuttomia, ja maksuton versio näyttää mainoksia. Pro avaa kaikki kurssit, projektit ja tehtävät, rajattoman AI Mentorin käytön sekä sertifikaattikokeen ja poistaa mainokset.
Saako siitä sertifikaatin?
Kyllä. JavaScript: Opi & Koodaa -sovelluksen loppukokeen läpäiseminen antaa suoritussertifikaatin. Se kertoo tekemästäsi työstä; kyseessä ei ole akkreditoitu pätevyys, joten se kannattaa esitellä sellaisten projektien rinnalla, joista osaat kertoa.
Opettaako se selaimen käytön kielen ohella?
Kyllä. Itse kielen lisäksi kurssit käsittelevät DOM-valintaa ja -muokkausta, tapahtumia ja tapahtumien delegointia, lomakkeita, Fetch APIa, localStoragea, IndexedDB:tä, Canvasta, WebSocketeja ja Web Workersia. Erillisellä kurssilla verrataan Nodea ja selainta, jotta tiedät, mitkä ominaisuudet kuuluvat mihinkin.
Mitä alustoja ja kieliä se tukee?
JavaScript: Opi & Koodaa toimii iPhonella ja iPadilla App Storen kautta sekä Androidilla Google Playn kautta 22 kielellä. Sen ikäraja on App Storessa 4+.
Aloita
Kirjoita ensimmäinen JavaScript-rivisi jo tänään
Aloita ilmaiseksi iOS- ja Android-laitteilla 22 kielellä.
Lisää CoddyKitilta
Saatavilla alustoilla iOS ja Android.