JavaScript

Tutustu JavaScriptin historiaan, peruskäsitteisiin sekä rooliin yhtenä modernin web-kehityksen ydinteknologioista.

Opi JavaScriptin keskeiset käsitteet: tapahtumat, oliot, ominaisuudet ja metodit. Ne muodostavat perustan dynaamisten verkkosivujen rakentamiselle.

Opi liittämään JavaScript-koodi HTML:ään. Tutustu script-elementin käyttöön ja hyödynnä async-, defer- ja lazy loading -ominaisuuksia suorituskyvyn parantamiseksi.

Opi käsittelemään tapahtumia, kuten hiiren klikkauksia, näppäimistötoimintoja, lomakkeen lähetyksiä ja kosketustapahtumia JavaScriptin avulla.

Tämä artikkeli esittelee JavaScriptin perussyntaksin eli lauseet, ryhmittelyn aaltosulkeilla ja kommentit.

Opi JavaScriptin muuttujien määrittely let, var ja const rakenteilla. Hallitse muuttujien käyttö ja näkyvyysalueet (scope).

Tutustu JavaScriptin merkkijonojen määrittelyyn, muotoilumerkintöihin ja operaattoreihin. Opi niiden käyttö laskelmissa ja vertailuissa.

Opettele if-else ehtolauseen käyttö JavaScriptissä. Esittelyssä ehtorakenteen perussyntaksi, laajennettu if-else if - else syntaksi, seka ternaarinen pikasyntaksi.

Opas JavaScriptin for-toistolauseisiin. Opi for-silmukan syntaksi sekä for...in-rakenne olioiden ja taulukoiden iteroimiseen.

Opi JavaScriptin while- ja do-while-toistolauseet, kontrollikomennot break ja continue sekä ikisilmukan riskit.

Tutustu JavaScriptin with-lauseeseen. Käytä oliotia ja sen ominaisuuksia omassa skoopissa ilman erillistä olioviittausta.

Switch-case valintarakenne mahdollistaa useiden ehtojen tarkistamisen yhdellä kertaa. Opi switch-case valintalauseen syntaksi, mukaan lukien tiukka tyyppitarkastus.

Paranna koodin luotettavuutta ja tutustu, miten hallittu virheiden käsittely JavaScriptissä toimii try-catch-finally-rakenteella.

Opi käyttämään return-komentoa JavaScriptin funktioissa. Tutustu, miten se palauttaa arvon ja keskeyttää funktion suorituksen.

Opi luomaan taulukko JavaScriptissä. Tutustu arvojen lukemiseen ja taulukon käsittelyyn for-silmukan avulla.

Opi funktionaalisen ohjelmoinnin perusperiaatteet JavaScriptissä. Tutustu taulukon metodeihin kuten map, filter, find ja foreach.

Opi määrittelemään funktioita JavaScriptissä eri tavoin. Harjoittele nuolifunktioita, anonyymejä funktioita ja parametrien hallintaa.

Opi, mikä on callback-funktio ja miten klosuurit toimivat JavaScriptissä. Ymmärrä, miten funktiot kulkevat parametreina ja säilyttävät tilansa.

Opi JavaScriptin oliopohjaisen ohjelmoinnin perusteet. Luo olioita, luokkia ja ilmentymiä keskeisten käsitteiden ja käytäntöjen avulla.

Paranna JS-koodin selkeyttä oliopohjaisen ohjelmoinnin avulla. Opi luomaan, asettamaan ja hakemaan olion ominaisuuksia ja metodeja.

DOM, DOM Events ja BOM tarjoavat rajapinnan sisällön ja tapahtumien hallintaan selaimessa. Niiden osaaminen tehostaa kehitystyötä.

BOM (Browser Object Model): rajapinta selaimen ja JavaScriptin välissä. Sen avulla voidaan hallita selainympäristöä ohjelmallisesti.

Tutustu dokumenttioliomalliin (DOM) ja sen eri versioihin. DOM tarjoaa rakenteen, jonka avulla ohjelmointikielet kuten JavaScript voivat muokata verkkosivuja.

Tutustu DOM 1 -standardin perusteisiin ja opi, miten JavaScriptin avulla hallitaan ja muokataan HTML-muotoista dataa ohjelmallisesti.

Tutustu DOM-hakumetodeihin. Opi erilaiset tavat löytää HTML-elementtejä DOM-puusta. Saat myös vinkkejä koodin optimointiin suorituskyvyn parantamiseksi.

Perehdy DOMin tapahtumien käsittelyyn JavaScriptin kautta. Opi hyödyntämään kuuntelijoita, tapahtumien kuplintaa ja tapahtumien estämistä.