Javascript on lähinnä perinteistä ohjelmointikieltä. Siinä on muuttujia ja if lauseita samalla tavalla kuin esim pythonissa.
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.
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()
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 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.