JavaScript Tutorials

In diesem Lab lernen Sie die Grundlagen von JavaScript-Operatoren und -Ausdrücken kennen, einschließlich arithmetischer Operationen, String-Verkettung und Inkrement-Operatoren.

In diesem Projekt wirst du lernen, wie du eine Wettervorhersageanwendung erstellst, die die wöchentlichen Wetterinformationen für einen bestimmten Standort anzeigt. Das Projekt umfasst das Abrufen von Wetterdaten von einer API, das Analysieren der Antwort und das dynamische Aktualisieren der HTML-Elemente, um die Wettervorhersage dem Benutzer darzustellen.

Das http-Modul ist das offizielle Node.js-Modul zum Erstellen eines Webservers, das es Front-End-Entwicklern ermöglicht, schnell mit der Serverseitig-Entwicklung zu beginnen. Lassen Sie uns eine Anwendung mit diesem Modul erstellen.

In diesem Projekt wirst du lernen, wie du eine einfache Anzeige/Versteck-Funktionalität mit React erstellst. Du wirst einen Button implementieren, der die Sichtbarkeit eines Bildes auf der Seite umschaltet.

In diesem Projekt wirst du lernen, wie du Navigationsfunktionen in einer React-Anwendung implementierst. Du wirst eine einfache Anwendung mit einer Navigationsleiste und Seiten erstellen, zu denen über Links navigiert werden kann.

In diesem Projekt lernen Sie, wie Sie mit React eine persönliche Visitenkarte erstellen können. Das Projekt beinhaltet das Erstellen einer responsiven und interaktiven Webanwendung, die es Benutzern ermöglicht, ihre persönlichen Informationen einzugeben und eine maßgeschneiderte Visitenkarte zu generieren.

In diesem Projekt werden wir eine einfache Notizen-App mit React erstellen. Die App wird Benutzern ermöglichen, Notizen hinzuzufügen, zu bearbeiten und zu löschen. Wir werden die Entwicklung in mehrere Schritte untergliedern, um sicherzustellen, dass jeder Schritt bestimmte Anforderungen erfüllt und essentielle Funktionalität hinzufügt.

In diesem Projekt wirst du lernen, wie du eine Farbfilteranwendung mit React aufbaust. Die Anwendung wird Benutzern ermöglichen, eine Liste von Farben nach dem Namen der Farbe zu filtern, nach der sie suchen. Dieses Projekt hilft dir zu verstehen, wie du mit Zustandsverwaltung, Ereignisbehandlung und bedingtem Rendern in React umgehst.

In diesem Projekt wirst du lernen, wie du einen benutzerdefinierten React-Hook namens useWindowSize erstellen kannst, um die aktuelle Fenstergröße zu erhalten und sie zur bedingten Darstellung der Navigationsleiste in einer Webanwendung zu verwenden.

Dieses Projekt führt Sie durch den Prozess der Bereitstellung eines vorab trainierten MobileNetV2-Modells mit TensorFlow.js in einer Flask-Webanwendung. MobileNetV2 ist ein leichter Deep-Neural-Netzwerk, das hauptsächlich zur Bildklassifizierung verwendet wird. TensorFlow.js ermöglicht das direkte Ausführen von Machine-Learning-Modellen im Browser, was interaktive Webanwendungen ermöglicht. Flask, ein Python-Webframework, wird als Backend dienen, um unsere Anwendung zu hosten. Am Ende dieses Projekts werden Sie eine funktionierende Webanwendung haben, die Bilder im Echtzeit mit dem MobileNetV2-Modell klassifiziert.

In diesem Projekt lernen Sie, wie Sie eine virtuelle Scrollliste mit Vue.js implementieren. Virtuelles Scrollen ist eine Technik, die nur den sichtbaren Bereich eines großen Datensatzes rendert, anstatt die Daten im nicht sichtbaren Bereich vollständig oder teilweise zu rendern. Dies ermöglicht eine extrem hohe Renderleistung und eignet sich für die Darstellung einer großen Anzahl von Daten mit geringem Speicherbedarf.

In diesem Projekt wirst du lernen, wie du ein Zeitumrechnungstool mit Vue.js erstellen kannst. Dieses Tool ermöglicht es dir, zwischen Daten und Zeitstempeln umzurechnen, was in vielen Geschäftsanwendungen ein häufiges Anforderung ist.

In diesem Projekt wirst du lernen, wie du eine einfache Vue.js-Anwendung erstellst, die Benutzern ermöglicht, den Geschäftsstatus eines Ladens zwischen 'geöffnet' und 'geschlossen' umzuschalten. Die Anwendung wird den aktuellen Status des Ladens und das entsprechende Bild basierend auf dem Status anzeigen. Benutzer können auf einen Schaltknopf klicken, um den Geschäftsstatus des Ladens umzuschalten.

In diesem Projekt wirst du lernen, wie du mithilfe von Vue.js einen flexiblen Skeleton-Screen-Komponenten erstellst. Ein Skeleton Screen ist ein UI-Muster, das eine vereinfachte Version der Benutzeroberfläche vor dem Laden des tatsächlichen Inhalts anzeigt und im Vergleich zu traditionellen Ladeindikatoren eine bessere Benutzererfahrung bietet.

In diesem Projekt wirst du lernen, wie du eine Einkaufswagenfunktionalität mit Vue.js 2.x aufbaust. Der Einkaufswagen ist ein essentieller Bestandteil von E-Commerce-Websites und ermöglicht es Benutzern, ihre ausgewählten Produkte vor dem Kauf zu verwalten.

In diesem Projekt lernen Sie, wie Sie ein Problem in der vue-router v3.4.0 Version beheben, bei dem unbestimmte Werte in Router-Abfragen jetzt zu unbestimmten Zeichenketten geändert werden. Sie werden dieses Problem beheben, indem Sie die resolveQuery-Funktion in der query.js-Datei der vue-router-Bibliothek ändern.

In diesem Projekt lernst du, wie du einen Fehler in der Vue Router v2.5.2 beheben kannst, bei dem die beforeRouteUpdate next()-Funktion zu früh ausgelöst wird, wenn eine Route bei einer 'aus-ein'-Transition erneut besucht wird.

In diesem Projekt wirst du lernen, wie du einen Fehler in der vue-router-Bibliothek beheben kannst, der Probleme verursacht, wenn ein Objekt an den Query-Parameter übergeben wird. Dieses Projekt führt dich durch die notwendigen Schritte, um die problematische Datei zu finden, den Fehler zu identifizieren und eine Lösung zur Behebung des Fehlers umzusetzen.