EDIT završni radovi

EDIT radovi - osnove HTML-a, CSS-a i JS-a


Ovdje su predstavljeni svi EDIT radovi 2021. godine. Tema edit radova 2021. godine je bila “digitalizacija”. Polaznici su trebali odabrati jednu temu po vlastitom izboru i napraviti web stranicu koja prezentira na koji način digitalizacija utječe na odabranu temu.
Na stranici su predstavljeni svi predani radovi.

JS - intermediate


JavaScript programiranje – srednja razina
Na ovoj razini JS-a smo radili osnovne koncepte programiranja poput nizova, petlji, sortiranja, funkcija (općenito), funkcija nad nizovima objekata (pop, push, reverse …). Učili smo o konceptu i manipulaciji DOM-om kroz mnogo primjera i vježbi. Učili smo o local storageu te  korištenju UI (user interface) frameworka.
Na ovoj razini tečaja UI nije primaran, stoga web aplikacije možda izgledaju manje atraktivne nego web stranice na osnovnom tečaju. U ovom tečaju naglasak je isključivo na programiranju.


JS - advanced

Na naprednoj razini JS tečaja učenici su prošli standardnu biblioteku javascripta te su koristili funkcijsku i  objektno orijentiranu paradigmu programiranja. Koristili su funkcije u obliku vrijednosti za mapiranje sortiranje i filtriranje iterabilnih tipova podataka te izrađivali objekte pomoću klasa.
Izrađivali su jednostavne aplikacije koristeći DOM, a poslije su dizajnirali “arhitecture event driven” aplikacije što je dovelo do poboljšavanja kvalitete koda.
U radu se koristio npm i nodejs zajedno sa parcel paketom koji omogućava buildanje ES6 koda, a kasnije olakšava i deployment. Uveli smo i version control sustav (Git) kojeg su učenici i sami koristili pri zajedničkom radu na završnom projektu.


EDIT radovi - osnove HTML-a, CSS-a i JS-a


Ovdje su predstavljeni svi EDIT radovi neobične 2020. godine. Unatoč svim poteškoćama polaznici su uspjeli doći do cilja i na primjenu story telling-a obraditi Jednu veliku ličnost. Teme su bile različite: Split – Ivan Meštrović, Kaštela – Miljenko i Dobrila, Omiš – Gusari i Plemići Kačić, Imotski Legendu o nastanku Crvenog jezera/Priča o Gavanu, Sinj – Fra Pavao Vučković, Makarska – Priča o imenu Makarska ( storyteller ribar – priča o vilama i Feničanima), Supetar – Hecules i brački kamen (storyteller Ivan Rendić), Trogir – Legenda o Katarini Sobota(ljubavna priča Šimuna i Rite, zločestoj Rori i borbi klanova srednjovjekovnog trogirskog plemstva)

JS - intermediate


JavaScript programiranje – srednja razina
Na ovoj razini JS-a smo radili osnovne koncepte programiranja poput nizova, petlji, sortiranja, funkcija (općenito), funkcija nad nizovima objekata (pop, push, reverse …). Učili smo o konceptu i manipulaciji DOM-om kroz mnogo primjera i vježbi. Učili smo o local storageu te  korištenju UI (user interface) frameworka.
Na ovoj razini tečaja UI nije primaran, stoga web aplikacije možda izgledaju manje atraktivne nego web stranice na osnovnom tečaju. U ovom tečaju naglasak je isključivo na programiranju.

Kratak opis radova

JS 1 – Kviz aplikacija je napravljena koristeći Firebase i API za dohvaćanje pitanja. Od svih radova tehnički najkompleksniji i najbolji, učenici su uz stalnu komunikaciju s mentorima samostalno tražili i implementirali stvari čak i kompleksnije od onih koje se rade na tečaju. UI (user interface) na ovoj razini nije primaran, ali korištenjem materialize-a je postignut zadovoljavajući izgled.
Millionare igra koja je u izborniku nije dovršena i ne radi.

