Εισαγωγή στον Προγραμματισμό Ιστού
Γενικά
Κωδικός: BSC_IT13
Γλώσσα: Αγγλικά
Τρόπος διδασκαλίας: Δια ζώσης
Προαπαιτούμενα: Βασικές γνώσεις προγραμματισμού (π.χ., μεταβλητές, δομές ελέγχου, συναρτήσεις, βασικές δομές δεδομένων)
Φόρτος εργασίας
- Διαλέξεις: 39.0 ώρες
- Εργαστήριο: 13.0 ώρες
- Μελέτη: 108.0 ώρες
- Εργασία: 40.0 ώρες
Περιεχόμενο Μαθήματος
Εβδομάδα 1: Εισαγωγή στον Παγκόσμιο Ιστό και στις διαδικτυακές εφαρμογές. Παρουσίαση της βασικής αρχιτεκτονικής του Ιστού, της εξέλιξής του, των βασικών εννοιών του διαδικτυακού προγραμματισμού και επισκόπηση παραδοσιακών και σύγχρονων τεχνολογικών στοιβών.
Εβδομάδα 2: Αρχιτεκτονική πελάτη-διακομιστή και πρωτόκολλο HTTP/HTTPS. Ανάλυση της επικοινωνίας πελάτη-διακομιστή (client–server), των αιτημάτων και αποκρίσεων, των HTTP μεθόδων, headers, status codes, cookies, sessions και βασικών αρχών ασφαλούς επικοινωνίας.
Εβδομάδα 3: HTML και δομή ιστοσελίδων. Εισαγωγή στην HTML, στα βασικά στοιχεία και γνωρίσματα, στη σημασιολογική οργάνωση περιεχομένου και στη δημιουργία σωστά δομημένων ιστοσελίδων.
Εβδομάδα 4: CSS και μορφοποίηση ιστοσελίδων. Παρουσίαση των βασικών μηχανισμών μορφοποίησης και βασικών αρχών ανταποκρίσιμου σχεδιασμού για προσαρμοστική παρουσίαση περιεχομένου.
Εβδομάδα 5: JavaScript και βασικός προγραμματισμός στον Ιστό. Παρουσίαση μεταβλητών, τύπων δεδομένων, τελεστών, δομών ελέγχου, συναρτήσεων και βασικών αρχών προγραμματισμού με JavaScript.
Εβδομάδα 6: Διαδραστικότητα και χειρισμός του DOM. Δυναμική τροποποίηση στοιχείων ιστοσελίδας, διαχείριση συμβάντων, αλληλεπίδραση με τον χρήστη και δημιουργία απλών διαδραστικών λειτουργιών στο περιβάλλον του φυλλομετρητή.
Εβδομάδα 7: Φόρμες και έλεγχος εγκυρότητας δεδομένων. Δημιουργία και διαχείριση φορμών, συλλογή δεδομένων από τον χρήστη, βασικές τεχνικές ελέγχου εισόδου και βελτίωση εμπειρίας χρήστη.
Εβδομάδα 8: Backend και δυναμικό περιεχόμενο. Παρουσίαση της λογικής εξυπηρετητή, δρομολόγησης αιτημάτων, επεξεργασίας δεδομένων και παραγωγής δυναμικού περιεχομένου μέσω απλών server-side μηχανισμών.
Εβδομάδα 9: Διαχείριση δεδομένων και βάσεις δεδομένων σε εφαρμογές Ιστού. Εισαγωγή στις βασικές αρχές αποθήκευσης και ανάκτησης δεδομένων, στη χρήση βάσεων δεδομένων στο διαδικτυακό περιβάλλον και στις βασικές λειτουργίες διαχείρισης πληροφορίας.
Εβδομάδα 10: Ανάπτυξη ολοκληρωμένων διαδικτυακών εφαρμογών. Σύνδεση front-end, backend και βάσης δεδομένων, υλοποίηση βασικών ροών δεδομένων και ανάπτυξη απλών δυναμικών ιστοσελίδων και στοιχειωδών διαδικτυακών εφαρμογών.
Εβδομάδα 11: Ασφάλεια στον Παγκόσμιο Ιστό και καλές πρακτικές ανάπτυξης. Εισαγωγή σε βασικά ζητήματα ασφάλειας, όπως ασφαλής διαχείριση εισόδου χρήστη, προστασία δεδομένων, καθώς και αρχές οργάνωσης, τεκμηρίωσης και συντήρησης κώδικα.
Εβδομάδα 12: Αποσφαλμάτωση, βελτιστοποίηση κώδικα και εισαγωγή στον προγραμματισμό με Παραγωγική Τεχνητή Νοημοσύνη (Generative Artificial Intelligence (GenAI)). Χρήση εργαλείων προγραμματισμού και εργαλείων παραγωγικής τεχνητής νοημοσύνης για εντοπισμό και διόρθωση σφαλμάτων, βελτίωση ποιότητας και αποδοτικότητας κώδικα, ανασκόπηση της ύλης και ολοκλήρωση εφαρμογής με συνδυασμό των τεχνολογιών που διδάχθηκαν.
Μαθησιακά Αποτελέσματα
Με την επιτυχή ολοκλήρωση του μαθήματος, οι φοιτητές θα είναι σε θέση να:
- κατανοούν τη βασική αρχιτεκτονική του Παγκόσμιου Ιστού και τον τρόπο λειτουργίας διαδικτυακών εφαρμογών
- αναγνωρίζουν παραδοσιακές και σύγχρονες τεχνολογικές στοίβες στον Παγκόσμιο Ιστό
- κατανοούν την αρχιτεκτονική πελάτη-διακομιστή (client–server) και το πρωτόκολλο HTTP/HTTPS
- χρησιμοποιούν την HTML για τη δομή και τη σημασιολογική οργάνωση ιστοσελίδων
- χρησιμοποιούν την CSS για μορφοποίηση, διάταξη περιεχομένου και βασικό ανταποκρίσιμο σχεδιασμό
- χρησιμοποιούν τη JavaScript για την προσθήκη διαδραστικότητας σε ιστοσελίδες
- δημιουργούν και διαχειρίζονται φόρμες και εφαρμόζουν ελέγχους εγκυρότητας εισόδου
- υλοποιούν βασικές λειτουργίες στο backend για διαχείριση αιτημάτων, επεξεργασία δεδομένων και παραγωγή δυναμικού περιεχομένου
- κατανοούν βασικές αρχές διαχείρισης δεδομένων σε εφαρμογές Παγκόσμιου Ιστού και χρησιμοποιούν βάσεις δεδομένων για αποθήκευση πληροφορίας
- αναγνωρίζουν βασικά ζητήματα ασφάλειας στον Ιστό και εφαρμόζουν βασικές πρακτικές ασφαλούς διαχείρισης εισόδου χρήστη
- αναπτύσσουν απλές δυναμικές ιστοσελίδες και βασικές διαδικτυακές εφαρμογές
- εντοπίζουν και διορθώνουν σφάλματα με χρήση εργαλείων προγραμματισμού
- οργανώνουν, τεκμηριώνουν και συντηρούν κώδικα ακολουθώντας καλές πρακτικές ανάπτυξης
Δεξιότητες
- Αναζήτηση, ανάλυση και αξιοποίηση δεδομένων, πληροφοριών και τεχνικής τεκμηρίωσης με τη χρήση των απαραίτητων τεχνολογιών
- Προσαρμογή σε σύγχρονες τεχνολογίες και περιβάλλοντα ανάπτυξης εφαρμογών Παγκόσμιου Ιστού
- Λήψη αποφάσεων κατά την επιλογή σχεδιαστικών και υλοποιητικών προσεγγίσεων
- Αυτόνομη εργασία στην ανάπτυξη και αποσφαλμάτωση κώδικα
- Αυτόνομη εργασία στην υλοποίηση εφαρμογών Παγκόσμιου Ιστού
- Εργασία σε διεπιστημονικό περιβάλλον ανάπτυξης λογισμικού
- Άσκηση κριτικής και αυτοκριτικής κατά την αξιολόγηση κώδικα και λύσεων
- Προαγωγή της ελεύθερης, δημιουργικής και συνθετικής σκέψης στην επίλυση προβλημάτων προγραμματισμού Παγκόσμιου Ιστού