Τα βασικά και θεμελιώδη skills των Front-End Developers είναι η HTML, CSS & JavaScript. Είναι γνωστό ότι η JavaScript αποτελεί μία από τις πιο ευέλικτες και αποτελεσματικές γλώσσες προγραμματισμού με τη δημοφιλία της να ξεπερνά το 80% στους web developers. Είναι για 5η συνεχόμενη χρονιά η πιο συχνά χρησιμοποιούμενη γλώσσα. Οι μεγαλύτερες ιστοσελίδες όπως Facebook, Quora, Google, Amazon χρησιμοποιούν εκτενώς την JavaScript.
• 30 ώρες hands-on εκπαίδευσης
• Πρακτική εξάσκηση μέσω custom σελίδας και projects
• Senior developer εκπαιδευτής
• Πιστοποιητικό Παρακολούθησης Κέντρου Δια Βίου Μάθησης
• Απόκτησε περιζήτητα skills στον προγραμματισμό!
Θεματικές Ενότητες:
1.Ενότητα HTML-CSS
Εισαγωγή στην HTML
– Δημιουργία μιας HTML Σελίδας
– Γνωριμία με τα building block της (header, footer, section, main, κτλ)
– Δημιουργία συνδέσμων, λιστών, εικόνων, πινάκων, κτλ.
Εισαγωγή στην CSS
– Δημιουργία μιας CSS σελίδας
– Τρόποι εισαγωγής CSS σε μια HTML σελίδα
– Reset των browser default styles
– Γνωριμία με τους CSS selectors
– Ενσωμάτωση custom τυπογραφίας μέσω web fonts (google fonts)
– Ενσωμάτωση custom icons (Font Awesome)
– Γνωριμία με τα layout methods (block, inline-block, positioning, κτλ)
– Δημιουργία σελίδων συμβατών με όλους τους browsers και όλες τις συσκευές (responsive media queries)
– Προσθήκη animations και transitions
Γενικά
– Debugging HTML & CSS
– Validating HTML & CSS
– Αναζήτηση online πηγών
– Διαλέγοντας τον κατάλληλο code editor
Πρακτική εξάσκηση μέσω δημιουργίας μιας custom σελίδας από την αρχή
2.Ενότητα JavaScript
Εισαγωγή στην JavaScript
– Δημιουργία ενός JavaScript αρχείου
– Τρόποι εισαγωγής JavaScript σε μια HTML σελίδα
– Τύποι δεδομένων στην JavaScript
– Πίνακες
– Αντικείμενα
– Functions
– Conditional statements
– Operators
– Loops
– DOM Manipulation
– Events
– Εισαγωγή στην ES6
– Ενσωμάτωση δημοφιλών JavaScript plugins
Εισαγωγή στο jQuery
– Selectors
– DOM Manipulation
– Events
– Effects
– Ενσωμάτωση δημοφιλών jQuery plugins
Γενικά
– Debugging JavaScript
– Validating JavaScript
– Αναζήτηση online πηγών
– Διαλέγοντας τον κατάλληλο code editor
Πρακτική εξάσκηση μέσω δημιουργίας projects
Ενδεικτικά projects που θα δημιουργηθούν από την αρχή:
– https://codepen.io/georgemarts/live/PVMMwB
– https://codepen.io/georgemarts/live/aXerdK
– https://geomarts.github.io/js-seminar/