Τύπος μαθήματος
Εργαστήριο
Περιγραφή
Σκοπός της ενότητας είναι η εμβάθυνση στη σύγχρονη ανάπτυξη διεπαφών χρήστη (Front-end) μέσω της συνδυαστικής χρήσης HTML5 και CSS3 για τη δημιουργία δομημένου και καλαίσθητου περιεχομένου. Οι εκπαιδευόμενοι αποκτούν εξειδίκευση σε προχωρημένες τεχνικές διάταξης (Flexbox, Box Model) και στην υλοποίηση δυναμικών μενού και φορμών. Παράλληλα, δίνεται έμφαση στον σχεδιασμό Responsive ιστοτόπων και στη χρήση του Bootstrap, διασφαλίζοντας τη βέλτιστη προβολή των εφαρμογών σε κάθε είδους συσκευή.
θεματικές ενότητες
- Βασικές έννοιες ανάπτυξης εφαρμογών διαδικτύου
- HTML: Εισαγωγή στην HTML
- HTML: Ετικέτες μορφοποίησης και εισαγωγή στο style
- HTML: Σχόλια, χαρακτήρες και σημασιολογικές ετικέτες κειμένου
- HTML: Χρώματα
- HTML: Υπερσύνδεσμοι
- HTML: Εικόνες
- HTML: Block και Inline στοιχεία
- HTML: Meta στοιχεία
- HTML: Κλάσεις, ID και σημασιολογική δομή
- HTML: Λίστες
- HTML: Πίνακες
- HTML: Φόρμες
- CSS: Εισαγωγή και βασικές αρχές
- CSS: Χρώματα, φόντο και μορφοποίηση κειμένου
- CSS: Τυπογραφία και γραμματοσειρές
- CSS: Σύνδεσμοι, λίστες, πίνακες, περιγράμματα και Box Model
- CSS: Διάταξη και θέση στοιχείων
- CSS: Μενού πλοήγησης
- Advanced HTML: Πολυμέσα και γραφικά
- Advanced CSS: Resposnive web design - Βασικές αρχές, δομές και βέλτιστες πρακτικές
- Advanced CSS: Εισαγωγή στο Flexbox και βασικές ιδιότητες
- HTML-CSS Frameworks Bootstrap front-end framework
Λογισμικό
Chrome Web Browser
Firefox Web Browser
DevTools
VisualStudeio Code