Χαροκόπειο Πανεπιστήμιο
Σχολή: Ψηφιακής Τεχνολογίας
Τμήμα: Πληροφορικής και Τηλεματικής
Πρόγραμμα: Προπτυχιακό Πρόγραμμα Σπουδών

Σύγχρονες Τεχνολογίες Frontend

Εξάμηνο: 7 ECTS: 5.0 Κατ’ επιλογήν Erasmus

Γενικά

Κωδικός: ΕΠ60

Γλώσσα: Ελληνική

Τρόπος διδασκαλίας: Δια ζώσης

Προαπαιτούμενα: Γνώση βασικού προγραμματισμού σε JavaScript και HTML/CSS. Προτείνεται προηγούμενη επαφή με αντικειμενοστραφή προγραμματισμό και βασικές αρχές σχεδιασμού ιστοσελίδων.

Φόρτος εργασίας

  • Διαλέξεις: 39.0 ώρες
  • Εργαστήριο: 0.0 ώρες
  • Μελέτη: 26.0 ώρες
  • Εργασία: 60.0 ώρες

Περιεχόμενο Μαθήματος

-HTML5, CSS3 και Flexbox/Grid
-Σύγχρονη JavaScript (ES6+): modules, promises, async/await
-Webpack, npm, Vite και εργαλεία ανάπτυξης
-Εισαγωγή σε React (ή άλλο σύγχρονο framework)
-Κατασκευή και επαναχρησιμοποίηση components
-Hooks, διαχείριση κατάστασης (useState, useEffect, Redux ή Context API)
-Routing και Single Page Applications (SPA)
-Responsive design και mobile-first αρχές
-Προσβασιμότητα (a11y), SEO και βελτιστοποίηση
-Testing frontend εφαρμογών (Jest, Testing Library)

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

Με την επιτυχή ολοκλήρωση του μαθήματος, οι φοιτητές θα μπορούν να:
-Αναπτύσσουν σύγχρονες web εφαρμογές με χρήση βιβλιοθηκών και frameworks
-Σχεδιάζουν modular και επεκτάσιμα UI
-Χειρίζονται routing, κατάσταση εφαρμογής και αποσφαλμάτωση
-Εφαρμόζουν αρχές responsive και προσβάσιμου σχεδιασμού
-Χρησιμοποιούν εργαλεία ανάπτυξης, testing και βελτιστοποίησης frontend κώδικα

Δεξιότητες

-Ανάπτυξη εφαρμογών με React (ή άλλο framework)
-Εμπειρία με JavaScript ES6+ και σύγχρονα APIs
-Χρήση εργαλείων (npm, Git, Webpack/Vite)
-Εργασία σε ομάδες ανάπτυξης λογισμικού
-Τεκμηρίωση και παρουσίαση frontend έργων