Využití frontend frameworků v javascriptových frameworcích a jejich implementace

Bc. Marie Vinopal Boštíková

Master's thesis

Use frontend frameworks in JavaScript frameworks for their implementation

Abstract:

Cílem této práce je vytvořit souhrnný materiál, který se zabývá oblastí tvorby HTML šablon pomocí CSS frontend frameworku a jejich následnou implementací do javascripto-vého frameworku.Teoretická část se zabývá popisem základních rysů CSS a javascript frameworků. Cílem je vysvětlit důvody jejich využívání při budování frontendu aplikací a také zajistit přehled nejznámějších technologií, které se pro tuto činnost používají. Dále se práce zabývá tím, jakým způsobem posupuje kodér při tvorbě HTML šablon, jaké jsou výstupy jeho práce a jaké technologie k tomu používá.Praktická část se věnuje tvorbě HTML šablony na základě vytvořené grafiky za pomocí dvou konkrétních CSS frontend frameworků. Následně se vytvoří SPA aplikace za pomocí dvou různých javascriptových frameworků. Cílem je implementovat vytvořené HTML šablony do těchto javascriptových aplikací. Práce sleduje náročnost převedení CSS, HTML, JS, a následně hodnotí, zda je nutné práci kodéra změnit, popř. jaké technologie by se měli ideálně používat.

Abstract:

The aim of this thesis is to create a summary material dealing with the creation of HTML templates using the CSS frontend framework and their subsequent implementation into the JavaScript framework.The theoretical part deals with the description of the basic features of CSS and JavaScript frameworks. The aim is to explain the reasons for their use in creating frontend applications and also to provide an overview of the best-known technologies used for this work. Further, the thesis deals with how the developer provides HTML templates, what are the outputs of his work and what technology he uses.The practical part deals with creation of HTML template based on prepared graphics using two specific CSS frontend frameworks. Subsequently, SPA applications are created using two different JavaScript frameworks. The goal is to implement created HTML templates into these JavaScript applications. The thesis measures the difficulty of converting CSS, HTML, JS, and which technologies should be ideally used.

Keywords

frontend framework, React, Bootstrap, Foundation, Angular, HTML šablona

Language used: Czech

Date on which the thesis was submitted / produced: 27. 4. 2018

Thesis defence

• Date of defence: 29. 5. 2018
• Supervisor: prof. RNDr. PhDr. Antonín Slabý, CSc.
• Reader: doc. Ing. Filip Malý, Ph.D.

University of Hradec Králové

Faculty of Informatics and Management

Master programme / field:
Aplikovaná informatika / Aplikovaná informatika