{"id":319,"date":"2026-06-21T18:52:14","date_gmt":"2026-06-21T16:52:14","guid":{"rendered":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/?page_id=319"},"modified":"2026-06-21T19:34:03","modified_gmt":"2026-06-21T17:34:03","slug":"interaktive-api-anbindungen","status":"publish","type":"page","link":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/?page_id=319","title":{"rendered":"Interaktive API-Anbindungen"},"content":{"rendered":"<div class=\"lazyblock-pokedex-5Tf7x wp-block-lazyblock-pokedex\"><div class=\"poke-block-wrapper\" data-pokemon=\"\">\r\n    <div class=\"poke-card\">\r\n        <div class=\"poke-search\">\r\n            <input class=\"poke-search-input\" type=\"text\" placeholder=\"z.B. gengar, 149, bulbasaur...\" \/>\r\n            <button class=\"poke-search-btn\">Suchen<\/button>\r\n        <\/div>\r\n        <div class=\"poke-header\">\r\n            <img decoding=\"async\" class=\"poke-sprite\" src=\"\" alt=\"\" \/>\r\n            <div class=\"poke-title\">\r\n                <span class=\"poke-number\">#<span class=\"js-id\">&#8230;<\/span><\/span>\r\n                <h3 class=\"poke-name js-name\">Lade&#8230;<\/h3>\r\n                <div class=\"poke-types js-types\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"poke-stats js-stats\"><\/div>\r\n        <p class=\"poke-error js-error\" style=\"display:none;\">Nicht gefunden!<\/p>\r\n    <\/div>\r\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\">Dynamische Datenabfrage und interaktive Benutzeroberfl\u00e4che in Echtzeit<sup><\/sup>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr diesen Projektteil habe ich eine Verbindung zur \u00f6ffentlichen <em>Pok\u00e9API<\/em> hergestellt<sup><\/sup>. \u00dcber ein Eingabefeld k\u00f6nnen Nutzer nach bestimmten Pok\u00e9mon suchen. Die Website sendet im Hintergrund eine asynchrone Anfrage (Fetch-API) an den Server und gibt die zur\u00fcckgegebenen JSON-Daten \u2013 wie Name, Typen und Statuswerte \u2013 visuell aufbereitet in einer Card aus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Herausforderung &amp; Learning:<\/strong> Die gr\u00f6\u00dfte Herausforderung bestand darin, die API-Antworten sauber abzufangen und auch f\u00fcr Fehleingaben (wenn ein Pok\u00e9mon nicht existiert) ein elegantes Fehler-Handling zu bauen. Dadurch habe ich gelernt, wie moderne Webanwendungen mit externen Datenstr\u00f6men kommunizieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dynamische Datenabfrage und interaktive Benutzeroberfl\u00e4che in Echtzeit. F\u00fcr diesen Projektteil habe ich eine Verbindung zur \u00f6ffentlichen Pok\u00e9API hergestellt. \u00dcber ein Eingabefeld k\u00f6nnen Nutzer nach bestimmten Pok\u00e9mon suchen. Die Website sendet im Hintergrund eine asynchrone Anfrage (Fetch-API) an den Server und gibt die zur\u00fcckgegebenen JSON-Daten \u2013 wie Name, Typen und Statuswerte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":320,"parent":12,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/custom3adb.php","meta":{"saved_in_kubio":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-319","page","type-page","status-publish","has-post-thumbnail","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=319"}],"version-history":[{"count":4,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/319\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/319\/revisions\/337"}],"up":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/12"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=\/wp\/v2\/media\/320"}],"wp:attachment":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/laurin\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}