Semestrální práce z předmětu Vývoj klientských aplikací v Javascriptu
🔔 UPDATE
Než se semetrálka ohodnotila, přidaly se do ní nové funkce. Konkrétně napojení na Flickr API a nahrání vlastní fotky do pozadí. Viz live verze: http://anastasiasurikova.com/dashboard/beta (tlačítko v horním pravém rohu)
Použité technologie
- SASS
- kompilace do CSS pomocí Grunt skriptu
- Boostrap media breakpoints (jinak na tak jednoduchou stránku Boostrap nebyl potřeba)
- ES6
- kompilace do ES5 pomocí Grunt skriptu
- Babelify - kompilace do ES5
- Browserify - pro použítí
require
- jQuery
- skoro na všechno
- Datepicker UI plugin
- FontAwesome
- na ikony
Dokumentace
... a i s obrázkami k nalezení zde
Tabulka hodnoceni
| Požádavek | Splněno | Komentář |
|---|---|---|
| Validita | result | |
| Cross browser | testováno ve Firefox, Chrome, Safari | |
| Semantické značky | header, nav, main, section |
|
| Grafika - SVG / Canvas | logo | |
| Média - Audio/Video | ||
| Formulářové prvky | například kontaktní stránka | |
| Offline aplikace | LocalStorage funguje offline, ale není tam žádný manifest | |
| Pokročilé selektory | je jich hodně tu | |
| Vendor prefixy | například pro placeholder | |
| CSS3 transformace 2D/3D | skrytí sidemenu | |
| CSS3 transitions/animations | všude stejná | |
| Media queries | bez nich se nedá žít | |
| OOP přístup | například, každý modul má svou classu | |
| Použití JS frameworku či knihovny | jQuery | |
| Použití pokročilých JS API | Grunt, Babelify, Browserify + |
|
| Funkční historie | hashtagová navidace mezi stránkami. Aktivní stránka se zobrazí pomocí CSS | |
| Ovládání medií | ||
| Offline aplikace | LocalStorage funguje offline, ale není tam žádný manifest | |
| JS práce se SVG | změna barvy loga |