Na delavnici bomo skupaj izdelali samostojno spletno aplikacijo tipa HTML5. Aplikacija bo upoštevala klasične načrtovalske vzorce:

• vsa interakcija med odjemalcem in strežnikom se dogaja v istem okvirju strani (single page)
• pogovor odjemalec - strežnik poteka preko izmenjave podatkov v JSON formatu
• odjemalec je narejen v skladu z “responsive design” smernicami, ki zaznajo tip naprave, orientacijo, podprte funkcionalnosti
• odjemalec se v veliki meri poslužuje Javaskripta
• zasnova aplikacije strogo loči kode za uporabniški vmesnik, za kontrolnik ter za strežnik na drugi strani

Na koncu bo še kratek arhitekturni praktikum, kjer bomo spoznali, kako zasnovati izvajalno okolje za aplikacijo, ki bo kasneje omogočalo organsko rast ob povečevanju zmogljivosti. Izvorna koda izhodiščne aplikacije je na voljo tukaj: https://github.com/gustinmi/rest4php.

Jezik HTML5

• skladnja jezika, nove semantične oznake, HTML5 specifike
• zaznavanje različnih naprav
• DOM drevesna struktura
• razhroščevanje dela, ki ga opravi brskalnik preko razvijalskih orodij

CSS3

• osnovni predmeti CSS jezika (črke, besede, vrstice, box elementi, ipd)
• postavitev strani brez uporabe tabel
• CSS3 selektorji in CSS3 media queries
• načela “responsive design”

JavaScript jezik

• Vrednosti, spremenljivke in literali
• Izrazi in operatorji
• Stavki
• Funkcije
• Delo z objekti
• Dedovanje in veriga prototipov
• Predefinirani  objekti (global)
• Regularni izrazi
• Uporaba JSON formata
• Integracija z brskalnikom in DOM
• Potovanje eventa po DOM (bubble in capture)

Javascript ekosistem

• uporaba AJAX in Websocket tehnologije
• uporaba knjižnice jQuery
• uporaba nekaterih pomembnih knjižnic JavaScript: timeline.js, datatables.js

• Osnovne izkušnje z programiranjem (poznavanje odločitvenih stavkov "if/else" in zank "for")
• Osnovno poznavanje brskalnika, spletnih povezav in zasnove spletne strani
• Osnovno poznavanje delovanja strežnikov
• Znanje angleščine

Mitja Guštin