Tato práce má za úkol přiblížit čtenáři - nováčkovi problematiku vývoje webových stránek za použití základních technologií. Těmito technologiemi jsou hypertextový značkovací jazyk HTML, kaskádové styly CSS a skriptovací jazyk JavaScript. Toto trio představuje základ každé moderní webové stránky a je nedílnou součástí sady znalostí vývojáře webových stránek. Přečtením této práce by měl čtenář nabýt základní orientace na poli frontendového vývoje.
Anotace v angličtině
This paper serves the purpose of enlightening the reader novice on the subject of webpage development using basic technologies. These are namely the HTML Hypertext Markup Language, CSS Cascading Style Sheets and the JavaScript scripting language. This trio resembles the core of every modern webpage and is a crucial part of the web developer's skillset. Reading this paper the reader should gain basic knowledge in the field of frontend web development.
internet, webpage, web application, frontend web development, HTML, CSS, JavaScript
Rozsah průvodní práce
77+ příl. 17 s.
Jazyk
CZ
Anotace
Tato práce má za úkol přiblížit čtenáři - nováčkovi problematiku vývoje webových stránek za použití základních technologií. Těmito technologiemi jsou hypertextový značkovací jazyk HTML, kaskádové styly CSS a skriptovací jazyk JavaScript. Toto trio představuje základ každé moderní webové stránky a je nedílnou součástí sady znalostí vývojáře webových stránek. Přečtením této práce by měl čtenář nabýt základní orientace na poli frontendového vývoje.
Anotace v angličtině
This paper serves the purpose of enlightening the reader novice on the subject of webpage development using basic technologies. These are namely the HTML Hypertext Markup Language, CSS Cascading Style Sheets and the JavaScript scripting language. This trio resembles the core of every modern webpage and is a crucial part of the web developer's skillset. Reading this paper the reader should gain basic knowledge in the field of frontend web development.
internet, webpage, web application, frontend web development, HTML, CSS, JavaScript
Zásady pro vypracování
Uveďte základní principy práce se značnovacím jazykem HTML5.
Vytvořte soubor laboratorních úloh od jednoduchých ke složitějším na práci s HTML5.
Ukažte principy práce s kaskádovými styly CSS.
Vytvořte soubor laboratorních úloh na demonstraci práce s CSS.
Analyzujte důvody pro použivání scriptovacího jazyka javascript s důrazem na pojmy frontend a backend.
Přibližte studentům javascriptovou knihovnu jQuery a její použití v praxi.
Zkoumejte nyní nejčastěji používané JavaScript frameworky a demonstrujte jejich využití v praxi.
Vytvořte tuto učební pomůcku ve formě webové stránky.
Zásady pro vypracování
Uveďte základní principy práce se značnovacím jazykem HTML5.
Vytvořte soubor laboratorních úloh od jednoduchých ke složitějším na práci s HTML5.
Ukažte principy práce s kaskádovými styly CSS.
Vytvořte soubor laboratorních úloh na demonstraci práce s CSS.
Analyzujte důvody pro použivání scriptovacího jazyka javascript s důrazem na pojmy frontend a backend.
Přibližte studentům javascriptovou knihovnu jQuery a její použití v praxi.
Zkoumejte nyní nejčastěji používané JavaScript frameworky a demonstrujte jejich využití v praxi.
Vytvořte tuto učební pomůcku ve formě webové stránky.
Seznam doporučené literatury
JQuery \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: https://jquery.com/
Code Academy \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: https://www.codecademy.com
HTML Dog \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: www.htmldog.com
Tutorials Point \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: www.tutorialspoint.com
W3 Schools \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: http://www.w3schools.com/
BAŠE, Ondřej. JQuery pro neprogramátory: průvodce využitím knihovny jQuery UI. 1. vyd. Brno: Computer Press, 2012, 368 s. ISBN 9788025137505
SCHAFER, Steven M. HTML, XHTML a CSS: bible. 1. vyd. Praha: Grada, 2009, 647 s. ISBN 9788024728506.
HOGAN, Brian P. HTML5 a CSS3: výukový kurz webového vývojáře. Vyd. 1. Brno: Computer Press, 2011, 272 s. ISBN 9788025135761
CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Brno: Computer Press, 2012, 439 s. ISBN 9788025137338
Seznam doporučené literatury
JQuery \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: https://jquery.com/
Code Academy \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: https://www.codecademy.com
HTML Dog \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: www.htmldog.com
Tutorials Point \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: www.tutorialspoint.com
W3 Schools \matsymb{lbrack}online\matsymb{rbrack}. Dostupné z: http://www.w3schools.com/
BAŠE, Ondřej. JQuery pro neprogramátory: průvodce využitím knihovny jQuery UI. 1. vyd. Brno: Computer Press, 2012, 368 s. ISBN 9788025137505
SCHAFER, Steven M. HTML, XHTML a CSS: bible. 1. vyd. Praha: Grada, 2009, 647 s. ISBN 9788024728506.
HOGAN, Brian P. HTML5 a CSS3: výukový kurz webového vývojáře. Vyd. 1. Brno: Computer Press, 2011, 272 s. ISBN 9788025135761
CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Brno: Computer Press, 2012, 439 s. ISBN 9788025137338
Přílohy volně vložené
-
Přílohy vázané v práci
ilustrace
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Diplomant odprezentoval před komisí hlavní cíle a výsledky své bakalářské práce. Prezentace jako celek působila dobrým dojmem, student dokázal dobře vystihnout klíčové body práce. Součástí prezentace byla praktická ukázka. Následně byl student seznámen s posudky vedoucího a oponenta bakalářské práce a odpověděl na dotazy oponenta. Komise vznesla k obhajobě následující dotazy:
1) Dr. Sysala: Co je výsledkem práce, pouze texty?
2) doc. Sysel: Kolikrát jste konzultoval práci s vedoucím?
3) doc. Jašek: Vy s předmětnými technologiemi profesně pracujete?
Na uvedené dotazy odpovídal student se zaváháními a relativně zmatečně.