PricingLoginStart free
JavaScript Academy logo
JavaScriptAloittelijaVerkkoTasot A1 → C122 kieltä

JavaScript Academy

Opi JavaScriptiä JavaScript Academyssa ja hyödynnä verkkosivujen interaktiivisuuden koko potentiaali. CoddyKitin oppimispolku, joka sisältää 59 lyhyttä kurssia ja 200 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
59
Oppitunnit
200
Interaktiiviset vaiheet
2,217
Aloita maksutta
Kurssi 1
GET IT ONGoogle PlayDownload on theApp Store
Kurssisisältö

59 kurssia tässä opintopolussa

Kaikki JavaScript Academy-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A13 oppituntiaIlmainen

Ymmärtäkää, mikä JavaScript on, miksi se on maailman suosituin ohjelmointikieli ja millaisia uskomattomia asioita voitte sillä rakentaa.

  1. 1Mikä JavaScript on?
  2. 2Mitä JavaScriptillä voi rakentaa
  3. 3Miten JavaScript liittyy verkkoon
Aloita opiskelu maksutta
2

A11 oppituntiPRO

Aloittakaa ohjelmointimatkanne aloittelijoille tarkoitetulla JavaScriptin johdantokurssilla. Kattavalla kurssilla tutustutte JavaScript-kieleen ja sen perusrakenteisiin sekä siihen, miksi se on yksi…

  1. 1Johdanto
Aloita opiskelu maksuttaAvaa PRO-tilauksella
3

A13 oppituntiaPRO

Aloitatte JavaScriptin oikeaoppisesti: opitte, mitä JS on, miten JavaScript-moottorit suorittavat sitä, missä sitä käytetään (selaimessa ja Nodessa) sekä miten ensimmäinen skripti määritetään ja suor…

  1. 1Mitä JavaScript on? Moottorit (V8/SpiderMonkey) ja suoritusympäristöt (selain ja Node)
  2. 2Käyttöönotto: Node + npm, .js-tiedostojen suorittaminen ja DevToolsin konsoli
  3. 3Ensimmäinen ohjelma ja I/O (console, selainhälytykset)
Aloita opiskelu maksuttaAvaa PRO-tilauksella
4

A13 oppituntiaPRO

Hallitsette JS:n arvot ja tyypit: primitiivit ja oliot, typeof -operaattorin sekä keskeiset primitiivityypit (number, bigint, string, boolean, null, undefined, symbol).

  1. 1Primitiivit ja objektit sekä ydintyypit
  2. 2typeof, totuusarvoisuus ja == vs ===
  3. 3Tyyppimuunnokset: turvalliset käytännöt yllätysten välttämiseen
Aloita opiskelu maksuttaAvaa PRO-tilauksella
5

A13 oppituntiaPRO

Ymmärrätte muuttujamäärittelyt ( let , const ja vanhentunut var ), lohko- ja funktiosidonnaisen näkyvyysalueen sekä ajallisen kuolleen alueen turvallisempaa koodia varten.

  1. 1let, const ja varin välttäminen
  2. 2Lohko-, funktio- ja moduuliskoopit sekä TDZ
  3. 3Nimeäminen, luettavuus ja yleiset sudenkuopat
Aloita opiskelu maksuttaAvaa PRO-tilauksella
6

A13 oppituntiaPRO

Opitte keskeiset ohjausvuorakenteet: if/else , else if ja switch selkeillä, aloittelijalle sopivilla malleilla.

  1. 1if/else ja switch — keskeiset mallit
  2. 2Silmukat: for, while, do…while ja for…of vs for…in
  3. 3Aikaiset palautukset ja vartiointiehdot
Aloita opiskelu maksuttaAvaa PRO-tilauksella
7

A12 oppituntiaPRO

Käsittelette taulukoita ja olioita: luotte, luette, päivitätte ja poistatte tietoja; käytätte iteraatioon for…of- ja forEach-rakenteita sekä käsittelette ominaisuuksia turvallisesti.

  1. 1Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely
  2. 2Kloonaus ja yhdistäminen — spread ja Object.assign
