React Native: Learn & Practice

Code Play

Περιέχει διαφημίσεις

Περιγραφή εφαρμογής

Μάθετε το React Native μέσα από σύντομες εξηγήσεις, πρακτικά παραδείγματα κώδικα και μικρές προκλήσεις. Εξερευνήστε 148 μαθήματα σε 10 ενότητες, ανοίξτε ένα παράδειγμα στην παιδική χαρά κωδικοποίησης και αλλάξτε το για να κατανοήσετε πώς λειτουργεί η διεπαφή.

Μια σαφής διαδρομή από τα βασικά στην πρακτική
Ξεκινήστε με κείμενο, προβολές, μεταβλητές, στοιχεία, εικόνες και στυλ. Συνεχίστε σε διατάξεις, φόρμες, εισαγωγή κειμένου, κουμπιά, αλληλεπιδράσεις αφής, κύλιση και λίστες Flexbox. Οι επόμενες ενότητες εισάγουν hooks, επαναχρησιμοποιήσιμα στοιχεία, διαχείριση κατάστασης, έννοιες απόδοσης, διατάξεις που ανταποκρίνονται και έργα εξάσκησης.

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

Δοκιμάστε τις δικές σας αλλαγές
Χρησιμοποιήστε τον ενσωματωμένο επεξεργαστή JavaScript και JSX για να προσαρμόσετε κείμενο, τιμές, στυλ και συμπεριφορά στοιχείων. Η επισήμανση σύνταξης και οι αριθμοί γραμμών κάνουν τα παραδείγματα πιο εύκολα στην παρακολούθηση. Η αναίρεση και η επανάληψη σάς βοηθούν να εξερευνήσετε αλλαγές, ενώ η Επαναφορά κώδικα επαναφέρει το αρχικό παράδειγμα. Πατήστε Εκτέλεση εφαρμογής για να ανοίξετε την προεπισκόπηση εντός εφαρμογής και, στη συνέχεια, επιστρέψτε στην επεξεργασία για μια ακόμη προσπάθεια.

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

Βρείτε το μάθημα που χρειάζεστε
Αναζητήστε τίτλους μαθημάτων ή περιορίστε τη βιβλιοθήκη ανά ενότητα. Εναλλαγή μεταξύ όλων των μαθημάτων, μαθημάτων σε εξέλιξη, αποθηκευμένων αγαπημένων και ολοκληρωμένων μαθημάτων. Χρησιμοποιήστε τα στοιχεία ελέγχου Προηγούμενο και Επόμενο ή σύρετε μεταξύ μαθημάτων. Όταν ανοίγετε ένα μάθημα από μια φιλτραρισμένη βιβλιοθήκη, η πλοήγηση ακολουθεί αυτήν την επιλογή, ώστε να μπορείτε να παραμείνετε στα θέματα που επιλέξατε.

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

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

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

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