Popis předmětu - A0M33KAJ
A0M33KAJ | Tvorba klientských aplikací v JavaScriptu | ||
---|---|---|---|
Role: | Rozsah výuky: | 2P+2C | |
Katedra: | 13139 | Jazyk výuky: | CS |
Garanti: | Zakončení: | KZ | |
Přednášející: | Kreditů: | 4 | |
Cvičící: | Semestr: | L |
Webová stránka:
https://cw.fel.cvut.cz/b192/courses/b0b39kaj/startAnotace:
Předmět se věnuje primárně technologiím pro tvorbu client-side aplikací v prostředí internetu. Absolventům nabídne postupy, s jejichž pomocí lze vytvářet bohatá uživatelská rozhraní pro nejrůznější aplikace a koncová zařízení. Odborníci z praxe absolventy seznámí s konkrétními problémy, s nimiž se potýkali, a se způsoby, jak se s nimi vyrovnat.Cíle studia:
Absolventi získají praktické znalosti, které jim umožní prostřednictvím webu vizualizovat data, ovládat složité systémy a zajistit kvalitní interakci s uživateli.Osnovy přednášek:
1. | Rekapitulace základních principů. Úvod do HTML5, přehled změn a novinek oproti HTML4 a XHTML. | |
2. | Problematika cross-browser compatibility, značky <audio> a <video>, nové formulářové prvky. | |
3. | Microdata, SVG, AppCache. | |
4. | Úvod do technologie CSS3, novinky ve standardu, selektory. | |
5. | Responsive design / media queries. | |
6. | CSS Transforms, Transitions, Animations. Technologie @font-face, související efekty. | |
7. | JavaScript v detailu, klíčové koncepty: this, new, prototype chain. | |
8. | Ajax, XHR, HTTP, JSON a další transportní formáty. | |
9. | Události, jednovláknové asynchronní zpracování a problémy s ním spojené. | |
10. | HTML5 Canvas, WebGL. | |
11. | Nová JavaScriptová API (storage, file, geolocation, XHR2, Web Workers). | |
12. | Bleeding edge (FlexBox, WebRTC, Web Components). | |
13. | Podle aktuálního zájmu. | |
14. | Rezerva. |
Osnovy cvičení:
1. | Návrh sémantické HTML5 stránky s ohledem na nové HTML značky. | |
2. | Řešení cross-browser compatibility, progressive enhancement, graceful degradation. Techniky ladění chyb a problémů v HTML, CSS a JS v moderních prohlížečích. | |
3. | Sémantická mikrodata a mikroformáty, SVG. | |
4. | Zadání semestrální práce, CSS3 - selektory, font-face, efekty. | |
5. | Průběžný test, návrh stránky pro různé velikosti obrazovek, responsive design, media queries. | |
6. | Další moduly v CSS3: transforms, transitions, animations. | |
7. | Práce s objekty v JavaScriptu, dědičnost, prototype, uzávěry. | |
8. | Komunikace se serverovou stranou: AJAX, JSON, JSONP, problematika použití veřejných API. | |
9. | Pokročilá práce s DOM událostmi, asynchronní zpracování a problematika udržení kontextu. | |
10. | HTML5 Canvas a použití jeho JavaScriptového rozhraní. | |
11. | Příklady využití nových JavaScriptových API (localStorage, File API, Geolocation, XHR2). | |
12. | Průběžný test, práce s experimentálními technologiemi (Web Workers, Web Sockets, Web Components). | |
13. | Prezentace semestrální práce. | |
14. | Zápočet. |
Literatura:
Doporučená literatura: https://developer.mozilla.org/en/docs/Web/JavaScript Ondřej Žára, JavaScript - Programátorské techniky a webové technologie, Computer Press 2015 David Flanagan, JavaScript - kompletní průvodce. Computer Press 2002Požadavky:
Základní znalost principů HTTP, HTML, CSS a JavaScriptPředmět je zahrnut do těchto studijních plánů:
Plán | Obor | Role | Dop. semestr |
Stránka vytvořena 14.11.2024 17:53:03, semestry: L/2023-4, Z/2024-5, Z/2025-6, L/2024-5, připomínky k informační náplni zasílejte správci studijních plánů | Návrh a realizace: I. Halaška (K336), J. Novák (K336) |