Coding Giants
Web Development με HTML και CSS | 11-13 ετών
10-12 ετώνΗ πιο δημοφιλής επιλογή

Web Development με HTML και CSS | 11-13 ετών

Ανακάλυψε πώς δημιουργούνται οι ιστοσελίδες που επισκέπτεσαι καθημερινά! Ξεκίνα με εύχρηστα διαδικτυακά εργαλεία και γνώρισε την HTML, τη CSS και τη JavaScript. Σχεδίασε, προγραμμάτισε και δημοσίευσε τη δική σου ιστοσελίδα, κάνοντας τα πρώτα σου βήματα ως Website Developer!

Εισαγωγή

Το μάθημα απευθύνεται σε μαθητές που θέλουν να μάθουν πώς σχεδιάζεται και δημιουργείται μια ολοκληρωμένη ιστοσελίδα. Χρησιμοποιώντας σύγχρονα διαδικτυακά εργαλεία και το φιλικό περιβάλλον του Glitch, οι μαθητές θα γνωρίσουν όλα τα βασικά στάδια ανάπτυξης ενός website. Κατά τη διάρκεια του προγράμματος θα μάθουν να δημιουργούν τη δομή μιας ιστοσελίδας με HTML, να διαμορφώνουν την εμφάνισή της με CSS και να προσθέτουν διαδραστικές λειτουργίες με JavaScript. Μέσα από πρακτικές ασκήσεις και δημιουργικά projects, κάθε μαθητής θα δημιουργήσει τη δική του ιστοσελίδα και θα μάθει πώς να τη δημοσιεύει στο διαδίκτυο.

Πρόγραμμα μαθήματος

