Hauptinhalt
Kurs: Programmierung > Lerneinheit 7
Lektion 3: DOM-Modifikationen mit jQueryProjekt: Extreme Makeover, Webseite-Edition
Ein großer Teil der Webseiten im Internet verwendet heute jQuery, daher kannst du auf ihnen einfach die JavaScript Konsole öffnen und die folgende Codezeile ausführen:
$("body").text("Mwahahaha");Dies bedeutet, du kannst mit fremden Webseiten herumspielen und lernen, wie ihr HTML aufgebaut ist.
Zum Beispiel kannst du auf Twitter alle Bilder mit dem Bild einer mürrischen Katze ersetzen.
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");Schau, wie cool der Account von Khan Academy aussieht!
Was sind deine liebsten Webseiten? Suche dir eine, welche jQuery benutzt (teste einfach die erste Zeile) und versuch, etwas Lustiges damit zu machen. Einige Webseiten beschränken, welche Ressourcen du in ihnen Laden kannst, dann musst du einfach etwas kreativer sein. Auf Twitter können z. B. nur Bilder von Twitter selbst geladen werden, daher habe ich einfach auf twitter.com nach einer Katze gesucht.
Teile deinen Code für Webseiten-Remixes im Tips/Dank Bereich unten. Lass uns gemeinsam das Web kreativer und schöner (zumindest für Katzen) gestalten!
Willst du an der Diskussion teilnehmen?
Noch keine Beiträge.