00:00:00jQuery 4 ist endlich da. Und keine Sorge, Sie sind nicht in der Zeit zurückgereist,
00:00:04es ist nur unser erstes großes Versions-Update seit 2016. Es war zwei Jahre in der Beta-Phase
00:00:09und erscheint nun 20 Jahre nach der ersten Vorstellung von jQuery.
00:00:12Es mag Sie überraschen, aber jQuery ist immer noch ziemlich wichtig. 88 % aller Websites
00:00:17nutzen es noch, was wohl hauptsächlich an WordPress liegt, aber man sieht auch einige
00:00:21große Namen, die es weiterhin einsetzen. Frei nach dem Motto: „Never change a running system“.
00:00:25Abgesehen davon, dass dieses Update tatsächlich einiges verändern könnte. Man hat es genutzt,
00:00:29um all die einschneidenden Änderungen umzusetzen, die man seit Jahren wollte – inklusive Altlasten
00:00:32auszumisten, veraltete APIs und nie dokumentierte Funktionen zu entfernen sowie etliche Bugs zu beheben.
00:00:38Tauchen wir also direkt ein und schauen uns die wichtigsten Änderungen an und wie weit sich jQuery
00:00:42in 20 Jahren entwickelt hat.
00:00:49Die erste große Änderung: Verabschieden wir uns vom Internet Explorer 10 und älter.
00:00:53Dessen Support wurde eingestellt. Aber keine Panik, falls Sie das hier im Internet Explorer 11
00:00:58sehen: Dessen Support endet erst mit jQuery 5. Sie haben also noch Zeit, den Abo-Button zu klicken.
00:01:02Außerdem wurde der Support für Edge Legacy, iOS-Versionen älter als die letzten drei,
00:01:07Firefox-Versionen älter als die letzten zwei sowie für den Android-Browser eingestellt.
00:01:12Sie sehen, wir modernisieren hier ordentlich. Tatsächlich drehen sich die nächsten drei Punkte genau darum.
00:01:17Änderung Nummer 2: Der jQuery-Quellcode wird von AMD auf ES-Module umgestellt.
00:01:22Damit harmoniert es nun ohne Umwege mit Vite, Webpack und modernen Build-Systemen.
00:01:27Probieren Sie es doch mal aus und installieren es in Ihrem nächsten Projekt – einfach aus Spaß
00:01:31oder aus ein bisschen Nostalgie.
00:01:33Apropos Nostalgie: Dieses Update zeigt erst richtig, wie weit sich JavaScript
00:01:36entwickelt hat. Bei Änderung Nummer 3 wurden nämlich etliche jQuery-Funktionen entfernt,
00:01:41weil JavaScript sie nun selbst beherrscht. Dazu gehören Dinge wie isArray, parseJSON, trim, now,
00:01:46isNumeric, isFunction und viele mehr. All das lässt sich jetzt direkt in
00:01:51JavaScript erledigen, ohne eine zusätzliche Bibliothek. Es ist fast verrückt, dass wir
00:01:56dafür früher ein extra Tool brauchten, aber so entwickeln sich Sprachen eben weiter.
00:02:00Und nicht nur Sprachen, auch Browser entwickeln sich.
00:02:01Änderung Nummer 4 ist die letzte große Modernisierung: Die Fokus-Reihenfolge wurde korrigiert.
00:02:06Falls Sie es nicht wussten: Jahrelang waren sich Browser uneins über die Abfolge von Focus- und Blur-Events.
00:02:11jQuery hatte daher eine eigene Definition, um überall konsistent zu sein.
00:02:15Da die alten Browser nun wegfallen, haben alle unterstützten Browser (außer der IE)
00:02:20dieselbe Reihenfolge. jQuery überschreibt das native Verhalten daher nicht mehr.
00:02:24Man merkt, dass das Team jQuery modern machen will, da vieles, was es früher nützlich machte,
00:02:29mittlerweile ohnehin Teil von JavaScript geworden ist.
00:02:34Es gibt aber noch ein paar Dinge, die modernisiert werden können, wie Deferreds und Callbacks,
00:02:38die nun durch Promises ersetzt werden können (außer im IE 11). Oder Animationen,
00:02:42die man früher mit jQuery machte und die heute in CSS ganz einfach sind.
00:02:47Wenn Sie noch einen Schritt weiter gehen wollen: Es gibt einen „Slim Build“, der viele dieser
00:02:52Zusatzmodule weglässt und nur 19,5 KB groß ist. Ich finde diesen Ansatz sehr gut,
00:02:55dass man weiterhin alle Funktionen im Gesamtpaket anbietet, falls man sie braucht,
00:03:01aber eben auch eine schlanke Version für alles heute Unnötige bereitstellt.
00:03:04Das waren die wichtigsten Schlagzeilen, aber natürlich gab es massenhaft Bugfixes
00:03:08und kleinere Anpassungen, die teils Jahre zurückreichen. Der älteste Bug stammte von 2014.
00:03:12Dabei ging es darum, dass jQuery JSON automatisch in JSONP umwandelte – das ist nun behoben.
00:03:17Es gibt sogar ein Problem von 2015, an das ich mich selbst erinnere: Der CSS-Setter von jQuery
00:03:22hängte automatisch „px“ an jede Zahl ohne Einheit an. Auch das wurde korrigiert.
00:03:28Es gibt dort noch viel mehr zu entdecken, sogar Kleinigkeiten wie die Korrektur von Tippfehlern.
00:03:33Aber das alles in diesem Video zu besprechen, würde natürlich zu lange dauern.
00:03:37Ich wollte mir jQuery einfach mal ansehen, weil es ein so spannendes Stück Web-Geschichte ist.
00:03:42Vielleicht ist es sogar frech, von Geschichte zu sprechen, wenn es noch so aktiv genutzt
00:03:46und gepflegt wird. Natürlich würde ich heute nicht jQuery statt React oder anderen modernen
00:03:51Frameworks wählen, aber es erinnert uns daran, dass das Web auf Schichten von Technologien basiert.
00:03:56Manchmal sind es die langweiligen, einfachen und alten Tools, die das Web zusammenhalten,
00:04:01besonders bei diesen wichtigen Legacy-Apps, an deren Update sich niemand herantraut.
00:04:06Mich würde interessieren: Habt ihr jQuery früher genutzt oder nutzt ihr es heute noch?
00:04:10Schreibt es mir unten in die Kommentare, abonniert den Kanal und wie immer:
00:04:15Wir sehen uns im nächsten Video!
00:04:19you in the next one.