Tutustutaan ihan aluksi Flaskiin, koska käytämme sitä tämän osion kaikissa moduuleissa esimerkkinä. Jos et ole vielä tuttu Python-ohjelmoinnin kanssa, tee Hakatemian 

Flask on kevyt ja joustava web-kehys, joka on suunniteltu helpottamaan web-sovellusten kehitystä Python-ohjelmointikielellä. Flask tarjoaa perustan luoda web-sovelluksia, jotka ovat helppoja ymmärtää ja ylläpitää. Se on suosittu valinta monien kehittäjien keskuudessa, sillä se tarjoaa paljon ominaisuuksia, jotka tekevät web-kehityksestä nopeaa ja tehokasta. Flask on myös avoimen lähdekoodin projekti, mikä tarkoittaa, että kehittäjät voivat hyödyntää yhteisön panosta ja jakaa kokemuksiaan muiden kanssa. Tämä tekee Flaskista erittäin käyttäjäystävällisen kehyksen, joka sopii niin aloitteleville kuin kokeneillekin kehittäjille.


Tämä ohjelma luo verkkosovelluksen, joka näyttää "Hei, Hakatemia!" -otsikon, kun käyttäjä vierailee sovelluksen juurihakemistossa.

Ohjelman ensimmäinen rivi lataa Flaskin. Seuraava rivi luo uuden Flask-sovellusinstanssin nimellä "

 kertoo Flaskille, miten sovellus löytyy tiedostorakenteesta, siitä ei tarvitse nyt välittää.

Kolmannella rivillä määritetään sovelluksen ensimmäinen 

 -dekoraattoria. Tämä dekoraattori kertoo Flaskille, että funktio käsittelee HTTP-pyyntöjä jonka polku on 

 -funktio, joka palauttaa HTML-dokumentin: 

Lopuksi käynnistetään Flaskin kehityspalvelin, joka kuuntelee portilla 81.

Tutustutaan ihan aluksi Flaskiin, koska käytämme sitä tämän osion kaikissa moduuleissa esimerkkinä. Jos et ole vielä tuttu Python-ohjelmoinnin kanssa, tee Hakatemian [Python-ohjelmointikurssi](/courses/python-ohjelmointi) ennen kuin jatkat tästä eteenpäin.

## Mikä on Flask?

Flask on kevyt ja joustava web-kehys, joka on suunniteltu helpottamaan web-sovellusten kehitystä Python-ohjelmointikielellä. Flask tarjoaa perustan luoda web-sovelluksia, jotka ovat helppoja ymmärtää ja ylläpitää. Se on suosittu valinta monien kehittäjien keskuudessa, sillä se tarjoaa paljon ominaisuuksia, jotka tekevät web-kehityksestä nopeaa ja tehokasta. Flask on myös avoimen lähdekoodin projekti, mikä tarkoittaa, että kehittäjät voivat hyödyntää yhteisön panosta ja jakaa kokemuksiaan muiden kanssa. Tämä tekee Flaskista erittäin käyttäjäystävällisen kehyksen, joka sopii niin aloitteleville kuin kokeneillekin kehittäjille.

---

## Yksinkertainen esimerkki

Tässä on yksinkertainen Flask-ohjelma:

```python
from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
  return '<h1>Hei, Hakatemia!</h1>'

app.run(host='0.0.0.0', port=81)
```

Tämä ohjelma luo verkkosovelluksen, joka näyttää "Hei, Hakatemia!" -otsikon, kun käyttäjä vierailee sovelluksen juurihakemistossa.

Ohjelman ensimmäinen rivi lataa Flaskin. Seuraava rivi luo uuden Flask-sovellusinstanssin nimellä "**app**". **\_\_name\_\_** kertoo Flaskille, miten sovellus löytyy tiedostorakenteesta, siitä ei tarvitse nyt välittää.

Kolmannella rivillä määritetään sovelluksen ensimmäinen *reitti* ("/") käyttäen **@app.route** -dekoraattoria. Tämä dekoraattori kertoo Flaskille, että funktio käsittelee HTTP-pyyntöjä jonka polku on **/** (eli käytännössä etusivu).

Neljännellä rivillä määritellään **hello\_world** -funktio, joka palauttaa HTML-dokumentin: 

```html
<h1>Hei, Hakatemia!</h1>
```

Lopuksi käynnistetään Flaskin kehityspalvelin, joka kuuntelee portilla 81.

---

## Harjoittele

@embed 958a99dba4c7


Python ja Flask

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ä

Python ja Flask

Mikä on Flask?

Hakkeroinnin oppiminen alkaa tästä