Advanced Web Technologies (5cr)

Objective

Perehdytään HTML:n kehitykseen, HTML5:n uusiin elementteihin sekä modernien web-sovellusten arkkitehtuuriin. Opitaan hyödyntämään CSS3-tyylejä sekä JavaScript-kirjastoja ja sovelluskehyksiä. Tutustutaan web-palvelujen kommunikointiprotokolliin, responsiiviseen web-suunnitteluun sekä mobiilisovellusten eri arkkitehtuuriratkaisuihin.
Sisällys:
1) Johdanto
+ HTML:n kehitys ja HTML5
+ Web-tekniikoiden roolit: HTML, CSS ja JavaScript
+ HTML5:n selaintuki

2) HTML5-elementit
+ Uudet rakenne-elementit / semanttiset elementit (article, aside, figure, header, footer, nav, section,...)
+ Yleiset määritteet (global attributes)
+ Tapahtumamääritteet (scriptien käynnitys)
+ Lomakkeet ja uudet syötetyypit

3) CSS3-tyylit
+ Uudet ominaisuudet

4) Modernien web-sovellusten arkkitehtuuri
+ Single-Page Application (SPA)
+ Web services: JSON, POX, SOAP

5) Skriptit
+ HTML5:n viralliset JavaScript API:t
+ Muut JavaScript-kirjastot ja sovelluskehykset (frameworks): Modernizr, jQuery, UnderscoreJS, RequireJS, AngularJS, BackboneJS, React, JSX, Bootstrap, LESS/SASS. Erityisesti suositut jQuery API ja AngularJS -sovelluskehys.

6) Responsiivinen web-suunnittelu
+ Sisällön optimaalinen esittäminen eri kokoisilla näytöillä (selainikkunat, mobiililaitteet)
+ Ratkaisuvaihtoehdot mobiiliin:
1) Natiivisovellus
2) Web-sovellus
3) Erillinen mobiilisivusto
4) Responsiivinen web-sivusto

7) Grafiikka web-sivuilla
+ Canvas (bitmap graphics)
+ SVG (Scalable Vector Graphics)

Content

Tieto puuttuu

Assessment criteria, satisfactory (1)

Tieto puuttuu