Aloita opiskelu maksuttaAvaa PRO-tilauksella
8

A24 oppituntiaPRO

Kirjoittakaa tiivistä ja null-arvojen suhteen turvallista JavaScriptiä Optional Chainingin ja Nullish Coalescingin avulla.

  1. 1Valinnainen ketjutus ?. -operaattorilla
  2. 2Nullish coalescing ??-operaattorilla
  3. 3?.- ja ??-operaattorien yhdistäminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
9

A24 oppituntiaPRO

Rakentakaa dynaamisia merkkijonoja ja luokaa tehokkaita tagattuja template-funktioita.

  1. 1Merkkijonojen interpoloinnin perusteet
  2. 2Moniriviset merkkijonot
  3. 3Tagitetut template-funktiot
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
10

A24 oppituntiaPRO

Käsitelkää päivämääriä ja kellonaikoja JavaScriptillä ja muotoilkaa ne käyttäjille sopivaan muotoon.

  1. 1Päivämäärien luominen ja lukeminen
  2. 2Aikaleimat ja päivämäärälaskenta
  3. 3Päivämäärien muotoilu
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
11

A24 oppituntiaPRO

Selvittäkää ja korjatkaa JavaScript-ongelmia konsolimetodien, keskeytyskohtien ja selaimen DevTools-työkalujen avulla.

  1. 1console.login tuolle puolen
  2. 2Keskeytyskohtien asettaminen
  3. 3Koodin suorittaminen vaiheittain
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
12

A23 oppituntiaPRO

Opitte funktioiden määrittelyjen ja lausekkeiden erot, nuolifunktioiden perusteet sekä sen, milloin kumpikin muoto sopii selkeään ja aloittelijaystävälliseen koodiin.

  1. 1Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet
  2. 2Parametrit, oletukset, rest ja palautukset
  3. 3thisin perusteet; call/apply/bind (johdanto)
Aloita opiskelu maksuttaAvaa PRO-tilauksella
13

A23 oppituntiaPRO

Käsittelette merkkijonoja, lukuja ja päivämääriä: opitte mallimerkkijonot, yleiset merkkijonometodit, turvallisen pyöristyksen ja Date-olion perusteet.

  1. 1Template literalit ja yleiset merkkijono-operaatiot
  2. 2Luvut — kokonaisluvut, liukuluvut ja Math-perusteet
  3. 3Päivämäärät — perusteet, aikavyöhykkeet ja Intl.DateTimeFormat
Aloita opiskelu maksuttaAvaa PRO-tilauksella
14

A22 oppituntiaPRO

Käsittelette virheitä turvallisesti try/catch/finally -rakenteella, heitätte throw -lauseella merkityksellisiä viestejä ja luotte pieniä mukautettuja virheitä selkeää ohjausvuota varten.

  1. 1try/catch/finally, throw ja mukautetut virheet
  2. 2Defensiivinen ohjelmointi ja syötteiden tarkistukset
Aloita opiskelu maksuttaAvaa PRO-tilauksella
15

B14 oppituntiaPRO

Etsikää verkkosivun elementtejä ja siirtykää niiden välillä nykyaikaisten DOM-valinta- ja läpikäynti-API:en avulla.

  1. 1Elementtien valinta querySelectorilla
  2. 2getElementById ja getElementsByClassName
  3. 3Vanhempien, lasten ja sisarusten läpikäynti
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
16

B14 oppituntiaPRO

Luokaa, päivittäkää ja poistakaa sivun elementtejä sekä niiden sisältöä dynaamisesti JavaScriptillä.

  1. 1Teksti- ja HTML-sisällön muuttaminen
  2. 2Elementtien luominen ja lisääminen
  3. 3Määritteiden ja luokkien muokkaaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
17

B14 oppituntiaPRO

Reagoikaa käyttäjän toimintaan tapahtumankuuntelijoiden, tapahtumaolion ja tapahtumien hallinnan avulla.

  1. 1addEventListenerin perusteet
  2. 2Tapahtumaobjekti
  3. 3preventDefault ja stopPropagation
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
18