1Lesson 1. Scratch - Minecraft
Ο στόχος του μαθήματος είναι να παρουσιάσει τι είναι ο <b>προγραμματισμός</b>, πώς δημιουργούνται τα <b>παιχνίδια</b> και ποιες είναι οι <b>γλώσσες προγραμματισμού</b>.</br> Ο δεύτερος στόχος είναι η <b>εισαγωγή στο Scratch</b> μέσω της δημιουργίας του <b>πρώτου παιχνιδιού</b> σε αυτό το περιβάλλον – το <b>Minecraft</b>.</br>
2Lesson 2. Scratch - Pacman
Ο στόχος του μαθήματος είναι η κατανόηση της <b>λειτουργίας διαφόρων εφέ</b>, όπως το <b>ghost effect</b>, καθώς και η <b>επανάληψη πληροφοριών</b> σχετικά με τις <b>μεταβλητές</b> και τον τρόπο που μπορούν να επηρεάσουν διάφορα στοιχεία των παιχνιδιών.</br>
3Lesson 3. Scratch - Βαθυσκόπιο
Κατά τη διάρκεια του μαθήματος, θα δημιουργήσουμε ένα <b>παιχνίδι</b> όπου ο παίκτης θα <b>μετακινεί το βαθυσκόπιο</b> και θα <b>καταρρίπτει υποβρύχια τέρατα</b>.</br> Θα παρουσιαστούν οι <b>ιδιότητες της κλωνοποίησης</b> και πώς μπορούν να χρησιμοποιηθούν στον προγραμματισμό.</br>
4Lesson 4. Scratch - T-rex part I
Ο στόχος του μαθήματος είναι η δημιουργία του <b>παιχνιδιού T-Rex</b>, το οποίο είναι γνωστό από τον <b>περιηγητή Google Chrome</b> και εμφανίζεται όταν δεν υπάρχει σύνδεση στο διαδίκτυο.</br>
5Lesson 5. Scratch - T-rex part II
Αυτό το μάθημα αποτελεί <b>συνέχεια</b> του προηγούμενου.</br>
6Lesson 6. Scratch - PlatformerSUS part I
Σε αυτό το μάθημα, θα δημιουργήσουμε ένα <b>εκτεταμένο platformer παιχνίδι</b> στο σύμπαν του <b>Among Us</b>.</br> Θα μάθουμε τους <b>βασικούς κανόνες</b> και τις <b>μηχανικές</b> που είναι απαραίτητες για τη δημιουργία <b>παιχνιδιών τύπου platformer</b>.</br>
7Lesson 7. Scratch - PlatformerSUS part II
Αυτό το μάθημα αποτελεί <b>συνέχεια</b> του προηγούμενου.</br>
8Lesson 8. Scratch - Revision
Σε αυτό το μάθημα, θα κάνουμε μια <b>ανασκόπηση</b> όλων όσων μάθαμε κατά τη διάρκεια των προηγούμενων μαθημάτων.</br>
9Lesson 9. Minecraft - Island of secrets
Οι μαθητές θα εξοικειωθούν με τον τρόπο λειτουργίας των <b>μπλοκ κώδικα</b>.</br> Θα μάθουν τη <b>χρήση της εντολής fill</b> και πώς να δημιουργούν ένα από τα <b>βασικά σχήματα</b> που θα χρησιμοποιηθεί για την κατασκευή ενός <b>δέντρου</b>.</br> Επιπλέον, θα κατανοήσουν πώς λειτουργεί ένας <b>απλός βρόχος</b>, πώς να <b>ενεργοποιούν συγκεκριμένα γεγονότα</b>, καθώς και τι είναι οι <b>συντεταγμένες</b> και πώς χρησιμοποιούνται.</br>
10Lesson 10. Minecraft - Journey into the Nether
Οι μαθητές θα μάθουν πώς λειτουργούν τα <b>μπλοκ κώδικα</b>.</br> Θα εξοικειωθούν με τη <b>βασική λειτουργία του constructor</b>, θα δημιουργήσουν έναν <b>απλό αισθητήρα</b> και θα γνωρίσουν διάφορα <b>ειδικά εφέ</b> που προσθέτουν ποικιλία στο gameplay.</br>
11Lesson 11. Minecraft - The Long night
Οι μαθητές θα εξασκηθούν στην <b>εμφάνιση μηνυμάτων</b> στην οθόνη, δημιουργώντας ένα <b>αφηγηματικό gameplay</b> που αποτελείται από <b>διάφορα στάδια</b>.</br> Θα εκτελέσουν μια <b>ακολουθία κωδικών</b> που ενεργοποιούνται <b>διαδοχικά</b> υπό συγκεκριμένες συνθήκες.</br> Επιπλέον, θα ενσωματώσουν <b>ρυθμίσεις gameplay</b>, όπως η <b>δυσκολία του παιχνιδιού</b> και η <b>ρύθμιση του χρόνου</b>, μέσα στον κώδικα.</br>
12Lesson 12. Minecraft – Jumanji
Οι μαθητές θα μάθουν πώς λειτουργούν τα <b>μπλοκ κώδικα</b>.</br> Θα εξοικειωθούν με τη <b>βασική λειτουργία του constructor</b>, θα δημιουργήσουν έναν <b>απλό αισθητήρα</b> και θα γνωρίσουν διάφορα <b>ειδικά εφέ</b> που προσθέτουν ποικιλία στο <b>gameplay</b>.</br>
13Lesson 13. Minecraft - Repetition lesson
Στο πλαίσιο του <b>μαθήματος επανάληψης</b>, οι μαθητές θα <b>επαναλάβουν</b> και θα <b>εμπεδώσουν</b> τις γνώσεις που απέκτησαν στα προηγούμενα μαθήματα.</br> Το περιεχόμενο των <b>ασκήσεων</b> που πρέπει να ολοκληρωθούν βρίσκεται στο <b>συνημμένο αρχείο</b> του project.</br>
14Lesson 14. App Inventor – Extracurricular lesson
Αναρωτιέσαι τι σε περιμένει στο <b>επόμενο στάδιο της μάθησης</b>;</br> Σήμερα σου δίνουμε μια <b>πρόγευση</b> από όσα έχουμε ετοιμάσει για εσένα – <b>τη δημιουργία mobile εφαρμογών</b>.</br> Πιάσε το <b>smartphone</b> σου και <b>ξεκινάμε!</b></br>
15Lesson 15. Minecraft - In Dumbledore’s room
Οι μαθητές θα εξασκηθούν στην <b>εμφάνιση μηνυμάτων</b> στην οθόνη, δημιουργώντας ένα <b>αφηγηματικό gameplay</b> που αποτελείται από <b>διάφορα στάδια</b>.</br> Θα εκτελέσουν μια <b>ακολουθία κωδικών</b> που ενεργοποιούνται <b>διαδοχικά</b> υπό συγκεκριμένες συνθήκες.</br> Επιπλέον, θα ενσωματώσουν <b>ρυθμίσεις gameplay</b>, όπως η <b>δυσκολία του παιχνιδιού</b> και η <b>ρύθμιση του χρόνου</b>, μέσα στον κώδικα.</br>
16Lesson 16. Minecraft - Underwater Oddyssey
Κατά τη διάρκεια του σημερινού μαθήματος, θα <b>τελειοποιήσουμε</b> την ικανότητά μας να <b>τηλεμεταφερόμαστε</b> σε ένα επιλεγμένο <b>biome</b>.</br> Θα εφαρμόσουμε <b>διάφορα εφέ</b>, τα οποία θα επηρεάζουν τόσο <b>εμάς</b> όσο και <b>τους αντιπάλους μας</b>.</br> Θα κάνουμε <b>επανάληψη</b> στις γνώσεις μας σχετικά με τα <b>σχήματα</b> και θα χρησιμοποιήσουμε <b>τυχαία τοποθέτηση</b> για επιλεγμένα αντικείμενα.</br>s.
17Lesson 17. Minecraft – Exploration of the mine
Ο στόχος του μαθήματος είναι η <b>εμπέδωση</b> των γνώσεων σχετικά με τους <b>βρόχους</b>, τα <b>γεγονότα</b>, τις <b>συντεταγμένες</b>, τις <b>δομές ελέγχου</b> και την <b>κατασκευή αισθητήρων</b>.</br>
18Lesson 18. Minecraft - Rescue from the Zombie Apocalypse
Οι μαθητές, κατά τη διάρκεια του μαθήματος, θα δημιουργήσουν ένα <b>παιχνίδι Tower Defence</b>, όπου <b>νέοι εχθροί</b> εμφανίζονται σε <b>τακτά χρονικά διαστήματα</b>.</br> Κάθε επόμενο <b>κύμα εχθρικών mobs</b> θα διαθέτει <b>διαφορετικές, πρόσθετες ικανότητες</b>, καθιστώντας την πρόκληση ακόμα μεγαλύτερη.</br> Στο <b>τελικό στάδιο</b> του project, όλος ο <b>κώδικας</b> θα συγχωνευθεί σε ένα <b>πλήρως λειτουργικό πρόγραμμα</b>.</br>
19Lesson 19. Τηλεπαιχνίδι
20Lesson 20. Το στοιχειωμένο σπίτι