Edistyneet web-teknologiat (5op)

Osaamistavoitteet

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ältö

Alustava sisältö:
1) Johdanto
- HTML:n kehitys ja HTML5
- Web-tekniikoiden roolit: HTML, CSS ja JavaScript
- HTML5:n selaintuki
- JavaScript IDEs: NetBeans, Visual Studio Code, WebStorm, etc.
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
- CSS-laajennokset: Less ja Sass
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, etc. Pääpaino suosituiksi tulleiden jQuery ja React-kirjastojen sekä AngularJS-sovelluskehyksen käytössä.
6) Responsiivinen web-suunnittelu
- Sisällön optimaalinen esittäminen eri kokoisilla näytöillä (selainikkunat, mobiililaitteet)
- Ratkaisuvaihtoehdot mobiiliin: natiivisovellus, web-sovellus, erillinen mobiilisivusto, responsiivinen web-sivusto
7) 2D- ja 3D-grafiikka web-sivuilla
- Canvas (bitmap graphics) - OpenGL / WebGL

- SVG (Scalable Vector Graphics)

Arviointikriteerit, tyydyttävä (1)

Tieto puuttuu