Semestrální práce z předmětu Vývoj klientských aplikací v Javascriptu
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)
- 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
... a i s obrázkami k nalezení zde
| 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 + 🔔 UPDATE: Flickr API zatím na betě |
| 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 |
