U sklopu projekta STEM kamp Međimurske županije, financiranog sredstvima Međimurske županije, učenici viših razreda osnovnih škola imali su priliku zakoračiti u svijet razvoja web aplikacija. Cilj radionice bio je na pristupačan i praktičan način pokazati kako nastaje moderna web aplikacija – od baze podataka, preko poslužiteljske logike, do korisničkog sučelja koje svi svakodnevno koriste.
Tijekom radionice učenici su prvo upoznali osnove funkcioniranja weba: što se događa kada u preglednik upišemo adresu, kako preglednik šalje zahtjev, kako poslužitelj vraća odgovor te koja je razlika između klijentskog (frontend) i poslužiteljskog dijela (backend). Kroz primjere su razumjeli kako podaci „putuju” između korisnika i aplikacije te zašto su baze podataka važne za čuvanje informacija.
U praktičnom dijelu radionica je bila podijeljena u tri cjeline. U prvoj cjelini učenici su učili osnove baza podataka – kako kreirati tablice, unositi podatke i dohvaćati informacije pomoću SQL upita. Poseban naglasak bio je na tome da podatke ne promatraju kao „tekst u tablici”, nego kao temelj za funkcionalnosti aplikacije (npr. popis korisnika, evidencija zadataka, prijave na aktivnosti i slično).
U drugoj cjelini učenici su se upoznali s programiranjem na poslužitelju koristeći Node.js. Naučili su što su API sučelja, kako se izrađuju rute (endpoints) te kako se aplikacija povezuje s bazom podataka za spremanje i dohvat podataka. Kroz jednostavne primjere vidjeli su kako backend obrađuje zahtjeve i vraća rezultate u strukturiranom obliku (npr. JSON), što je osnova za većinu modernih web aplikacija.
U trećoj cjelini fokus je bio na programiranju na klijentu i izradi korisničkog sučelja. Učenici su izrađivali stranice koje korisnik vidi, dodavali forme za unos podataka te povezivali sučelje s backendom kako bi aplikacija postala potpuno funkcionalna. Na taj način su shvatili što znači „dinamička web stranica” i kako se promjene u bazi odmah mogu odraziti na prikaz u pregledniku.
Radionica je završila izradom male web aplikacije koja povezuje sve komponente u jednu cjelinu – bazu podataka, poslužiteljski dio i korisničko sučelje. Projekt je bio primjer kako se učenje tehnologije može pretvoriti u kreativno i istraživačko iskustvo koje gradi temeljne digitalne vještine i potiče logičko razmišljanje, timski rad i samopouzdanje u rješavanju problema.
