6.3 KiB

Raw Blame History

Prijmite API

Prehľad

API otvárajú nekonečné možnosti pre kreatívny vývoj webu! V tejto úlohe si vyberiete externé API a vytvoríte rozšírenie pre prehliadač, ktoré rieši skutočný problém alebo poskytuje hodnotnú funkciu používateľom.

Pokyny

Krok 1: Vyberte si API

Vyberte si API z tohto kurátorského zoznamu bezplatných verejných API. Zvážte tieto kategórie:

Populárne možnosti pre začiatočníkov:

Zábava: Dog CEO API na náhodné obrázky psov
Počasie: OpenWeatherMap na aktuálne údaje o počasí
Citáty: Quotable API na inšpiratívne citáty
Správy: NewsAPI na aktuálne titulky
Zaujímavosti: Numbers API na zaujímavé fakty o číslach

Krok 2: Naplánujte si rozšírenie

Pred začatím kódovania odpovedzte na tieto plánovacie otázky:

Aký problém vaše rozšírenie rieši?
Kto je váš cieľový používateľ?
Aké údaje budete ukladať do lokálneho úložiska?
Ako budete riešiť zlyhania API alebo obmedzenia počtu požiadaviek?

Krok 3: Vytvorte svoje rozšírenie

Vaše rozšírenie by malo obsahovať:

Povinné funkcie:

Vstupné formuláre pre akékoľvek požadované parametre API
Integráciu API s riadnym spracovaním chýb
Lokálne úložisko na preferencie používateľov alebo API kľúče
Čisté, responzívne používateľské rozhranie
Stav načítania a spätnú väzbu pre používateľov

Požiadavky na kód:

Používajte moderné funkcie JavaScriptu (ES6+)
Implementujte async/await pre volania API
Zahrňte riadne spracovanie chýb pomocou blokov try/catch
Pridajte zmysluplné komentáre vysvetľujúce váš kód
Dodržujte konzistentné formátovanie kódu

Krok 4: Testovanie a doladenie

Testujte svoje rozšírenie s rôznymi vstupmi
Riešte hraničné prípady (bez internetu, neplatné odpovede API)
Uistite sa, že vaše rozšírenie funguje po reštarte prehliadača
Pridajte používateľsky prívetivé chybové hlásenia

Bonusové výzvy

Posuňte svoje rozšírenie na vyššiu úroveň:

Pridajte viacero koncových bodov API pre bohatšiu funkcionalitu
Implementujte ukladanie údajov do cache na zníženie počtu volaní API
Vytvorte klávesové skratky pre bežné akcie
Pridajte funkcie exportu/importu údajov
Implementujte možnosti prispôsobenia pre používateľov

Požiadavky na odovzdanie

Funkčné rozšírenie pre prehliadač, ktoré úspešne integruje vybrané API
README súbor, ktorý vysvetľuje:
- Ktoré API ste si vybrali a prečo
- Ako nainštalovať a používať vaše rozšírenie
- Akékoľvek potrebné API kľúče alebo nastavenia
- Screenshoty vášho rozšírenia v akcii
Čistý, komentovaný kód, ktorý dodržiava moderné praktiky JavaScriptu

Hodnotiace kritériá

Kritérium	Vynikajúce (90-100%)	Dostatočné (80-89%)	Rozvíjajúce sa (70-79%)	Začiatočné (60-69%)
Integrácia API	Bezchybná integrácia API s komplexným spracovaním chýb a riadením hraničných prípadov	Úspešná integrácia API so základným spracovaním chýb	API funguje, ale má obmedzené spracovanie chýb	Integrácia API má významné problémy
Kvalita kódu	Čistý, dobre komentovaný moderný JavaScript dodržiavajúci najlepšie praktiky	Dobrá štruktúra kódu s primeranými komentármi	Kód funguje, ale potrebuje lepšiu organizáciu	Slabá kvalita kódu s minimálnymi komentármi
Používateľská skúsenosť	Vyleštené rozhranie s vynikajúcimi stavmi načítania a spätnou väzbou pre používateľov	Dobré rozhranie so základnou spätnou väzbou	Základné rozhranie, ktoré funguje primerane	Slabá používateľská skúsenosť s mätúcim rozhraním
Lokálne úložisko	Sofistikované použitie lokálneho úložiska s validáciou a správou údajov	Správna implementácia lokálneho úložiska pre kľúčové funkcie	Základná implementácia lokálneho úložiska	Minimálne alebo nesprávne použitie lokálneho úložiska
Dokumentácia	Komplexný README s inštrukciami na nastavenie a screenshotmi	Dobrá dokumentácia pokrývajúca väčšinu požiadaviek	Základná dokumentácia, ktorá chýba v niektorých detailoch	Slabá alebo chýbajúca dokumentácia

Tipy na začiatok

Začnite jednoducho: Vyberte si API, ktoré nevyžaduje zložitú autentifikáciu
Čítajte dokumentáciu: Dôkladne pochopte koncové body a odpovede vášho vybraného API
Naplánujte si UI: Nakreslite rozhranie vášho rozšírenia pred začatím kódovania
Testujte často: Budujte postupne a testujte každú funkciu, keď ju pridáte
Riešte chyby: Vždy predpokladajte, že volania API môžu zlyhať, a plánujte podľa toho

Zdroje

Užite si tvorbu niečoho užitočného a kreatívneho! 🚀

Zrieknutie sa zodpovednosti:
Tento dokument bol preložený pomocou služby AI prekladu Co-op Translator. Aj keď sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nenesieme zodpovednosť za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.

6.3 KiB Raw Blame History