Ανάπτυξη front-end web εφαρμογών με React JS και Angular JS

Abstract

Αντικείμενο της παρούσας πτυχιακής εργασίας είναι η εκμάθηση της front-end JavaScript βιβλιοθήκης React και η ανάπτυξη μιας front-end εφαρμογής ιστού για τη διαχείριση των εκπαιδευτών ενηλίκων. Πρόκειται για μία SPA εφαρμογή που θα μπορεί να χρησιμοποιηθεί ως ψηφιακή υπηρεσία στο GOV.GR με αποτέλεσμα να ενισχύσει τις υπηρεσίες του. Με την αυξανόμενη ζήτηση για δια βίου μάθηση και επαγγελματική κατάρτιση, η αποτελεσματική διαχείριση των εκπαιδευτών ενηλίκων είναι ζωτικής σημασίας. Στόχος της εφαρμογής ιστού είναι να διευκολύνει τους διαχειριστές με τη διαχείριση των εκπαιδευτών ενηλίκων μέσα από μια φιλική και εύχρηστη διεπαφή χρήστη που ανταποκρίνεται δυναμικά σε διάφορες οθόνες και συσκευές. Οι διαχειριστές μέσω αυτής έχουν τη δυνατότητα να εισάγουν εκπαιδευτές, να προβάλλουν καθώς και να τροποποιούν τα στοιχεία των εκπαιδευτών αποτελεσματικά. Η εφαρμογή προβάλλει μία λίστα με τους συνολικούς εισαχθέντες εκπαιδευτές και διαθέτει προς χρήση προηγμένα φίλτρα όπως αναζήτηση βάσει στοιχείων, επιλογή πιστοποιημένων ή μη πιστοποιημένων εκπαιδευτών και επιλογή δήμου. Οι διαχειριστές αξιοποιώντας τα φίλτρα μπορούν να βρίσκουν συγκεκριμένους εκπαιδευτές γρήγορα, εξοικονομώντας χρόνο και φόρτο. Για την υλοποίηση της εφαρμογής ιστού μελετήθηκαν και χρησιμοποιήθηκαν πολλές ανοιχτού κώδικα γλώσσες προγραμματισμού και τεχνολογίες ανάπτυξης εφαρμογών ιστού. Αυτές ονομαστικά είναι οι ακόλουθες: React, HTML5, CSS3, JavaScript, JSX, Bootstrap, Material UI, Σύστημα Σχεδιασμού GOV.GR, React Router, npm, Visual Studio Code, Git, GitLab, REST, JSON, Axios, mockAPI.

ABSTRACT The subject of this thesis is the learning of the front-end JavaScript library React and the development of a front-end web application for the management of adult trainers. It is a SPA application that will can be used as a digital service at GOV.GR, thus enhancing its services. With the increasing demand for lifelong learning and vocational training, effective management of adult trainers is vital. The aim of the web application is to facilitate administrators with the management of adult trainers through a friendly and easy-to-use user interface that responds dynamically to various screens and devices. Through it, administrators have the ability to create trainers, read as well as update trainer data effectively. The application displays a list of the total created trainers and has advanced filters for use such as search by data, selection of certified or non-certified trainers and municipality selection. Administrators utilizing the filters can find specific trainers quickly, saving time and effort. For the implementation of the web application, many open source programming languages and web application development technologies were studied and used. These are nominally the following: React, HTML5, CSS3, JavaScript, JSX, Bootstrap, Material UI, Σύστημα Σχεδιασμού GOV.GR, React Router, npm, Visual Studio Code, Git, GitLab, REST, JSON, Axios, mockAPI. Keywords: React, JavaScript frameworks, Front-end web programming, Gov.gr applications, Management of adult trainer