Modern technologies and tools for web application development
| Thesis title: | Moderní technologie a nástroje pro vývoj webových aplikací |
|---|---|
| Author: | Kvítek, Karel |
| Thesis type: | Diplomová práce |
| Supervisor: | Dudáš, Marek |
| Opponents: | Nguyen, Viet Bach |
| Thesis language: | Česky |
| 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í. |
| Keywords: | React; Redux; Node.js; Express.js; Figma; styled-components; JavaScript; Firestore; MySQL; Neo4j; moderní webová aplikace; vývoj; databáze |
| Thesis title: | Modern technologies and tools for web application development |
|---|---|
| Author: | Kvítek, Karel |
| Thesis type: | Diploma thesis |
| Supervisor: | Dudáš, Marek |
| Opponents: | Nguyen, Viet Bach |
| Thesis language: | Česky |
| 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: | styled-components; development; React; Redux; Node.js; Express.js; Firestore; Figma; JavaScript; MySQL; Neo4j; modern web application; databases |
Information about study
| Study programme: | Aplikovaná informatika/Znalostní a webové technologie |
|---|---|
| Type of study programme: | Magisterský studijní program |
| Assigned degree: | Ing. |
| Institutions assigning academic degree: | Vysoká škola ekonomická v Praze |
| Faculty: | Faculty of Informatics and Statistics |
| Department: | Department of Information and Knowledge Engineering |
Information on submission and defense
| Date of assignment: | 7. 5. 2019 |
|---|---|
| Date of submission: | 2. 5. 2020 |
| Date of defense: | 4. 6. 2020 |
| Identifier in the InSIS system: | https://insis.vse.cz/zp/69685/podrobnosti |