Διαδικτυακός Προγραμματισμός

Εργαστήριο

Στο εργαστηριακό μάθημα οι φοιτητές αποκτούν τις απαραίτητες βάσεις για την ανάπτυξη σύγχρονων διαδικτυακών εφαρμογών, εστιάζοντας στον προγραμματισμό στην πλευρά του πελάτη (Client-side development). Η εκπαιδευτική διαδικασία καλύπτει τη νοηματική δόμηση περιεχομένου με HTML, την οπτική πλαισίωση και τη δημιουργία ευέλικτων προτύπων (Responsive Layouts) με CSS, καθώς και την ενσωμάτωση δυναμικής λειτουργικότητας μέσω της JavaScript.

Μέσα από ένα δομημένο κύκλο πρακτικών ασκήσεων, οι φοιτητές εξοικειώνονται με τη διαχείριση του Box-model, τον έλεγχο συμβάντων (Event Handling) και τη δημιουργία δυναμικών φορμών. Στόχος είναι η απόκτηση μιας σφαιρικής αντίληψης για τη λειτουργία, τη διαδραστικότητα και την αισθητική αρτιότητα του σύγχρονου ιστού.

• Ανάλυση της βασικής δομής ενός HTML εγγράφου και αναγνώριση των απαραίτητων ετικετών και της ιεραρχίας τους
• Ειδικοί χαρακτήρες, στυλ, χρώματα και υπερσυνδέσεις
• Εικόνες και image-maps
• Πίνακες
• Meta-tags και φόρμες
• Κατανόηση της επιλογής χρήσης CSS και οι 3 τρόποι εισαγωγής του
• Κλάσεις και id
• Πίνακες, λίστες και φόρμες με χρήση CSS
• Box-model
• Εκμάθηση δημιουργίας ευέλικτων HTML προτύπων με χρήσης CSS
• Ανάλυση της βασικής δομής και των χαρακτηριστικών των προγραμμάτων JavaScript
• Μεταβλητές, τύποι δεδομένων και τελεστών, εντολές επιλογής και επαναλήψεων
• Αναδυόμενα παράθυρα, συναρτήσεις, events και βασικές κλάσεις αντικειμένων

Notepad++
Firebug