B14 oppituntiaPRO

Lukekaa, validoikaa ja käsitelkää HTML-lomakkeiden käyttäjäsyötteitä JavaScriptillä.

  1. 1Syötearvojen lukeminen
  2. 2submit-tapahtuma
  3. 3Asiakaspuolen validointi
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
19

B14 oppituntiaPRO

Ottakaa haltuun JavaScriptin tyyppimuunnossäännöt, totuusarvoisuus sekä operaattorien == ja === välinen ero.

  1. 1Totuusarvoiset ja epätotuusarvoiset arvot
  2. 2Väljä ja tiukka yhtäsuuruus
  3. 3Implisiittinen tyyppimuunnos operaatioissa
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
20

B14 oppituntiaPRO

Käsitelkää tapahtumia tehokkaasti suuressa mittakaavassa hyödyntämällä kaappaus- ja kuplintavaiheita sekä delegointia.

  1. 1Capture- ja bubble-vaiheet
  2. 2Tapahtumadelegointimalli
  3. 3Dynaamiset listat delegoinnilla
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
21

B14 oppituntiaPRO

Viestikää palvelinten kanssa Fetch API:n ja promisejen avulla sekä käsitelkää virheet asianmukaisesti.

  1. 1GET-pyyntöjen tekeminen
  2. 2POST ja datan lähettäminen
  3. 3Virheiden ja tilakoodien käsittely
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
22

B14 oppituntiaPRO

Säilyttäkää tietoja selaimessa Web Storage API:n avulla ja ymmärtäkää sen rajoitukset.

  1. 1Datan tallentaminen ja lukeminen
  2. 2localStorage vai sessionStorage
  3. 3Objektien tallentaminen JSON-muodossa
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
23

B14 oppituntiaPRO

Käsitelkää tiedostoja, blob-olioita ja multipart-lomakedataa selaimessa tapahtuvia latauksia ja lähetyksiä varten.

  1. 1FormData-objekti
  2. 2Tiedostojen lukeminen FileReaderilla
  3. 3Blobit ja object-URL-osoitteet
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
24

B12 oppituntiaPRO

Hallitsette taulukoiden ja olioiden destrukturoinnin selkeämpiä sijoituksia, oletusarvoja, uudelleennimeämistä ja pieniä malleja, kuten arvojen vaihtamista, varten.

  1. 1Taulukoiden ja objektien destructuring-perusteet
  2. 2Rest ja spread — taulukoiden ja objektien idiomaattinen käyttö
Aloita opiskelu maksuttaAvaa PRO-tilauksella
25

B12 oppituntiaPRO

Käytätte korkeamman asteen taulukkometodeja selkeän ja aloittelijalle sopivan koodin kirjoittamiseen: aloitatte map - ja filter -metodeista ja opitte yhdistämään niitä turvallisesti.

  1. 1map ja filter — perusteet
  2. 2reduce, some/every ja find — yksinkertaiset mallit
Aloita opiskelu maksuttaAvaa PRO-tilauksella
26

B12 oppituntiaPRO

Ymmärrätte prototyyppiketjun, omat ja perityt ominaisuudet, Object.create-metodin käytön yksinkertaisten prototyyppien luomiseen sekä ominaisuuskuvaajien perusteet.

  1. 1Prototyyppiketju ja omien ominaisuuksien perusteet
  2. 2Luokkasyntaksin esittely: constructor, metodit, static ja extends
Aloita opiskelu maksuttaAvaa PRO-tilauksella
27

B13 oppituntiaPRO

Käytätte ajastimia turvallisesti: setTimeout -, setInterval - ja kellumisesta tietoista ajoitusta sujuvampia sovelluksia varten.

  1. 1setTimeout, setInterval ja ajastinten ajautuminen
  2. 2Debounce ja throttle — toteutus itse
  3. 3Animaation ajoitus — johdatus aikaperustaisiin silmukoihin
Aloita opiskelu maksuttaAvaa PRO-tilauksella
28

