Όραμά μας είναι οι μαθητές να κατανοήσουν τη ραχοκοκαλιά του σύγχρονου web. Μαθαίνουν να συνδυάζουν τη δομή (HTML5), την αισθητική και τη διαμόρφωση (CSS3/Flexbox/Grid) με τη διαδραστικότητα (JavaScript), δημιουργώντας πλήρως λειτουργικές, προσαρμοστικές (responsive) ιστοσελίδες που προβάλλονται τέλεια σε υπολογιστές, tablets και κινητά.

• Δομή Web με HTML5: Σύνταξη ετικετών (tags), φόρμες εισαγωγής δεδομένων, πίνακες, πολυμέσα (βίντεο/ήχος) και σημασιολογικό web (semantic HTML). • Διαμόρφωση & Styling με CSS3: Χρήση χρωμάτων, γραμματοσειρών, CSS Box Model, animations, μεταβάσεων (transitions) και αισθητικής επιμέλειας. • Responsive Web Design & Layouts: Σχεδιασμός προσαρμοστικών σελίδων για όλες τις οθόνες με χρήση CSS Flexbox, CSS Grid και Media Queries. • Διαδραστικότητα με JavaScript (Vanilla JS): Εισαγωγή στη JavaScript, διαχείριση του DOM (Document Object Model), συμβάντα (events), φόρμες και δυναμική ανανέωση περιεχομένου. • UI/UX Design & Wireframing: Σχεδιασμός προσχεδίων (wireframes), storyboards, αρχιτεκτονική πληροφορίας και εμπειρία χρήστη (User Experience).

• Πλήρης Κατάκτηση των Τεχνολογιών Web: Ικανότητα συγγραφής καθαρού, έγκυρου κώδικα HTML5/CSS3/JS χωρίς εξαρτήσεις από τρίτες πλατφόρμες. • Ανάπτυξη Responsive Web Applications: Ικανότητα δημιουργίας ιστοσελίδων που προσαρμόζονται αυτόματα σε οποιοδήποτε μέγεθος οθόνης. • Κατανόηση της Αρχιτεκτονικής Client-Side: Κατάκτηση του τρόπου με τον οποίο ο browser εκτελεί τον κώδικα και αλληλεπιδρά με τον χρήστη.

• Hard Skills Web Development: HTML5, CSS3, Flexbox/Grid, Vanilla JavaScript, DOM Manipulation, Responsive Web Design, UI/UX Wireframing. • Αισθητική & Σχεδιαστική Αντίληψη: Καλλιέργεια της αίσθησης του βιομηχανικού και ψηφιακού σχεδιασμού, της αρμονίας χρωμάτων και της τυπογραφίας. • Δομημένη Σκέψη & Storyboarding: Ικανότητα οργάνωσης της πληροφορίας σε λογικές ενότητες και ροές πλοήγησης. • Digital Branding & Παρουσίαση: Δημιουργία προσωπικού ψηφιακού αποτυπώματος και παρουσίαση web projects σε κοινό.

• Προσωπικό Digital Portfolio / Resume Site: Κατασκευάζουμε πλήρως λειτουργικό προσωπικό site του μαθητή με παρουσίαση των STEM projects του, φόρμα επικοινωνίας και interactive gallery. • Browser-Based Interactive Game: Προγραμματίζουμε παιχνίδι (π.χ. Κρεμάλα, Quiz γνώσεων ή Memory Game) που τρέχει απευθείας στον πλοηγό με JavaScript. • Responsive E-Commerce Product Page: Σχεδιάζουμε σελίδα παρουσίασης και πώλησης ενός καινοτόμου προϊόντος με interactive photo slider και υπολογισμό καλαθιού αγορών. • Web Dashboard για IoT Data: Δημιουργούμε δυναμική ιστοσελίδα που προβάλλει δεδομένα αισθητήρων σε πραγματικό χρόνο με χρήση διαγραμμάτων. • Interactive Escape Room Web App: Χτίζουμε ψηφιακό δωμάτιο απόδρασης όπου ο χρήστης λύνει γρίφους κώδικα για να ξεκλειδώσει την επόμενη σελίδα.

• Front-End Web Development: Άμεση σύνδεση με τη βιομηχανία ανάπτυξης λογισμικού και ιστοσελίδων. • UI/UX Engineering: Κατανόηση των αρχών σχεδιασμού διεπαφών που χρησιμοποιούν οι μεγαλύτερες τεχνολογικές εταιρείες. • Επαγγελματικός Προσανατολισμός: Βιωματική επαφή με τα επαγγέλματα του Front-End Developer, Web Designer, UI/UX Specialist και Digital Product Manager.