Kurssisisältö

Johdatus JavaScriptiin

1. Aloittaminen

Ensimmäinen JavaScript-konsolisovellus Haaste: Tulosteen Näyttäminen Haaste: Useiden Rivien Tulostaminen Lukujen Käsittely Haaste: Työskentely Numeroiden Kanssa Haaste: Auton Nopeuden Laskeminen Haaste: Trapetsin Pinta-Alan Laskeminen Useiden Arvojen Tulostaminen Haaste: Merkityksellisen Tulosteen Näyttäminen Konsolissa Kuinka Käyttää Kommentteja JavaScriptissä?Haaste: Kommentin Lisääminen Moniriviset Kommentit Haaste: Koodin Kommentointi Mikä JavaScript Oikeastaan On?

2. Datan Käsittely

Datan Tallentaminen Haaste: Muuttujan Määrittäminen Haaste: Tietojen Käsitteleminen Muuttujasta Haaste: Muuttujien Nimien Korjaaminen Haaste: Muuttujan Uudelleenasettaminen Vakiot Haaste: Vakioiden Määrittely ja Käyttö Aritmeettisten Operaatioiden Suorittaminen Muuttujilla Haaste: Palkanlaskurin Tekeminen Haaste: Palkan Säätäminen Bonuksen Avulla Alkeellisten Tietotyyppien Tarkastelu Haaste: Boolean-Arvon Määrittäminen Kuinka Eri Tietotyypit Ovat Vuorovaikutuksessa Keskenään Haaste: Merkkijonojen Yhdistäminen Haaste: Käyttäjäprofiilin ja Aktiviteettitietojen Luominen

3. Ehtolauseet

Vertailuoperaattorit Haaste: Iän Kelpoisuuden Tarkistaminen `If`-Lause Haaste: Säähän Perustuva Asusuositus Haaste: Parillinen vai Pariton Sisäkkäiset Ehtolauseet The `Else`-Lause Haaste: Paranna Parillinen Vai Pariton Tarkistinta Haaste: Lämpötilaneuvoja `Else If` -lauseke Haaste: Arvosanaluokittelija ` JA`-Looginen Operaattori Haaste: Tarkista, Onko Luku Parillinen ja Positiivinen OR-Looginen Operaattori Haaste: Ohjausjärjestelmän Käyttö

4. Funktioiden Hallinta

Mitä Funktiot Ovat?Haaste: Yksinkertainen Funktio Haaste: Auton Nopeuden Laskeminen Laajuudet Datan Välittäminen Funktioihin Haaste: Nopeusfunktion Korjaaminen Haaste: Arvosanaluokittelijan Parantaminen Tehtävä: Yhdistetyn Funktion Määrittely Datan Palauttaminen Funktioista Oletusarvot Haaste: Sähköpostin Automaattivastaaja Oletusparametreilla

5. Taulukoiden Tutkiminen

Mitä Taulukot Ovat?Haaste: Taulukon Määrittely Haaste: Indeksointi Arvojen Lisääminen Taulukkoon Haaste: Alkioiden Lisääminen Taulukkoon Alkioiden Poistaminen Taulukosta Haaste: `pop`- ja `shift`-metodien Harjoittelu `Length`-ominaisuus Haaste: Alkioiden Laskeminen `Includes`-menetelmä Haaste: Eläinten Etsiminen Eläintarhassa

6. Silmukoiden Löytäminen

`For`-silmukka Tehtävä: Sekvenssin Tulostaminen `While`-silmukka Haaste: Fibonaccin Lukujonon Tulostaminen Do-While-silmukka Haaste: Satunnainen 7:n Monikerta Silmukoiden Käyttäminen Taulukoiden Kanssa Haaste: Tuotteiden Keskihinnan Löytäminen Yhteenveto

Mitä Funktiot Ovat?

Määritelmä

Funktiot ovat ohjelmoinnin ominaisuus, jonka avulla voidaan varata koodilohko suoritettavaksi myöhemmin. Tämä mahdollistaa myös saman koodilohkon suorittamisen useita kertoja vaivattomasti.

Perussyntaksi funktion määrittelylle on seuraava:

function funcName() {
  // Code here
}

Tässä function on avainsana, jota käytetään funktion määrittelyyn, ja funcName edustaa luotavan funktion nimeä.

Funktion luomista kutsutaan tarkemmin "funktion määrittelyksi". Koodia, joka määrittelee funktion, kutsutaan "funktion määrittelykoodiksi".

Huomio

DRY (Don't Repeat Yourself) -periaate on keskeinen ohjelmointikäsite, joka korostaa koodin toiston minimointia. Se kannustaa kirjoittamaan jokaisen loogisen osan vain kerran ja hyödyntämään sitä uudelleen tarpeen mukaan. Tämä parantaa koodin luettavuutta ja tehokkuutta. Funktiot ovat tärkeässä roolissa tämän periaatteen noudattamisessa, sillä niiden avulla voidaan poistaa tarpeetonta koodin toistoa.

Seuraavassa on esimerkki funktiosta, joka piirtää kolmion konsoliin:


              123456789
            
function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();

Funktiota on mahdollista suorittaa useammin kuin kerran:


              1234567891011
            
function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();
drawTriangle();
drawTriangle();

Huomio

Funktion suorittaminen tunnetaan myös nimellä funktion kutsuminen. Vastaavasti lause, joka suorittaa funktion (esimerkiksi: myFunc()), kutsutaan funktion kutsuksi.

On suositeltavaa nimetä funktiot kuvaavasti siten, että funktion nimi heijastaa tarkasti sen suorittamaa toimintoa.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 4. Luku 1

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Kurssisisältö

Johdatus JavaScriptiin

1. Aloittaminen

2. Datan Käsittely

3. Ehtolauseet

4. Funktioiden Hallinta

5. Taulukoiden Tutkiminen

6. Silmukoiden Löytäminen

Mitä Funktiot Ovat?

Määritelmä

Perussyntaksi funktion määrittelylle on seuraava:

function funcName() {
  // Code here
}

Tässä function on avainsana, jota käytetään funktion määrittelyyn, ja funcName edustaa luotavan funktion nimeä.

Funktion luomista kutsutaan tarkemmin "funktion määrittelyksi". Koodia, joka määrittelee funktion, kutsutaan "funktion määrittelykoodiksi".

Huomio

Seuraavassa on esimerkki funktiosta, joka piirtää kolmion konsoliin:


              123456789
            
function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();

Funktiota on mahdollista suorittaa useammin kuin kerran:


              1234567891011
            
function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();
drawTriangle();
drawTriangle();

Huomio

Funktion suorittaminen tunnetaan myös nimellä funktion kutsuminen. Vastaavasti lause, joka suorittaa funktion (esimerkiksi: myFunc()), kutsutaan funktion kutsuksi.

On suositeltavaa nimetä funktiot kuvaavasti siten, että funktion nimi heijastaa tarkasti sen suorittamaa toimintoa.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 4. Luku 1

Johdatus JavaScriptiin

Mitä Funktiot Ovat?

1. Mitä avainsanaa käytetään funktion määrittämiseen JavaScriptissä?

2. Mikä on seuraavan koodin tuloste?

3. Mikä seuraavista EI pidä paikkaansa funktioista?

Johdatus JavaScriptiin

Mitä Funktiot Ovat?

1. Mitä avainsanaa käytetään funktion määrittämiseen JavaScriptissä?

2. Mikä on seuraavan koodin tuloste?

3. Mikä seuraavista EI pidä paikkaansa funktioista?