"Ένας κύριος κάνει περισσότερα λάθη από ότι ένας αρχάριος κάνει προσπάθειες"
Προσφέρουμε 8 επιλογές έργου που μπορούν να γίνουν «για διασκέδαση» προκειμένου να αποκτήσετε πραγματική εμπειρία ανάπτυξης.
Έργο 1. Κλώνος Trello
Τι θα μάθετε:
- Οργάνωση διαδρομών επεξεργασίας αιτημάτων (Δρομολόγηση).
- Σύρετε και αποθέστε.
- Πώς να δημιουργήσετε νέα αντικείμενα (πίνακες, λίστες, κάρτες).
- Επεξεργασία και έλεγχος δεδομένων εισόδου.
- Από την πλευρά του πελάτη: πώς να χρησιμοποιήσετε την τοπική αποθήκευση, πώς να αποθηκεύσετε δεδομένα στην τοπική αποθήκευση, πώς να διαβάσετε δεδομένα από την τοπική αποθήκευση.
- Από την πλευρά του διακομιστή: πώς να χρησιμοποιήσετε βάσεις δεδομένων, πώς να αποθηκεύσετε δεδομένα στη βάση δεδομένων, πώς να διαβάσετε δεδομένα από τη βάση δεδομένων.
Έργο 2. Πίνακας διαχείρισης
Μια απλή εφαρμογή CRUD, ιδανική για την εκμάθηση των βασικών. Ας μάθουμε:
- Δημιουργία χρηστών, διαχείριση χρηστών.
- Αλληλεπίδραση με τη βάση δεδομένων - δημιουργία, ανάγνωση, επεξεργασία, διαγραφή χρηστών.
- Επικύρωση εισόδου και εργασία με φόρμες.
Έργο 3. Παρακολούθηση κρυπτονομισμάτων (εγγενής εφαρμογή για κινητά)
Οτιδήποτε: Swift, Objective-C, React Native, Java, Kotlin.
Ας διαβάσουμε:
- Πώς λειτουργούν οι εγγενείς εφαρμογές.
- Πώς να ανακτήσετε δεδομένα από το API.
- Πώς λειτουργούν οι εγγενείς διατάξεις σελίδων.
- Πώς να εργαστείτε με προσομοιωτές κινητών.
Αν σε ενδιαφέρει, εδώ είναι
Έργο 4. Ρυθμίστε το δικό σας webpack config από την αρχή
Τεχνικά, δεν πρόκειται για εφαρμογή, αλλά είναι πολύ χρήσιμο να κατανοήσετε πώς λειτουργεί το webpack από μέσα. Τώρα δεν θα είναι ένα «μαύρο κουτί», αλλά ένα κατανοητό εργαλείο.
απαιτήσεις:
- Μεταγλώττιση es7 σε es5 (βασικά).
- Μεταγλώττιση jsx σε js - ή - .vue σε .js (θα πρέπει να μάθετε loaders)
- Ρυθμίστε τον διακομιστή προγραμματιστών webpack και την επαναφόρτωση καυτής μονάδας. (Το vue-cli και το create-react-app χρησιμοποιούν και τα δύο)
- Χρησιμοποιήστε το Heroku, now.sh ή Github, μάθετε πώς να αναπτύσσετε έργα webpack.
- Ρυθμίστε τον αγαπημένο σας προεπεξεργαστή για μεταγλώττιση css - scss, less, γραφίδα.
- Μάθετε πώς να χρησιμοποιείτε εικόνες και svgs με το webpack.
Έργο 5. Κλώνος Hackernews
Κάθε Τζεντάι καλείται να φτιάξει το δικό του Hackernews.
Τι θα μάθετε στην πορεία:
- Πώς να αλληλεπιδράσετε με το hackernews API.
- Πώς να δημιουργήσετε μια εφαρμογή μιας σελίδας.
- Πώς να εφαρμόσετε λειτουργίες όπως προβολή σχολίων, μεμονωμένα σχόλια, προφίλ.
- Οργάνωση διαδρομών επεξεργασίας αιτημάτων (Δρομολόγηση).
Έργο 6. Tudushechka
Σοβαρά? Tudushka; Είναι χιλιάδες από αυτούς. Αλλά πιστέψτε με, υπάρχει ένας λόγος για αυτή τη δημοτικότητα.
Η εφαρμογή Tudu είναι ένας πολύ καλός τρόπος για να βεβαιωθείτε ότι κατανοείτε τα βασικά. Δοκιμάστε να γράψετε μία εφαρμογή σε vanilla Javascript και μία στο αγαπημένο σας πλαίσιο.
Μαθαίνω:
- Δημιουργήστε νέες εργασίες.
- Ελέγξτε ότι τα πεδία είναι συμπληρωμένα.
- Φιλτράρισμα εργασιών (ολοκληρωμένες, ενεργές, όλες). Χρήση
filter
иreduce
. - Κατανοήστε τα βασικά της Javascript.
Έργο 7. Ταξινόμηση λίστας μεταφοράς και απόθεσης
Πολύ χρήσιμο για την κατανόηση
Ας μάθουμε:
- Σύρετε και αποθέστε το API
- Δημιουργήστε πλούσια διεπαφή χρήστη
Έργο 8. Κλώνος Messenger (εγγενής εφαρμογή)
Θα καταλάβετε πώς λειτουργούν τόσο οι εφαρμογές web όσο και οι εγγενείς εφαρμογές, κάτι που θα σας ξεχωρίσει από τη γκρίζα μάζα.
Τι θα μελετήσουμε:
- Υποδοχές Ιστού (άμεσα μηνύματα)
- Πώς λειτουργούν οι εγγενείς εφαρμογές.
- Πώς λειτουργούν τα πρότυπα σε εγγενείς εφαρμογές.
- Οργάνωση διαδρομών επεξεργασίας αιτημάτων σε εγγενείς εφαρμογές.
Αυτό θα σας αρκεί για έναν ή δύο μήνες.
Η μετάφραση πραγματοποιήθηκε με την υποστήριξη της εταιρείας
Πηγή: www.habr.com