Skip to content

Razvoj spletnih aplikacij

Bistvo sklopa

Ta sklop pomaga razumeti, kako iz preproste spletne strani nastane mala spletna aplikacija, ki sprejema podatke, jih obdela in shrani v bazo.

Gradivo ne razlaga samo oznak in ukazov, ampak predvsem pot podatka od uporabnika do brskalnika, strežnika, aplikacije in baze.

Kako začeti

Če si v tej temi nov, začni z razdelkom Uvod, nato nadaljuj po vrsti skozi Frontend, Backend in na koncu še skozi Zaključek ter Pripravo na izpit.

Kaj boš našel v tem sklopu

Glavna ideja gradiva je preprosta:

  1. razumeti, kako splet sploh deluje,
  2. naučiti se pravilno strukturirati vsebino z HTML,
  3. urediti videz in postavitev s CSS,
  4. zbirati podatke z obrazci,
  5. podatke shraniti in prebrati z uporabo SQL,
  6. vse skupaj povezati v majhno aplikacijo s Python + Flask + SQLite.

Kako uporabljati ta sklop

To gradivo lahko uporabljaš:

  • za sprotno učenje po poglavjih,
  • za ponovitev pred preverjanjem znanja,
  • kot referenco pri vajah in pri mini projektu.

Kaj je posebej pomembno

V tem sklopu je poudarek na tem, da dijak ne vidi samo posameznih ukazov in oznak, ampak razume celotno pot podatka:

  • kaj pošlje brskalnik,
  • kaj obdela aplikacija,
  • kaj se shrani v bazo,
  • in kaj se nato vrne uporabniku.

Struktura

Vsebina je razdeljena po poglavjih:

  1. pregled predmeta in cilji,
  2. kako deluje splet,
  3. HTML in semantika,
  4. CSS, postavitve in odzivnost,
  5. obrazci in validacija,
  6. SQL in podatkovni model,
  7. Python in Flask,
  8. mini projekt,
  9. odpravljanje napak in varnost,
  10. povzetek in nadaljevanje,
  11. reference.

Priporočena zgodba sklopa

Dobro deluje, če predmet teče po tej zgodbi:

uporabnik -> brskalnik -> HTTP zahteva -> Flask aplikacija -> SQLite baza
                                                     -> HTML odgovor -> CSS prikaz

Dijaki morajo od začetka dobiti občutek, da spletna aplikacija ni samo “nekaj HTML strani”, ampak sodelovanje več plasti.

Glavno sporočilo

Bolje je, da dijak zares razume eno majhno spletno aplikacijo, kot da površno “spozna” deset različnih tehnologij brez prave slike, kaj se v sistemu sploh dogaja.