Silmukat ovat ohjelmointirakenteita, jotka toistavat tietyn osan koodista niin monta kertaa kuin tarvitaan. Tämä mahdollistaa esimerkiksi samojen operaatioiden toistamisen useita kertoja, koodin suorituksen automatisoinnin ja monien muiden toimintojen hallinnan. JavaScriptissä on useita erilaisia silmukoita, mutta yleisimmät ovat for-silmukat, while-silmukat ja do-while-silmukat.

for-silmukoita käytetään yleensä silloin, kun tiedät etukäteen, kuinka monta kertaa haluat toistaa tietyn koodin osan. For-silmukoiden rakenne koostuu aloitusehdoista, ehtolauseista ja lisäysehdoista. Esimerkiksi, voit käyttää for-silmukoita tulostamaan luvut 1-10:

Tässä määritetään aloitusehdoksi "i = 1", ehtolauseeksi "i <= 10" ja lisäysehdoksi "i++". Silmukka toistaa koodin osan 10 kertaa, ja jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

while-silmukat toistavat tietyn koodin osan niin kauan kuin tietty ehto täyttyy. Esimerkiksi, voit käyttää while-silmukoita tulostamaan luvut 1-10:

Tässä määritetään ensin muuttujan "i" arvoksi 1. While-silmukka toistaa koodin osan niin kauan kuin muuttuja "i" on pienempi tai yhtäsuuri kuin 10. Jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

do-while-silmukat toimivat samalla tavalla kuin while-silmukat, mutta koodin osa suoritetaan vähintään kerran, vaikka ehto ei täyttäisi vaatimuksia. Esimerkiksi, voit käyttää do-while-silmukoita tulostamaan luvut 1-10:

Tässä määritetään ensin muuttujan "i" arvoksi 1. Koodin osa suoritetaan ensin kerran, vaikka ehto ei täyttäisi vaatimuksia. While-silmukka tarkistaa ehdot vasta sen jälkeen, kun koodi on suoritettu vähintään kerran. Silmukka toistaa koodin osan niin kauan kuin muuttuja "i" on pienempi tai yhtäsuuri kuin 10. Jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

Silmukat ovat tärkeä osa JavaScript-ohjelmointia, ja niitä käytetään laajasti monissa sovelluksissa ja verkkosivuissa. On tärkeää ymmärtää eri silmukkatyypit ja niiden toiminta, jotta voit käyttää niitä tehokkaasti omissa projekteissasi.

Silmukat ovat ohjelmointirakenteita, jotka toistavat tietyn osan koodista niin monta kertaa kuin tarvitaan. Tämä mahdollistaa esimerkiksi samojen operaatioiden toistamisen useita kertoja, koodin suorituksen automatisoinnin ja monien muiden toimintojen hallinnan. JavaScriptissä on useita erilaisia silmukoita, mutta yleisimmät ovat for-silmukat, while-silmukat ja do-while-silmukat.

## for-silmukat

for-silmukoita käytetään yleensä silloin, kun tiedät etukäteen, kuinka monta kertaa haluat toistaa tietyn koodin osan. For-silmukoiden rakenne koostuu aloitusehdoista, ehtolauseista ja lisäysehdoista. Esimerkiksi, voit käyttää for-silmukoita tulostamaan luvut 1-10:

```javascript
for (var i = 1; i <= 10; i++) {
  console.log(i);
}
```

Tässä määritetään aloitusehdoksi "i = 1", ehtolauseeksi "i <= 10" ja lisäysehdoksi "i++". Silmukka toistaa koodin osan 10 kertaa, ja jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

@embed a836c5c85100

---

## 
while-silmukat

while-silmukat toistavat tietyn koodin osan niin kauan kuin tietty ehto täyttyy. Esimerkiksi, voit käyttää while-silmukoita tulostamaan luvut 1-10:

```javascript
var i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}
```

Tässä määritetään ensin muuttujan "i" arvoksi 1. While-silmukka toistaa koodin osan niin kauan kuin muuttuja "i" on pienempi tai yhtäsuuri kuin 10. Jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

@embed fcc3424ce180

---

## do-while-silmukat

do-while-silmukat toimivat samalla tavalla kuin while-silmukat, mutta koodin osa suoritetaan vähintään kerran, vaikka ehto ei täyttäisi vaatimuksia. Esimerkiksi, voit käyttää do-while-silmukoita tulostamaan luvut 1-10:

```javascript
var i = 1;
do {
  console.log(i);
  i++;
} while (i <= 10);
```

Tässä määritetään ensin muuttujan "i" arvoksi 1. Koodin osa suoritetaan ensin kerran, vaikka ehto ei täyttäisi vaatimuksia. While-silmukka tarkistaa ehdot vasta sen jälkeen, kun koodi on suoritettu vähintään kerran. Silmukka toistaa koodin osan niin kauan kuin muuttuja "i" on pienempi tai yhtäsuuri kuin 10. Jokaisella kierroksella muuttuja "i" kasvaa yhdellä.

@embed 4a413b603006

---

## Summa summarum

Silmukat ovat tärkeä osa JavaScript-ohjelmointia, ja niitä käytetään laajasti monissa sovelluksissa ja verkkosivuissa. On tärkeää ymmärtää eri silmukkatyypit ja niiden toiminta, jotta voit käyttää niitä tehokkaasti omissa projekteissasi.


JavaScript Silmukat

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy HTML:n, CSS:n, JavaScriptin ja taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa opiskelijoille tarvittavat taidot ja tietämys, jotta he voivat suunnitella ja kehittää ja ymmärtää yksinkertaisia web-sovelluksia.

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy verkkosivustojen peruspalikoiden, eli HTML:n, CSS:n ja JavaScriptin sekä taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa sinulle tarvittavat taidot ja tietämys, jotta voit suunnitella ja kehittää yksinkertaisia full-stack web-sovelluksia, sekä ymmärtää muiden tekemiä web-sovelluksia.

Ensimmäisessä osassa opiskellaa HTML:ää joka on verkkosivustojen rakentamisessa käytetty merkintäkieli.


Toisessa osassa opiskellaan CSS:n perusteita, kuten tyylitiedoston käyttöä, sääntöjä, selektoreita ja muotoilua. Käsitellään myös CSS:n edistyneitä ominaisuuksia, kuten animaatioita ja responsiivista suunnittelua.


Kolmannessa osassa opiskellaan JavaScriptia joka on nykyisin valtavan tärkeä työkalu sekä frontend että backend -kehityksessä ja sitä kautta myös tietoturvassa ja eettisessä hakkeroinnissa.

Viimeisessä osassa opiskellaan rakentamaan taustajärjestelmiä Python Flask sovelluskehyksellä. Opit taustajärjestelmien perusteet, kuten tietokantojen käytön, autentikoinnin, istunnonhallinnan sekä pääsynhallinnan.

Voit tehdä kurssin tehtäviä omalla koneellasi jos haluat, mutta jokaisessa koodiesimerkissä on nappi jolla voit suoraan selaimessa ajaa kyseisen koodin ja nähdä miltä sivu näyttää, tai mitä skripti tulostaa. Sinun ei siis tarvitse asentaa mitään, mutta voit jos haluat.

On suositeltavaa mutta vapaaehtoista tehdä tili replit.com palvelussa, tällöin voit vain klikata "Fork" koodiesimerkeissä niin saat niistä kopion itsellesi jolla voit leikkiä

JavaScript Silmukat

for-silmukat

Hakkeroinnin oppiminen alkaa tästä