Πώς να μάθετε την ανάπτυξη ιστού παίζοντας παιχνίδια κωδικοποίησης

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

Έχω δημιουργήσει παιχνίδια όπως το Flexbox Froggy και το Grid Garden, μαζί με άλλα όπως το CSS Diner και το CodeCombat, τα οποία βοηθούν στη συσκευασία μιας εκπαιδευτικής εμπειρίας σε μια διασκεδαστική, ελκυστική μορφή.

Ωστόσο, όπως συμβαίνει με οποιονδήποτε πόρο μάθησης, αυτές οι ερωτήσεις προκύπτουν συχνά:

  • Σε ποια παιχνίδια κωδικοποίησης πρέπει να ασχοληθώ με τον χρόνο μου;
  • Πώς μπορώ να χρησιμοποιήσω παιχνίδια κωδικοποίησης για να μάθω πιο αποτελεσματικά;

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

Έχετε ένα Gameplan

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

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

Όταν είστε εγγεγραμμένοι σε ένα μάθημα ή bootcamp, πολλά από αυτά τα σχέδια έχουν ήδη γίνει για εσάς από έμπειρους διαμεσολαβητές. Το freeCodeCamp προσφέρει επίσης ένα υπέροχο οργανωμένο πρόγραμμα σπουδών.

Αλλά αν μαθαίνετε μόνος σας, όλοι οι διαθέσιμοι πόροι στον Ιστό (που ταυτόχρονα αισθάνονται σαν ένα μοναχικό κενό και ένα χαοτικό θέαμα) μπορεί να είναι συντριπτικοί. Ας το σπάσουμε λοιπόν.

Κατά τη διαμόρφωση ενός σχεδίου, υπάρχουν περίπου τρεις τρόποι μάθησης που πρέπει να στοχεύσετε.

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

Δεύτερον είναι η πρακτική, όπου μπορείτε να ασκήσετε τους γνωστικούς σας μυς και να ενισχύσετε την αντίληψή σας για αυτές τις νέες ιδέες. Αυτό μπορεί να λάβει τη μορφή προβλημάτων πρακτικής, ασκήσεων ή προκλήσεων κωδικοποίησης.

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

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

Αυτοί οι τρεις τρόποι δεν έχουν άκαμπτα τμήματα και πολλοί πόροι που συναντάτε θα εκτείνονται σε περισσότερες από μία από αυτές. Ωστόσο, είναι ένας χρήσιμος τρόπος σκέψης και προγραμματισμού της μάθησής σας.

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

Για παράδειγμα, στο Flexbox Froggy, σας παρουσιάζεται μια ποικιλία προκλήσεων στον τρόπο τοποθέτησης των βατράχων χρησιμοποιώντας CSS flexbox, με κάθε επίπεδο να αυξάνει τη δυσκολία.

Μέχρι το τέλος, θα έχετε εφαρμόσει τις ιδιότητες Flexbox πολλές φορές, σε πολλούς συνδυασμούς, σε σημείο που αρχίζουν να γίνονται δεύτεροι.

codepip.com_games_flexbox-froggy_

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

Γίνετε κριτικός

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

Κατ 'αρχάς, σκεφτείτε το παιχνίδι από την ψυχαγωγία. Είναι ένα παιχνίδι σε τελική ανάλυση και πρέπει να είναι διασκεδαστικό για εσάς. Στη συνέχεια, εξετάστε την παιδαγωγική γωνία. Δηλαδή, τι μαθαίνω από το παιχνίδι και το μαθαίνω αποτελεσματικά;

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

Αλλά προσέξτε την άλλη κατεύθυνση, ένα παιχνίδι με απλή πρόσοψη εκπαιδευτικής ουσίας. Ένα παιχνίδι κωδικοποίησης μπορεί να αποτύχει όταν το εκπαιδευτικό περιεχόμενο είναι πολύ ρηχό ή υπάρχουν πάρα πολλοί άλλοι μηχανικοί παιχνιδιών που σας αποσπούν την προσοχή από το να ασχοληθείτε με αυτό που πρέπει να μάθετε.

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

Συμβουλευτείτε έναν αξιόπιστο μέντορα ή blogger. Ή αναζητήστε πόρους που έχουν θετικές προτάσεις στην κοινότητά σας: στα φόρουμ του FreeCodeCamp, στο subreddits του web dev ή στην αγαπημένη σας ομάδα Discord ή Slack.

Πατήστε Έναρξη τώρα

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

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

Αν και η ιδέα της κωδικοποίησης παιχνιδιών που σας βοηθούν να μάθετε το web dev υπάρχει εδώ και χρόνια, το είδος είναι ακόμα στα σπάργανα. Υπάρχει τόσο ανεκμετάλλευτη δυνατότητα στην ιδέα ότι μπορείτε να μάθετε σε ένα διασκεδαστικό, διαδραστικό, συναρπαστικό περιβάλλον και τα παιχνίδια είναι ένα εξαιρετικό όχημα για αυτό.

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