Moderní technologie a nástroje pro vývoj webových aplikací

Karel Kvítek

Master's thesis

Modern technologies and tools for web application development

Abstract:

Cílem této diplomové práce je představení vývoje webových aplikací za pomoci moderních technologií a nástrojů. Postup vývoje je demonstrován vytvořením webové aplikace s názvem Evently sloužící pro správu událostí. Návrh wireframes, tvorba loga a grafický návrh uživatelského rozhraní jsou vytvořeny za pomoci aplikace Figma. Klientská část aplikace je realizována pomocí JavaScriptové knihovny React s využitím knihovny Redux pro správu stavu aplikace. Pro zachování maximální modularity je využit přístup CSS-in-JS prostřednictvím knihovny styled- components a službou Firebase Authentication je řešeno ověřování uživatelů aplikace. Serverová část aplikace je realizovaná v prostředí Node.js s využitím knihovny Express.js a představuje tři různé REST API pro tři různé typy databází – dokumentově orientovaná cloudová Firestore, relační MySQL a grafová Neo4j. Cílem teoretické části je představení procesu a hlavních prvků moderního vývoje webových aplikací a popis technologií a nástrojů použitých v části praktické. Čtenář této práce tak získá povědomí o tom, jakým způsobem lze v dnešní době vytvářet webové aplikace za použití nejmodernějších nástrojů a technologií.

Abstract:

The aim of this master thesis is to present the development of web applications using modern technologies and tools. The development process is demonstrated by creating a web application called Evently used for event management. Wireframes design, logo design and graphical user interface design are created using software Figma. The client side of the application is implemented using JavaScript library called React with the use of the Redux library for managing the state of the application. To maintain maximum modularity, CSS-in-JS approach is accessed through the styled- components library, and user authentication is handled by Firebase Authentication service. The server side of the application is implemented in the Node.js environment using the Express.js library and presents three different REST APIs for three different types of databases - document- oriented cloud Firestore, relational MySQL and graph Neo4j. The aim of the theoretical part is to introduce the process and main elements of modern web application development and provide description of technologies and tools used in the practical part. The reader of this thesis will gain awareness of how to create web applications today using the latest tools and technologies.

Keywords

React, Redux, Node.js, Express.js, Figma, styled-components, JavaScript, Firestore, MySQL, Neo4j, moderní webová aplikace, vývoj, databáze

Keywords

styled-components, development, React, Redux, Node.js, Express.js, Firestore, Figma, JavaScript, MySQL, Neo4j, modern web application, databases

Language used: Czech

Date on which the thesis was submitted / produced: 7. 5. 2019

Thesis defence

• Date of defence: 4. 6. 2020
• Supervisor: Marek Dudáš
• Reader: Viet Bach Nguyen

Vysoká škola ekonomická v Praze

Master programme / field:
Aplikovaná informatika / Znalostní a webové technologie