B13 oppituntiaPRO

Käsittelette JSONia turvallisesti: käytätte JSON.stringify - ja JSON.parse -metodeja, valinnaisia replacer - ja reviver -funktioita sekä opitte pieniä turvallisuusvinkkejä.

  1. 1JSON.parse- ja JSON.stringify-perusteet
  2. 2Rakenteinen kloonaus ja URLSearchParams
  3. 3Turvallisen JSON-jäsentämisen strategiat
Aloita opiskelu maksuttaAvaa PRO-tilauksella
29

B13 oppituntiaPRO

Käytätte moderneja luokkia turvallisesti: julkisia kenttiä, private # fields -kenttiä ja static -jäseniä. Esimerkit ovat yksinkertaisia ja aloittelijaystävällisiä.

  1. 1Luokkakentät, yksityiset #‑kentät ja staattiset jäsenet
  2. 2Perintä, super ja milloin koostaminen kannattaa
  3. 3Mixin-rakenteet — yksinkertaista uudelleenkäyttöä ilman syviä hierarkioita
Aloita opiskelu maksuttaAvaa PRO-tilauksella
30

B24 oppituntiaPRO

Luokaa yksilöllisiä tunnisteita ja mukauttakaa olioiden toimintaa symbolien ja tunnettujen symbolien avulla.

  1. 1Yksilöllisten Symbol-arvojen luominen
  2. 2Symbolit objektien avaimina
  3. 3Globaali Symbol-rekisteri
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
31

B24 oppituntiaPRO

Kirjoittakaa selkeämpää JavaScriptiä puhtailla funktioilla, muuttumattomuudella ja deklaratiivisilla datamuunnoksilla.

  1. 1Puhtaat funktiot ja sivuvaikutukset
  2. 2Deklaratiivinen datan muunnos
  3. 3Mutoinnin välttäminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
32

B24 oppituntiaPRO

Kapseloikaa tila sulkeumien avulla ja rakentakaa modulaarista, yksityistä JavaScriptiä.

  1. 1Miten sulkeumat kaappaavat tilan
  2. 2Yksityiset muuttujat sulkeumilla
  3. 3Moduulimalli (IIFE)
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
33

B24 oppituntiaPRO

Rakentakaa joustavaa ja uudelleenkäytettävää logiikkaa curryttämällä funktioita ja koostamalla niitä yhteen.

  1. 1Osittainen soveltaminen
  2. 2Funktioiden currytys
  3. 3Funktioiden koostaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
34

B24 oppituntiaPRO

Suojatkaa data ei-toivotuilta muutoksilta Object.freezen ja muuttumattomien päivitysmallien avulla.

  1. 1Object.freeze ja seal
  2. 2Pintapuolinen ja syvä jäädytys
  3. 3Muuttumattomat päivitysmallit
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
35

B23 oppituntiaPRO

Ymmärrätte tapahtumasilmukan vaihe vaiheelta: synkronisen koodin, tehtäväjonon (setTimeout), mikrotehtäväjonon (Promise/queueMicrotask) ja yksinkertaiset suoritusjärjestyksen säännöt.

  1. 1Tapahtumasilmukka ja tehtävien sekä mikrotehtävien perusteet
  2. 2Promiset — tilat, ketjutus ja virheenkäsittely
  3. 3Promise.all / any / race / allSettled — valitse oikea työkalu
Aloita opiskelu maksuttaAvaa PRO-tilauksella
36

B23 oppituntiaPRO

Kirjoitatte ja käytätte async/await -rakennetta: luotte asynkronisia funktioita, käsittelette virheitä try/catch-rakenteella ja valitsette peräkkäisen tai rinnakkaisen suorituksen välillä.

  1. 1Asynkronisten funktioiden kirjoittaminen; try/catch; rinnakkainen ja peräkkäinen suoritus
  2. 2Aikakatkaisut ja keskeyttäminen AbortControllerilla
  3. 3Uudelleenyritys- ja backoff-mallit
Aloita opiskelu maksuttaAvaa PRO-tilauksella
37

