Johdanto

Kurssin sisältö

Tällä kurssilla opitaan alkeet JavaScript-ohjelmoinnista sekä siitä miten JavaScriptillä voidaan lisätä toiminnallisuutta HTML-sivuille. JavaScript on monipuolinen ohjelmointikieli ja sitä voidaan käyttää monella eri tavalla:

1. Sisällytetään JavaScript:iä HTML-sivulle
2. Ohjelmoidaan selaimessa toimiva verkkopalvelun osa (Frontend) JavaScript:illä (ns. Single Page Application eli SPA). SPA tehdään yleensä käyttäen jotain JS Framework:iä (React, Vue, Angular)
3. Ohjelmoidaan palvelimella toimiva tietokantaa käyttävä verkkopalvelun osa (Backend) JavaScriptillä käyttäen node.js:ää
4. Ohjelmoidaan mobiililaitteissa toimiva appsi (esim. käyttäen React Native:a tai Angular:ia)

Tällä kurssilla käsitellään kohtaa 1 ja mahdollisesti tutustutaan hieman kohdassa 2 mainittuun SPA-ohjelmointiin (jos ehditään).

Ohjelmointiesimerkit tällä kurssilla käyttävät JavaScript:in versiota ES6 (ECMAScript 6 vuodelta 2015). JavaScript:in standardia päivitetään nykyisin joka vuosi (ECMAScript2019).

Kurssin työvälineet

Visual Studio Code

Käytämme editorina ilmaista Visual Studio Code:ea (voit asentaa sen kotikoneelle täältä.

Chrome-selain

Jotta esimerkit toimivat käytä uusinta Chrome-selainta, joka tukee hyvin ES6:sta (katso miten eri selaimet tukevat ES6:sta täältä).

Codesandbox

Codesandbox.io on verkossa toimiva ohjelmointiympäristö, jonka avulla on helppo kokeilla selainohjelmointia. Toimii myös ilman tilin luomista. Käytämme tätä mahdollisesti kurssin loppupuolella.