Javascript

Takaisin

Javascript on lähinnä perinteistä ohjelmointikieltä. Siinä on muuttujia ja if lauseita samalla tavalla kuin esim pythonissa.

Perus JS

JS on java/c sukuisia kieliä, mutta on haalinut erinäisiä ominaisuuksia sieltä sun täältä. Jonkun verran inspiraatiota on esimerkiksi otettu funktionaalisista ohjelmointikielistä. JS tekee usein tiettyjä päätelmiä mitkä helpottavat yksinkertaisia asioita, mutta voivat aiheuttavat päänsärkyä jos tekee jotain monimutkaista. Tänne ei ole mitään järkeä listata kaikkea syntaxia, jos on joku työkalu, esim for loop jota kaipaa niin googlatkaa "javascript for loop". Joko se on olemassa tai löydätte jonkun korvikkeen.

Voit ajaa koska tahansa JS koodia selaimen konsolissa. Avaa konsoli painamalla esimerkiksi f12 ja valitsemalla "Console" välilehden aukeavasta paneelista. Voit esimerkiksi kokeilla ajaa alert("moro") ja pieni ponnahdusikkunan pitäisi sanoa moro.

Inline code

Samoin kun css, koodia voi kirjoittaa sivulle monella tavalla. Näistä yksi on suoraan html sekaan, eli niin sanotusti inline. Esimerkiksi näin voi tehdä:

<button onclick="alert('moro')" >Morotin</button> Edellinen koodi tuottaa tälläisen napin:

Voit myös käyttää <script> tageja ajamaan koodia kun sivusto aukeaa. Esimerkiksi tämä: <script>alert('moro')</script> sanoisi moro heti kun sivu avataan. Hämmennyksen vähentämiseksi en ole lisännyt sitä tänne, mutta lisäsin pätkän joka määrittelee morotin-funktion, jonka voit ajaa tämän sivun konsolissa näin: morotin()

Erillinen lähdetiedosto

Inline koodi on ihan ok välillä, mutta jos pitää kirjoittaa jotain monimutkaisempaa niin se on mukavampi kirjoittaa ja lukea omasta tiedostostaan. Tämä myös pitää kooditiedostot lyhempinä joka on usein selkeämpää lukijalle. Tämän voi tehdä lisäämällä <script> tagin jolla on src attribute joka osoittaa kooditiedostoon. Tässä tiedostossa on tuollainen tagi joka hakee monimorottaja.js tiedostosta monimoro-funktion, joka morottaa niin monta kertaa kun sille annettu numero sanoo.

Typescript

Typescript on kieli, joka on hyvin lähellä javascriptiä. Se lisää tyyppivinkkejä ja muita elämän laatua parantavia työkaluja ja pääosin se käännetään typescript kääntäjällä javascriptiksi. Etenkin isommissa projekteissa typescriptin mukanaan tuomat ilot ovat huomattavia, mutta ei välttämättä tarvita jos rivimäärä on laskettavissa sormin ja varpain.