B23 oppituntiaPRO

Opitte käyttämään Map - ja Set -rakenteita selkeämpään tietojenkäsittelyyn: avain→arvo-hakuja, ainutlaatuisuutta ja pieniä arkipäiväisiä malleja.

  1. 1Mapin ja Setin perusteet
  2. 2WeakMap ja WeakSet — yksinkertainen yksityisyys ja välimuistit
  3. 3Läpikäyntimallit
Aloita opiskelu maksuttaAvaa PRO-tilauksella
38

B23 oppituntiaPRO

Opitte aloittelijalle sopivat säännölliset lausekkeet: luotte malleja, testaatte merkkijonoja, käytätte ankkureita ja hyödynnätte lippuja yksinkertaisissa teksti­tehtävissä.

  1. 1Regulaaristen lausekkeiden perusteet — literaalit, test, ankkurit ja liput
  2. 2Ryhmät, kaappaukset ja korvaaminen
  3. 3Validointi ja pienet sudenkuopat
Aloita opiskelu maksuttaAvaa PRO-tilauksella
39

B24 oppituntiaPRO

Rakentakaa uudelleenkäytettäviä ja kapseloituja käyttöliittymäkomponentteja mukautetuilla elementeillä ja shadow DOMilla.

  1. 1Mukautettujen elementtien määrittäminen
  2. 2Elinkaarikutsut
  3. 3Shadow DOM ja kapselointi
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
40

B24 oppituntiaPRO

Tunnistakaa, milloin elementit tulevat näkymäalueelle laiskaa latausta, loputonta vieritystä ja animaatioita varten.

  1. 1Elementtien näkyvyyden tarkkailu
  2. 2Kuvien laiska lataus
  3. 3Loputon vieritys
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
41

B24 oppituntiaPRO

Tallentakaa suuria, rakenteisia tietomääriä selaimeen transaktioihin perustuvalla IndexedDB-tietokannalla.

  1. 1Tietokannan avaaminen
  2. 2Transaktiot ja CRUD
  3. 3Indeksit ja kyselyt
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
42

B24 oppituntiaPRO

Piirtäkää grafiikkaa, muotoja ja kuvia ohjelmallisesti HTML canvasilla ja sen 2D-kontekstilla.

  1. 1Canvas-kontekstin määrittäminen
  2. 2Muotojen ja polkujen piirtäminen
  3. 3Kuvien ja tekstin käsittely
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
43

B24 oppituntiaPRO

Rakentakaa reaaliaikainen kaksisuuntainen yhteys selaimen ja palvelimen välille WebSocketsin avulla.

  1. 1WebSocket-yhteyden avaaminen
  2. 2Viestien lähettäminen ja vastaanottaminen
  3. 3Yhteyden elinkaari ja virheet
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
44

B24 oppituntiaPRO

Toteuttakaa intuitiivisia raahaus- ja pudotustoimintoja natiivin HTML Drag and Drop API:n avulla.

  1. 1Elementtien tekeminen vedettäviksi
  2. 2Pudotuskohteet ja dataTransfer
  3. 3Visuaalinen palaute vetämisen aikana
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
45

B24 oppituntiaPRO

Muotoilkaa lukuja, päivämääriä, valuuttoja ja tekstiä mille tahansa kielialueelle sisäänrakennetun Intl API:n avulla.

  1. 1Lukujen ja valuuttojen muotoilu
  2. 2Päivämäärien ja kellonaikojen muotoilu
  3. 3Suhteellinen aika ja monikot
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
46

B23 oppituntiaPRO

Ymmärrätte JavaScript-moduulit: ESM-tuonnit ja -viennit, oletus- ja nimetyt viennit sekä CommonJS-yhteentoimivuuden perusteet. Etenette pienin, aloittelijalle sopivin askelin.

  1. 1ESM-perusteet — import/export, oletus- ja nimetyt viennit
  2. 2CommonJS-perusteet — require/module.exports ja exports
  3. 3Moduulien resoluutio Nodessa ja selaimen bundlereissa
