10 KiB

Raw Blame History Unescape Escape

Υιοθέτησε ένα API

Επισκόπηση

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

Οδηγίες

Βήμα 1: Επιλέξτε το API σας

Επιλέξτε ένα API από αυτή τη προσεκτικά επιλεγμένη λίστα δωρεάν δημόσιων APIs. Σκεφτείτε αυτές τις κατηγορίες:

Δημοφιλείς επιλογές για αρχάριους:

Ψυχαγωγία: Dog CEO API για τυχαίες φωτογραφίες σκύλων
Καιρός: OpenWeatherMap για δεδομένα τρέχοντος καιρού
Αποφθέγματα: Quotable API για εμπνευσμένα αποφθέγματα
Ειδήσεις: NewsAPI για τρέχοντες τίτλους ειδήσεων
Διασκεδαστικά Γεγονότα: Numbers API για ενδιαφέροντα γεγονότα σχετικά με αριθμούς

Βήμα 2: Σχεδιάστε την Επέκτασή σας

Πριν ξεκινήσετε τον προγραμματισμό, απαντήστε στις παρακάτω ερωτήσεις σχεδιασμού:

Ποιο πρόβλημα λύνει η επέκτασή σας;
Ποιος είναι ο στόχος χρήστης σας;
Ποια δεδομένα θα αποθηκεύσετε στην τοπική αποθήκευση;
Πώς θα διαχειριστείτε αποτυχίες του API ή περιορισμούς χρήσης;

Βήμα 3: Δημιουργήστε την Επέκτασή σας

Η επέκτασή σας πρέπει να περιλαμβάνει:

Απαιτούμενα Χαρακτηριστικά:

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

Απαιτήσεις Κώδικα:

Χρησιμοποιήστε σύγχρονα χαρακτηριστικά JavaScript (ES6+)
Εφαρμόστε async/await για κλήσεις API
Συμπεριλάβετε σωστή διαχείριση σφαλμάτων με μπλοκ try/catch
Προσθέστε ουσιαστικά σχόλια που εξηγούν τον κώδικα σας
Ακολουθήστε συνεπή μορφοποίηση κώδικα

Βήμα 4: Δοκιμάστε και Βελτιώστε

Δοκιμάστε την επέκτασή σας με διάφορες εισαγωγές
Διαχειριστείτε ακραίες περιπτώσεις (χωρίς σύνδεση στο διαδίκτυο, μη έγκυρες απαντήσεις API)
Βεβαιωθείτε ότι η επέκταση λειτουργεί μετά την επανεκκίνηση του προγράμματος περιήγησης
Προσθέστε φιλικά προς τον χρήστη μηνύματα σφαλμάτων

Πρόσθετες Προκλήσεις

Αναβαθμίστε την επέκτασή σας:

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

Απαιτήσεις Υποβολής

Λειτουργική επέκταση προγράμματος περιήγησης που ενσωματώνεται επιτυχώς με το επιλεγμένο API
Αρχείο README που εξηγεί:
- Ποιο API επιλέξατε και γιατί
- Πώς να εγκαταστήσετε και να χρησιμοποιήσετε την επέκταση
- Οποιαδήποτε κλειδιά API ή απαιτούμενη ρύθμιση
- Στιγμιότυπα της επέκτασης σε δράση
Καθαρός, σχολιασμένος κώδικας που ακολουθεί σύγχρονες πρακτικές JavaScript

Κριτήρια Αξιολόγησης

Κριτήριο	Εξαιρετικό (90-100%)	Επαρκές (80-89%)	Αναπτυσσόμενο (70-79%)	Αρχικό (60-69%)
Ενσωμάτωση API	Άψογη ενσωμάτωση API με ολοκληρωμένη διαχείριση σφαλμάτων και ακραίων περιπτώσεων	Επιτυχής ενσωμάτωση API με βασική διαχείριση σφαλμάτων	Το API λειτουργεί αλλά έχει περιορισμένη διαχείριση σφαλμάτων	Η ενσωμάτωση API έχει σημαντικά προβλήματα
Ποιότητα Κώδικα	Καθαρός, καλά σχολιασμένος σύγχρονος JavaScript που ακολουθεί τις βέλτιστες πρακτικές	Καλή δομή κώδικα με επαρκή σχόλια	Ο κώδικας λειτουργεί αλλά χρειάζεται καλύτερη οργάνωση	Κακή ποιότητα κώδικα με ελάχιστα σχόλια
Εμπειρία Χρήστη	Πολυτελές περιβάλλον με εξαιρετικές καταστάσεις φόρτωσης και ανατροφοδότηση χρήστη	Καλό περιβάλλον με βασική ανατροφοδότηση χρήστη	Βασικό περιβάλλον που λειτουργεί επαρκώς	Κακή εμπειρία χρήστη με μπερδεμένο περιβάλλον
Τοπική Αποθήκευση	Σοφιστικέ χρήση τοπικής αποθήκευσης με επικύρωση και διαχείριση δεδομένων	Σωστή εφαρμογή τοπικής αποθήκευσης για βασικά χαρακτηριστικά	Βασική εφαρμογή τοπικής αποθήκευσης	Ελάχιστη ή λανθασμένη χρήση τοπικής αποθήκευσης
Τεκμηρίωση	Πλήρες README με οδηγίες εγκατάστασης και στιγμιότυπα	Καλή τεκμηρίωση που καλύπτει τις περισσότερες απαιτήσεις	Βασική τεκμηρίωση που λείπουν κάποιες λεπτομέρειες	Κακή ή ελλιπής τεκμηρίωση

Συμβουλές για Ξεκίνημα

Ξεκινήστε απλά: Επιλέξτε ένα API που δεν απαιτεί πολύπλοκη αυθεντικοποίηση
Διαβάστε την τεκμηρίωση: Κατανοήστε πλήρως τα σημεία πρόσβασης και τις απαντήσεις του επιλεγμένου API
Σχεδιάστε το UI σας: Σχεδιάστε το περιβάλλον της επέκτασης πριν τον προγραμματισμό
Δοκιμάστε συχνά: Δημιουργήστε σταδιακά και δοκιμάστε κάθε χαρακτηριστικό καθώς το προσθέτετε
Διαχειριστείτε σφάλματα: Πάντα να υποθέτετε ότι οι κλήσεις API μπορεί να αποτύχουν και να σχεδιάζετε ανάλογα

Πόροι

Καλή διασκέδαση δημιουργώντας κάτι χρήσιμο και δημιουργικό! 🚀

Αποποίηση ευθύνης:
Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης Co-op Translator. Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.

10 KiB Raw Blame History Unescape Escape