Μάθετε τη διάταξη του πλέγματος CSS (τον τρόπο διασκέδασης) με το Grid Garden
Οι περισσότεροι προγραμματιστές γνωρίζουν το παιχνίδι Flexbox Froggy σας διδάσκει τα βασικά του flexbox από την αρχή. Αυτό το δωρεάν παιχνίδι έγινε ιικό και είναι ακόμα εξαιρετικά πολύτιμο για τη διδασκαλία των ανθρώπων πώς να κωδικοποιούν με flexbox.
Λοιπόν, ο ίδιος προγραμματιστής που έκανε αυτό το παιχνίδι έχει ένα ολοκαίνουργιο παιχνίδι που ονομάζεται Grid Garden.
Αυτό το παιχνίδι λειτουργεί με παρόμοιο τρόπο, αλλά σας διδάσκει πώς να κωδικοποιήσετε πλέγματα CSS. Είναι ένα σχετικά νέο χαρακτηριστικό, αλλά είναι να πιάνετε γρήγορα και το Grid Garden είναι ο καλύτερος τρόπος για να μάθετε.
Όλα στο Grid Garden ακολουθούν ένα παρόμοιο τρόπο διδασκαλίας ως Flexbox Froggy. Δημιουργήθηκε από τον ίδιο προγραμματιστή Thomas Park, ώστε να μπορείτε να περιμένετε ένα παρόμοιο επίπεδο δυσκολίας και χρηστικότητας.
Από προεπιλογή, ξεκινάτε στο επίπεδο ένα με α σύνολο 28 επιπέδων απο την αρχη μεχρι το τελος. Μπορείτε πάντα παρακάμπτοντας τα επίπεδα αν νομίζετε ότι είναι πολύ δύσκολο, αλλά θεωρώ ότι είναι πάντα καλό να δουλεύετε μέσα από όλα αυτά, όπως και μια ανανέωση.
Εάν δεν έχετε ιδέα για το πώς λειτουργούν τα πλέγματα που σχετίζονται με τις ιδιότητες θα βρείτε τον εαυτό σας Googling πολλές λέξεις. Η διάταξη του πλέγματος CSS είναι a εντελώς νέα ενότητα με τη δική του σύνταξη και χαρακτηριστικά.
Συνιστώ ανεπιφύλακτα να γυρίζετε γύρω από το Grid Garden όποτε έχετε την ευκαιρία. Είναι σχεδόν α Η παιδική χαρά του δημιουργού του CSS για την εκμάθηση και τη μελέτη όλων των διαφόρων ιδιοτήτων διάταξης πλέγματος.
Δεν μπορώ να πω ότι αυτό το παιχνίδι θα σας κάνει εμπειρογνώμονα στα δίκτυα CSS. Μόνο τα κατασκευαστικά έργα και η άσκηση πολλών μπορούν να σας φέρουν σε επίπεδο εμπειρογνωμόνων. Αλλά, το Grid Garden είναι ένας διασκεδαστικός τρόπος για να ξεκινήσετε χωρίς το συνηθισμένο άγχος που πηγαίνει στη μάθηση κάτι νέο.
Το όλο έργο είναι εντελώς δωρεάν και ανοιχτό από το GitHub αν θέλετε να το κατεβάσετε τοπικά για μελέτη ή επέκταση. Μπορείτε επίσης να μοιραστείτε τις σκέψεις σας με τον δημιουργό στο Twitter @ thomashpark.