Aloita opiskelu maksuttaAvaa PRO-tilauksella
47

B23 oppituntiaPRO

Opitte package.json -tiedoston perusteet: skriptit, riippuvuuksien ja kehitysriippuvuuksien erot sekä yksinkertaiset semanttiset versiovälit. Käytännöllisesti ja aloittelijaystävällisesti.

  1. 1package.json, skriptit sekä deps ja devDeps
  2. 2npx ja semanttisen versioinnin vaihteluvälit
  3. 3Paikalliset ja globaalit työkalut, bin-komennot ja tiimityö
Aloita opiskelu maksuttaAvaa PRO-tilauksella
48

B23 oppituntiaPRO

Omaksutte kevyen testausajattelun: pienet väitteet, Arrange–Act–Assert, red→green→refactor sekä käytännön vinkit ilman raskaita työkaluja.

  1. 1Testausajattelu — pienet assertit, AAA ja red→green→refactor
  2. 2Linttaus ESLintillä ja muotoilu Prettierillä
  3. 3CI-perusteet — linttaus ja testaus jokaisella pushilla
Aloita opiskelu maksuttaAvaa PRO-tilauksella
49

B23 oppituntiaPRO

Rakennatte pieniä suoritettavia JS-miniprojekteja ilman viitekehyksiä. Aloitatte Expression Evaluator -projektista ja jatkatte lokianalyysiin sekä Promise Pooliin.

  1. 1E1 — Lausekkeiden laskin (osa 1: + ja - vasemmalta oikealle)
  2. 2E2 — Lokianalysaattori (yksinkertaiset suodattimet ja laskurit)
  3. 3E3 — Promise-allas/jono (asynkroninen rinnakkaisuus)
Aloita opiskelu maksuttaAvaa PRO-tilauksella
50

B23 oppituntiaPRO

Tunnistatte selaimen ja Noden keskeiset erot: globaalit oliot, fetch -tuen saatavuus sekä tiedosto- ja verkkorajapintojen käyttö. Opitte yksinkertaiset tarkistukset ja turvalliset mallit.

  1. 1Globaalit, fetchin saatavuus sekä tiedosto- ja verkkorajapinnat
  2. 2ESM-lataajan erikoisuudet ja polkujen sekä URL-osoitteiden erot
  3. 3Ympäristömuuttujat ja konfiguraatiomallit
Aloita opiskelu maksuttaAvaa PRO-tilauksella
51

C14 oppituntiaPRO

Ymmärtäkää, miten JavaScript ajoittaa suoritettavaa työtä kutsupinon, tehtäväjonon ja mikrotilausten avulla.

  1. 1Kutsupino
  2. 2Makrotehtävät ja tehtäväjono
  3. 3Mikrotehtävät ja Promiset
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
52

C14 oppituntiaPRO

Siepatkaa olioiden perustason toimintoja ja mukauttakaa niitä Proxy- ja Reflect-API:en avulla.

  1. 1Proxyn luominen
  2. 2get- ja set-ansat
  3. 3Reflect-API
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
53

C14 oppituntiaPRO

Suorittakaa raskaat laskennat pääsäikeen ulkopuolella web workereiden avulla, jotta käyttöliittymät pysyvät responsiivisina.

  1. 1Web Workerin luominen
  2. 2Viestintä postMessagella
  3. 3Siirrettävät objektit
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
54

C14 oppituntiaPRO

Tehkää verkkosovelluksista nopeita ja offline-tilassa toimivia service workereiden ja Cache API:n avulla.

  1. 1Service Workerin rekisteröinti
  2. 2Cache API
  3. 3Välimuististrategiat
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
55

C14 oppituntiaPRO

Käsitelkää dataa vaiheittain suorituskyvyn parantamiseksi luku-, kirjoitus- ja muunnosvirtojen avulla.

  1. 1Luettavat streamit
  2. 2fetch-vastausten suoratoisto
  3. 3Muunnosstreamit
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
56

C13 oppituntiaPRO

