Nejlepší praktiky pro vývoj v Angularu a jejich aplikace

Martin Zákravský

Master's thesis

Best practices for development in the Angular framework and their application

Abstract:

Diplomová práce se soustředí na nejlepší praktiky pro tvorbu zejména webových aplikací v technologii Angular a nástrojích jemu spřízněných, tj. TypeScript, JavaScript a některé zavedené knihovny dostupné z oficiálního repozitáře. Hlavním cílem je navrhnout nejlepší praktiky pro vývoj v Angularu a následně je ověřit na ukázkové aplikaci, která je v rámci diplomové práce vyvíjena jako vedlejší cíl. V úvodu je provedena definice dílčích cílů a volba metody pro zpracování práce. Další část tvoří rešerše existujících zdrojů a analýza aktuálního stavu zkoumání problematiky. Následuje stručná charakteristika frameworku Angular spolu s jeho historií. V další kapitole je analyzována ukázková aplikace spolu s definicí požadavků a návrhem architektury. Dále je definována struktura nejlepších praktik navržených v práci. Následuje samotný návrh nejlepších praktik pro vývoj v Angularu spolu s hledáním jejich vhodných paralel v jiných technologiích. Před závěrem práce je provedeno ověření všech navržených praktik na ukázkové aplikaci. Výsledkem práce je návrh nejlepších praktik pro programování v Angularu a funkční ukázková aplikace s jejich demonstrací. Přínosem je poučení zejména začínajících programátorů v této technologii a zvýšení profesionality a povědomí o možnostech a omezeních, které tato technologie nabízí.

Abstract:

This master’s thesis is focused on best practices for development of mainly web-based applications in Angular and its complementing tools, i.e. TypeScript, JavaScript and some common libraries accessible from the official repository. The main goal of this thesis is to design best practices for development in Angular and to verify them on a model application, which is developed as a part of this master’s thesis as a secondary goal. In the introduction, the secondary goals of this thesis are defined, along with a method that will be used for the research. Next section covers research of available sources and analysis of the current state of this problem. It is followed by a brief characteristic of the Angular framework along with its history. Next chapter analyses the model application, defines the requirements for it and provides a design of its architecture. Furthermore, the structure of the best practices designed in this thesis is defined. In the next section, the best practices for development in Angular are designed along with their appropriate parallels in other technologies. Before the conclusion of the thesis, all the best practices which were designed are verified on the model application. Main outputs of this thesis are a design of best practices for programming in Angular and a functional model application which includes their demonstration. Among the benefits of this thesis are the education of beginner programmers in this technology and the increase of overall professionalism and awareness of the options and restrictions this technology has to offer.

Keywords

nejlepší praktiky, frontend, Angular, TypeScript, webová aplikace, JavaScript

Keywords

Angular, best practices, frontend, JavaScript, TypeScript, web application

Language used: Czech

Date on which the thesis was submitted / produced: 31. 1. 2019

Thesis defence

• Date of defence: 28. 1. 2020
• Supervisor: Alena Buchalcevová
• Reader: Martin Zítko

Vysoká škola ekonomická v Praze

Master programme / field:
Aplikovaná informatika / Informační systémy a technologie