JS 2 – Aplikacija/stranica turističke agencije. Što se tiče dizajna najkompletnija i najbolje dizajnirana stranica, korišten Bootstrap.
Responzivno, i na mobitelu dobro izgleda. JS koda ima mnogo, ali nije izričito kompleksan. Postoje neki nedostaci u stranici poput mijenjanja jezika vraćajući se primjerice iz košarice, nemogućnosti dodavanja tura u košaricu ako nije u kategoriji svi ili popularno, dupliciranje kartica u tražilici itd.

JS 3 – Aplikacija koja dohvaća vrijeme na korisnikovoj lokaciji. Vrlo jednostavna aplikacija koja uz pomoć browsera dohvaća lokaciju korsnika i uz pomoć API-a prikazuje vrijeme na lokaciji. Tehnički prednost je dohvaćanje lokacije i korištenje API-a, no aplikacija je sve u svemu dosta jednostavna. UI jako jednostavan, nije se previše radilo na njemu.


JS - advanced

Na naprednoj razini JS tečaja učenici su prošli standardnu biblioteku javascripta te su koristili funkcijsku i  objektno orijentiranu paradigmu programiranja. Koristili su funkcije u obliku vrijednosti za mapiranje sortiranje i filtriranje iterabilnih tipova podataka te izrađivali objekte pomoću klasa.
Izrađivali su jednostavne aplikacije koristeći DOM, a poslije su dizajnirali “arhitecture event driven” aplikacije što je dovelo do poboljšavanja kvalitete koda.
U radu se koristio npm i nodejs zajedno sa parcel paketom koji omogućava buildanje ES6 koda, a kasnije olakšava i deployment. Uveli smo i version control sustav (Git) kojeg su učenici i sami koristili pri zajedničkom radu na završnom projektu.


Projekt Mars

Prikazani su najnoviji podatke Marsovih rovera; Insightove podatke o vremenu u posljednjih sedam dana i Curiosityjeve fotografije. Uz to, dostupne su i sve fotografije rovera Spirit i Opportunity čije su misije završene.
Svi podatci se dohvaćaju Axiosom s Insight i Mars Rover Photo API-ja, cijeli je projekt bundlean Parcelom, a pisan je u vanilla JS-u. Korišten je i Materialize CSS framework.

Nagrađeni radovi


Rad Ekologija, koji je osvojio prvo mjesto, koristi moderan minimalistički dizajn koji se posebno primjenjuje u velikim kompanijama (Google, Microsoft…) Izvrsno je organiziran source kôd. Sve je dobro uklopljeno tako da nismo zamjerili mali nedostatak sadržaja.
Tim koji je izradio stranicu “Električna vozila” i osvojio drugo mjesto, izvrsno je implementirao JavaSript. Stranica sadrži nepotrebnu igru Frogger. Nijanse su odlučivale.
Stranica Eko dalmatinac je zanimljivog dizajna, ali joj nedostaje JS kôda. Pojedini dijelovi nisu dovršeni.
Stranica Ekologija koja dijeli treće mjesto je izrađena u posebnim uvjetima (učenik je radio sam zbog geografske udaljenosti). U stranicu su implementirani dijelovi prošlogodišnjih pobjednika. Iako je vizualno ugodna, navigacija nije prirodna (izbornici su na dnu).

Izdvojeni radovi


Stranica goGreen je nakon naknadnog pregleda nagrađena i spada u najbolje stranice napravljene 2019. godine.
Stranica Šume nije nagrađena zbog korištenja template-a. To pokazuje da su učenici koji završe osnovni EDIT tečaj u stanju razumjeti profesionalno napravljen kôd i preurediti ga do zavidne razine.
Stranicu Reciklaža je izradio učenik od 10 godina koji je pohađao tečaj s grupom srednjoškolaca u Trogiru.