Ymmärrätte JavaScriptin iteraatioprotokollat: mikä tekee datasta iterable -tyyppistä, miten iterators toimivat ja miten käytätte for...of -rakennetta, spread-operaattoria ja Array.from-metodia.

  1. 1Iterable-protokolla ja for...of
  2. 2Generaattorifunktiot, yield ja pienet putket
  3. 3Asynkroniset iteraattorit — for await...of ja async-generaattorit
Aloita opiskelu maksuttaAvaa PRO-tilauksella
57

C13 oppituntiaPRO

Ymmärrätte this -avainsanan perusteellisesti: leksikaalisen ja dynaamisen this-sidonnan, nuolifunktiot ja käytännölliset sidontamallit. Etenette yksinkertaisin, aloittelijalle sopivin askelin.

  1. 1Leksikaalinen ja dynaaminen this, nuolifunktiot uudelleen
  2. 2Metodien irrottamisen sudenkuopat ja osittainen soveltaminen
  3. 3Funktionaaliset vaihtoehdot — kontekstin välitys, sulkeumat ja pienet apufunktiot
Aloita opiskelu maksuttaAvaa PRO-tilauksella
58

C13 oppituntiaPRO

Opitte yksinkertaisia mutta tehokkaita suorituskykytapoja: Big-O-ajattelun perusteet, kuumat ja kylmät suorituspolut sekä pienet tietorakenteiden tuomat hyödyt.

  1. 1Big-O-perusteet ja kuumat sekä kylmät suorituspolut
  2. 2Vuotojen välttäminen — sulkeumat, ajastimet ja viittaukset
  3. 3Profiloinnin johdanto (Node/DevTools) — pienet ajoitusmenetelmät
Aloita opiskelu maksuttaAvaa PRO-tilauksella
59

C13 oppituntiaPRO

Opitte defensiivistä JavaScriptiä: validoitte syötteet, escapette tulosteen tarvittaessa ja käytätte pieniä oletusarvoisesti turvallisia malleja.

  1. 1Syötteiden validointi ja escapauksen perusteet
  2. 2Objektien turvallinen yhdistäminen, jäädyttäminen ja sinetöinti
  3. 3Virherajat ilman frameworkeja — käsitteellinen johdanto
Aloita opiskelu maksuttaAvaa PRO-tilauksella
CoddyKit PRO

Avaa kaikki 59 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

JavaScript: verkkoa pyörittävä kieli

JavaScript on ainoa ohjelmointikieli, joka toimii natiivisti jokaisessa selaimessa — ja Node.js:n avulla myös palvelimilla. Se ohjaa kaikkea painikkeiden napsautuksista ja lomakkeiden validoinnista reaaliaikaisiin tietovirtoihin ja offline-tilassa toimiviin verkkosovelluksiin. Tällä opintopolulla rakennat perusteellisen ja kattavan ymmärryksen kielestä: arvoista ja tyypeistä tapahtumasilmukkaan, Web Workereihin ja Service Workereihin.

Mitä opit

Aloitat muuttujista, näkyvyysalueista, ohjausvuosta ja keskeisistä tietotyypeistä ja etenet DOM:n käsittelyyn, tapahtumien delegointiin ja Fetch API:in HTTP-pyyntöjä varten. Opintopolun edetessä käsittelet sulkeumia ja moduulikaavaa, funktionaalisen ohjelmoinnin malleja, curryingia ja funktioiden koostamista sekä asynkronista JavaScriptiä — callback-funktioita, Promiseja, microtaskeja ja async/await-rakennetta. Selain-API:t kattavat muun muassa localStorage-rajapinnan, IndexedDB:n, Canvas API:n, WebSocketsin, Web Componentsit, Intersection Observerin ja Streams API:n. Edistyneillä kursseilla käsitellään tapahtumasilmukkaa syvällisesti, Proxy- ja Reflect-rakenteita, Web Workereita, Service Workereita ja offline-välimuistia, iteraattoreita ja generaattoreita sekä suorituskyvyn ja muistin hallintaa.

Oppimispolku

