Diese Serie bringt dich von Null bis zu einem sicheren Gefühl beim Schreiben und Arbeiten mit jQuery und JavaScript.
Willkommen!
Das Ziel dieses Kurses ist es, Sie, Sie wundervolle Frontend-Entwickler/in, von jemandem mit sehr wenig oder keiner jQuery- oder JavaScript-Kenntnis zu jemandem zu machen, der sehr gut mit ...
In diesem Screencast behandle ich das absolute Minimum an Einrichtung, um jQuery auf einer "echten" Website nutzen zu können. Wir haben eine index.html-Datei mit der grundlegenden HTML5-Struktur. jQuery ist als <script></script> eingebunden und dann führen wir ein ...
Man kann sich jQuery als "Auswählen und Ausführen"-Bibliothek vorstellen. jQuery ist besonders gut darin, Elemente auf der Seite (Dinge im DOM) auszuwählen und dann etwas damit zu tun. Auswählen und ausführen. Auswählen und ausführen...
In CSS können Sie alle <h1></h1>-Elemente auf der Seite mit diesem auswählen: ...
Wir haben viel über Selektoren gesprochen. Ein jQuery-Selektor wie $(“h1”) wählt alle <h1></h1>-Elemente auf der Seite aus. Aber was ist mit ... wenn er das nicht tut? Hier ist ein Beispiel, wann dieser Selektor fehlschlagen würde: ...
jQuery kann alles auswählen, was CSS3 auswählen kann. Aber damit ist es noch nicht getan! Es gibt eine Reihe von zusätzlichen Selektoren, die jQuery anbietet (über die Sizzle-Selektoren-Engine), die manchmal ziemlich nützlich sind. Zum Beispiel gibt es in CSS Attributselektoren ...
Wie wir bereits besprochen haben, kann man sich jQuery als "Auswählen und Ausführen"-Bibliothek vorstellen. Wir haben viel über das Auswählen gesprochen, also lass uns nun über das Ausführen sprechen. Erinnern Sie sich, dieses Muster sieht im Grunde so aus: ...
Im letzten Video wurde kurz angesprochen: Wie verhindert man, dass der Browser nach unten springt, wenn man auf einen Hash-Link klickt? Das ist das Standardverhalten des Browsers, und glücklicherweise können wir mit JavaScript dem Browser sagen, dass er das nicht ...
Das Konzept von Gettern und Settern in JavaScript ist einfach eines dieser Dinge, die man verstehen sollte. Sie sind in jQuery angenehm, da die API so konsistent ist, dass man, sobald man sie verstanden hat, ziemlich gut raten kann, wie ...
Ein weiteres Konzeptvideo! Das ist "einfach eines dieser Dinge", die man in jQuery verstehen muss. Es ist tatsächlich etwas Einzigartiges für jQuery, da andere beliebte JavaScript-Bibliotheken in der Vergangenheit dies nicht auf diese Weise getan haben ...
Wenn Sie vor vielen Jahren zum ersten Mal mit jQuery experimentiert haben, war es vielleicht seine Fähigkeit, Animationen durchzuführen. Das war vielleicht einer der ersten großen Anziehungspunkte von jQuery. Heutzutage kann CSS Animationen ebenfalls mit recht guter Browserunterstützung durchführen ...
Jedermanns Liebling: Zeit für ein Konzeptvideo! Callbacks sind ein wichtiges Konzept in JavaScript. Es sind Funktionen, die aufgerufen werden, wenn eine Aktion abgeschlossen ist. Sie verleihen unserem Code Struktur und Timing.
Nehmen wir zum Beispiel die Animation, die wir in ...
Die Handhabung von Ereignissen ist ein weiterer wichtiger Grund für die Verwendung von jQuery. Es gibt einige browserübergreifende Unterschiede bei der Durchführung, die jQuery in eine einfache API normalisiert und dabei einige Best Practices erzwingt.
Es gibt im Wesentlichen eine Methode, die Sie ...
Da wir gerade über Ereignisse gesprochen haben, ist es jetzt ein guter Zeitpunkt, benutzerdefinierte Ereignisse zu erwähnen. Alle Ereignisse, über die wir bisher gesprochen haben, sind sozusagen "echte" Ereignisse. Ereignisse, die im DOM auf Grundlage realer Dinge entstehen ...
Wir haben jetzt schon mehrmals über kleine Details in der jQuery-API gesprochen, die wirklich sehr schön sind. Alles ist gut durchdacht und verfeinert. Chaining fällt definitiv in diese Kategorie. Sobald Sie es verwenden und verstehen, werden Sie ...
Ajax rangiert ziemlich weit oben auf der Liste der wichtigsten Gründe für die Verwendung von jQuery. jQuery behebt nicht nur die browserübergreifenden Probleme, sondern macht die Syntax auch sehr einfach zu verwenden und zu verstehen.
In diesem Video versuchen wir zu erklären ...
Wir haben im letzten Video über GET gesprochen, aber POST nicht genug Aufmerksamkeit geschenkt. Also dachte ich, wir machen das hier. Der große Unterschied bei POST ist, dass Sie fast immer Daten mit der Anfrage übergeben müssen. Das ...
Es besteht eine gute Chance, dass Sie im "echten Leben" Ajax hauptsächlich zum Senden und Empfangen von JSON-Daten verwenden. Und das aus gutem Grund. JSON nimmt keine visuelle Struktur an, wie es HTML tut. Es sind nur rohe ...
Eine Sache, die ich in dieser Reihe ganz klar machen möchte, ist, dass keiner von uns gegen reines JavaScript sein sollte. "Reines" bedeutet "rohes" oder "natives" JavaScript. JavaScript, das im Browser ohne Frameworks oder Bibliotheken oder irgendetwas ...
Daten. In der Welt von jQuery dreht sich alles um Informationsschnipsel, die direkt an Elemente angehängt werden (anstatt z. B. an eine Variable, die nur für sich selbst verantwortlich ist). Es gibt unzählige Möglichkeiten, Datenschnipsel zu speichern auf ...
Wenn Sie einen wichtigen Punkt der Frontend-Architekturphilosophie aus dieser Reihe lernen, lernen Sie diesen. Ändern Sie einfach Klassen. In diesem Screencast tauchen wir tief in ein großes JavaScript-Thema ein, nur um dann anzuhalten, uns zu fangen und zu verwenden ...
Templating ist ein wichtiger Teil der Arbeit mit JavaScript-Anwendungen. Es ist ziemlich üblich, dass Daten für Sie verfügbar sind, aber nicht in einem Format, das bereit ist, auf dem Bildschirm angezeigt zu werden. Das sind üblicherweise (aber nicht immer) Daten im JSON ...
Wir haben im letzten Video mit einem etwas verworrenen Durcheinander aufgehört. Alles in einem JavaScript-Block mischten wir Datenabruf, Anzeige und Geschäftslogik sowie Templating. In diesem Video werden wir beginnen, diese ...
Wir haben im letzten Video über Templating mit Handlebars gesprochen. Aber Handlebars ist nicht die einzige Templating-Lösung auf dem Markt. In diesem Video verwenden wir das Templating, das verfügbar ist in Underscore.
Warum? Nun, ein Grund ist, dass Sie vielleicht schon ...
Wir haben bisher ziemlich gute Arbeit geleistet, indem wir uns organisiert haben. Das Aufteilen unseres HTMLs in eine Vorlage war ein großer Schritt. Wir verwischen die Grenzen nicht mehr, sozusagen. Unsere verschiedenen Funktionsbereiche in JavaScript sind aufgeteilt ...
Jeder hat schon ein super cooles jQuery-Plugin im weiten, weiten Internet gesehen, oder? Vielleicht wurden Sie erst daran interessiert, mehr über jQuery und JavaScript zu erfahren, indem Sie ein jQuery-Plugin gefunden und versucht haben, es auf ...
Nachdem wir uns nun mit der *Verwendung* von jQuery-Plugins befasst haben, ist es absolut lohnenswert, auch zu verstehen, wie man sie erstellt. Wir haben bereits kurz erwähnt, dass man das native jQuery-Objekt erweitern kann, wenn man möchte. Genau wie: ...
Jetzt, da wir die Grundlagen der Plugin-Entwicklung verstehen, können wir tiefer graben. Da ein Plugin letztendlich eine Funktion ist, bietet es uns den nötigen Umfang zur Organisation. Erinnern Sie sich, als wir unser Haus in Ordnung gebracht haben, als ...
Wir werden in diesem Screencast zurück zu einem normalen Texteditor wechseln, so wie wir angefangen haben. In einer "realen" Situation sind diese Dinge wahr:
Sie haben es geschafft!
Vielen Dank, dass Sie den Kurs besucht haben. Ich hoffe, Sie haben so viel über jQuery und JavaScript gelernt, dass Ihr Selbstvertrauen darin gestiegen ist und Sie wissen, dass es nichts zu fürchten gibt.
Denken Sie daran, die jQuery ...
© .