Online Summer Camp – Web Development (ηλικίες 10+ | 3 ημέρες | 9 εργαστήρια)

Το πρόγραμμα Web Development απευθύνεται σε μαθητές που θέλουν να ανακαλύψουν πώς δημιουργούνται οι ιστοσελίδες και οι διαδικτυακές εφαρμογές που χρησιμοποιούμε καθημερινά.

Οι συμμετέχοντες θα γνωρίσουν τις βασικές τεχνολογίες ανάπτυξης ιστοσελίδων και θα δημιουργήσουν τις δικές τους σύγχρονες web εφαρμογές. Μέσα από πρακτικά εργαστήρια θα μάθουν να οργανώνουν και να παρουσιάζουν αποτελεσματικά το περιεχόμενο, να σχεδιάζουν καλαίσθητες και λειτουργικές ιστοσελίδες, να ενσωματώνουν διαδραστικά στοιχεία και να αναπτύξουν το δικό τους προσωπικό portfolio, παρουσιάζοντας τις δεξιότητες και τα έργα τους.

Το πρόγραμμα συνδυάζει δημιουργικότητα και τεχνολογία, επιτρέποντας στους μαθητές να αποκτήσουν δεξιότητες που αποτελούν τη βάση της ανάπτυξης ιστοσελίδων.

Οι μαθητές θα μάθουν:

• Βασικές αρχές HTML
• Μορφοποίηση ιστοσελίδων με CSS
• Δημιουργία responsive σελίδων
• Εισαγωγή στη JavaScript
• Σχεδιασμό και δημοσίευση ιστοσελίδων
• Βέλτιστες πρακτικές web design

Πληροφορίες Προγράμματος

Διάρκεια: 3 ημέρες
Συνολικά εργαστήρια: 9

Ώρες μαθημάτων:
• 11:00 – 12:00
• 12:15 – 13:15
• 13:30 – 14:30

Κόστος συμμετοχής: 120€

Το τμήμα πραγματοποιείται με ελάχιστο αριθμό 4 μαθητών.

Τα εργαστήρια λαμβάνουν χώρα ζωντανά ως τηλεδιασκέψεις, σε συγκεκριμένες ώρες και ημέρες. Χρησιμοποιούμε την πλατφόρμα τηλεδιάσκεψης Microsoft Teams, η οποία είναι πολύ πλούσια σε δυνατότητες αλλά και εύκολη στη χρήση. Τα παιδιά θα χρειαστούν λίγη βοήθεια από τους γονείς στον χειρισμό του προγράμματος τηλεδιάσκεψης. Προτείνουμε να υπάρχει δεύτερη συσκευή από την οποία θα συνδεθούν οι μαθητές στην πλατφόρμα τηλεδιάσκεψης.

Έκπτωση για αδέρφια

Για αδέρφια, λαμβάνετε έκπτωση 6% για κάθε παιδί. Για να λάβετε την έκπτωση για τα αδέρφια, χρειάζεται να γράψετε στο πεδίο «Κωδικός Κουπονιού» παραπάνω την λέξη ΑΔΕΡΦΙΑ και να πατήσετε το κουμπί «Εφαρμογή κουπονιού».

Προετοιμασία πριν από το εργαστήριο

Στο εργαστήριο θα χρησιμοποιήσουμε το Visual Studio Code (VS Code), ένα από τα πιο δημοφιλή περιβάλλοντα ανάπτυξης λογισμικού, για τη δημιουργία και επεξεργασία των ιστοσελίδων μας.

1. Κατεβάστε και εγκαταστήστε το Visual Studio Code από την επίσημη ιστοσελίδα: https://code.visualstudio.com/
2. Επιλέξτε την κατάλληλη έκδοση για το λειτουργικό σας σύστημα (Windows, macOS ή Linux) και ολοκληρώστε την εγκατάσταση ακολουθώντας τα βήματα που εμφανίζονται στην οθόνη.
3. Αφού ανοίξετε το VS Code για πρώτη φορά, εγκαταστήστε την επέκταση Live Server, η οποία θα μας επιτρέψει να προβάλλουμε τις ιστοσελίδες μας στον φυλλομετρητή και να βλέπουμε άμεσα κάθε αλλαγή που πραγματοποιούμε.
   • Επιλέξτε το εικονίδιο Extensions από το αριστερό μενού (ή πατήστε Ctrl + Shift + X).
   • Αναζητήστε Live Server.
   • Επιλέξτε την επέκταση του Ritwick Dey και πατήστε Install.

Με την ολοκλήρωση των παραπάνω βημάτων, το περιβάλλον ανάπτυξης θα είναι έτοιμο για χρήση στο εργαστήριο και θα μπορείτε να δημιουργήσετε και να δοκιμάσετε τις πρώτες σας ιστοσελίδες.

Οδηγίες Σύνδεσης στο Microsoft Teams 

1. Σύνδεση από Υπολογιστή 

Α. Αν έχετε ήδη την εφαρμογή Microsoft Teams: 

1. Ανοίξτε την εφαρμογή Microsoft Teams. 

1. Συνδεθείτε με τα στοιχεία του λογαριασμού σας. 

1. Κάντε κλικ στον σύνδεσμο που θα σας στείλουμε μέσω email. 

1. Επιλέξτε Άνοιγμα στην εφαρμογή Teams. 

Β. Αν ΔΕΝ έχετε την εφαρμογή Microsoft Teams αλλά έχετε λογαριασμό Microsoft: 

1. Ανοίξτε τον σύνδεσμο που θα σας στείλουμε μέσω email. 

1. Θα εμφανιστεί μια επιλογή: 

1. Κατεβάστε την εφαρμογή για υπολογιστή ή 

1. Συνεχίστε στο web. 

1. Αν επιλέξετε το web, συνδεθείτε με τα στοιχεία του λογαριασμού σας Microsoft. 

Γ. Αν ΔΕΝ έχετε λογαριασμό Microsoft: 

1. Ανοίξτε τον σύνδεσμο που θα σας στείλουμε μέσω email. 

1. Επιλέξτε Συμμετοχή ως επισκέπτης. 

1. Εισαγάγετε το όνομά σας και πατήστε Συμμετοχή στη συνάντηση. 

2. Σύνδεση από Tablet ή Κινητό 

Α. Αν έχετε ήδη την εφαρμογή Microsoft Teams: 

1. Ανοίξτε την εφαρμογή. 

1. Συνδεθείτε με τα στοιχεία του λογαριασμού σας. 

1. Κάντε κλικ στον σύνδεσμο που θα σας στείλουμε μέσω email. 

1. Η εφαρμογή θα σας οδηγήσει αυτόματα στη συνάντηση. 

Β. Αν ΔΕΝ έχετε την εφαρμογή Microsoft Teams αλλά έχετε λογαριασμό Microsoft: 

1. Κατεβάστε την εφαρμογή από το App Store (για iOS) ή το Google Play Store (για Android). 

1. Ανοίξτε την εφαρμογή και συνδεθείτε με τα στοιχεία του λογαριασμού σας. 

1. Κάντε κλικ στον σύνδεσμο που θα σας στείλουμε μέσω email. 

Γ. Αν ΔΕΝ έχετε λογαριασμό Microsoft: 

1. Κατεβάστε την εφαρμογή από το App Store (για iOS) ή το Google Play Store (για Android). 

1. Ανοίξτε την εφαρμογή και επιλέξτε Συμμετοχή ως επισκέπτης. 

1. Εισαγάγετε το όνομά σας. 

1. Κάντε κλικ στον σύνδεσμο που θα σας στείλουμε μέσω email για να συνδεθείτε στη συνάντηση.