Kuudenkymmenenkahdeksan aktiivisen kurssin kokonaisuus etenee tasolta A1 tasolle C1. A1-osuudella käsitellään perusteet: arvot ja tyypit, muuttujat ja näkyvyysalueet, taulukot ja oliot sekä ohjausvuo. A2 rakentuu tämän päälle käsittelemällä template literal -merkkijonoja, optional chainingia, funktioita ja this-rakennetta, virheenkäsittelyä sekä Date-oliota. B1 tutustuttaa selainympäristöön — DOM:n läpikäyntiin, tapahtumien käsittelyyn, Fetch API:in, destrukturointiin, taulukoiden korkeamman asteen metodeihin ja luokkiin. B2 laajentaa kokonaisuutta funktionaalisiin malleihin, asynkronisiin malleihin, Map- ja Set-rakenteisiin, Regexiin, Web Components -komponentteihin, moduuleihin, paketointiin ja testauksen perusteisiin. C1-osuus päättyy kursseihin Tapahtumasilmukan syvällinen tarkastelu, Proxy ja Reflect, Web Workers ja monisäikeisyys, Service Workers ja offline-välimuisti, Iteraattorit ja generaattorit sekä Defensiivinen JavaScript.

Näin se toimii

Jokainen kurssi on jaettu lyhyisiin, keskittyneisiin oppitunteihin, jotka suoritat sisäänrakennetussa koodieditorissa reaaliaikaisen palautteen avulla. Saat käyttöösi AI-tutorin aina, kun jäät jumiin, ja eteneminen on rakennettu niin, että jokainen käsite tulee vastaan vasta, kun sen edellyttämät aiemmat taidot ovat hallussa.

Työkalut

Harjoittele tekoälyn avulla – älä vain lue

Tehosta oppimistasi tekoälypohjaisilla työkaluilla ja ominaisuuksilla

Tekoälypohjainen koodigeneraattoriLuo koodia tekoälyn avullaTekoälypohjainen virheenkorjausEtsi ja korjaa koodivirheetPROTekoälyn koodianalyysiPerusteellinen koodianalyysiPROTekoälychatKeskustele tekoälytuutorin kanssaEsitä superkysymysSaat asiantuntijatason vastauksiaPROLuo oppituntiTekoälypohjainen oppituntien luontityökaluPROAloita sertifiointikoeHanki sertifikaattiPROKoodieditoriKirjoita ja suorita koodiaAloita haasteTestaa taitosi

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

Tutustu lisää

Aiheeseen liittyvät opintopolut

Electron Desktop App Development logoElectron-työpöytäsovellusten kehitysMaster the art of building powerful cross-platform desktop applications using web technol…Javascript for Kids logoJavaScript lapsilleMake learning JavaScript fun and engaging for kids with Javascript for Kids.Next.js 15 Fullstack Web Apps logoNext.js 15 -täyden pinon verkkosovelluksetMaster building high-performance, fullstack web applications with Next.js 15, from founda…TypeScript Academy logoTypeScript AcademyEnhance your JavaScript projects with TypeScript through lessons at TypeScript Academy.jQuery Academy logojQuery AcademySimplify your JavaScript coding with jQuery through interactive lessons at jQuery Academy.Node.js Backend Development Bootcamp logoNode.js-taustakehityksen bootcampMaster Node.js to build robust and scalable backend applications with this comprehensive…
UKK

Usein kysytyt kysymykset

Onko JavaScript Academy-kurssi ilmainen?

Kyllä. Voit aloittaa JavaScript Academy-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni JavaScript?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa JavaScript-kokemusta.

Miten opin JavaScript CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen JavaScript Academy-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada JavaScript Academy-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia JavaScript puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia JavaScript millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

JavaScript Academy-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan JavaScript Academy-opintopolun suorittaminen kestää?

JavaScript Academy sisältää 59 kurssia ja 200 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 23 tuntia käytännön harjoittelua.

Aloita JavaScript Academy nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.

Aloita opiskelu maksuttaSelaa kaikkia kursseja