Web Development

Σκοπός του μαθήματος

Το πρόγραμμα Web Development εξηγεί πώς μετατρέπεται μια ιδέα σε λειτουργική ιστοσελίδα. Ο σπουδαστής μαθαίνει τη δομή της HTML, τον οπτικό έλεγχο με CSS και τις βασικές αρχές διαδραστικότητας με JavaScript ή, ανάλογα με τον στόχο του τμήματος, απλή λογική PHP. Παράλληλα καλλιεργεί συνήθειες που είναι απαραίτητες σε πραγματικά έργα: καθαρός κώδικας, προσαρμογή σε κινητά, προσβασιμότητα, έλεγχος σε διαφορετικές οθόνες και σωστή δημοσίευση στο web.

Διδακτέα ύλη

• Πώς λειτουργεί το web: client και server, domain, hosting, URL, αρχεία ενός site, εργαλεία προγραμματιστή και βασική ροή από τον κώδικα μέχρι την εμφάνιση στον φυλλομετρητή.

• HTML: σημασιολογική δομή, τίτλοι, παράγραφοι, λίστες, σύνδεσμοι, εικόνες, πίνακες, sections, navigation και φόρμες με σωστές ετικέτες.

• CSS: selectors, cascade και specificity, χρώματα, τυπογραφία, box model, περιθώρια και αποστάσεις, borders, backgrounds και επαναχρησιμοποιήσιμες κλάσεις.

• Layout και responsive σχεδίαση: Flexbox, Grid, στοίχιση, media queries, mobile-first λογική και έλεγχος ότι το περιεχόμενο παραμένει ευανάγνωστο σε κινητό, tablet και υπολογιστή.

• Βασική λειτουργικότητα: μεταβλητές, συνθήκες, συναρτήσεις, events και απλή αλληλεπίδραση με το DOM σε JavaScript ή βασική επεξεργασία φόρμας με PHP, ανάλογα με το τμήμα.

• Ποιότητα και δημοσίευση: προσβασιμότητα, εναλλακτικό κείμενο εικόνων, βασικό SEO, βελτιστοποίηση αρχείων, έλεγχος συνδέσμων και φορμών, οργάνωση φακέλων και ανέβασμα σε hosting.

Μαθησιακό αποτέλεσμα

Ο σπουδαστής θα μπορεί να δημιουργεί ένα μικρό responsive site πολλών σελίδων, να διορθώνει προβλήματα διάταξης με τα εργαλεία του browser και να δημοσιεύει το έργο του με οργανωμένη δομή αρχείων και βασικές προδιαγραφές ποιότητας.