Automatisierte Build-Tools und Bundler verändern die Webentwicklung grundlegend. Webpack 5 zum Beispiel ist ein Modul-Bundler, der die Bündelung von Assets, Modulen und Abhängigkeiten in einem einzigen Bundle unterstützt und es den Entwicklern ermöglicht, sich auf die Entwicklung zu konzentrieren. Der Automatisierungsprozess hilft dabei, Builds zu standardisieren, zu beschleunigen und manuelle Fehler zu minimieren. Anstatt von Online-Lösungen abhängig zu sein, können Sie mit Webpack 5 eigene Lösungen oder Boilerplates erstellen.es ermöglicht Ihnen, Codes in Modulen zu erstellen. Die anfängliche Konfiguration beginnt mit einem einzigen Modul. Anschließend werden alle seine Abhängigkeiten verarbeitet, die entweder direkt oder indirekt sein können. Die Webpack-Konfiguration hilft außerdem bei der Entscheidung, ob der Code für eine schnellere Ausführung komprimiert oder für eine bessere Fehlerverfolgung mit Source Maps gepackt werden soll. Im Produktionsmodus versucht Webpack sein Bestes, um den Build zu optimieren, indem es den Code automatisch verkleinert. Die besten Produktionspraktiken können implementiert werden, um die Leistung einer Website zu verbessern. Darüber hinaus können Sie verschiedene Webpack-Tools verwenden, um die Größe der Pakete zu reduzieren und sie mit Frontend-Frameworks für die Erstellung und Bereitstellung von Webanwendungen zu verwenden. Schließlich können Sie durch die Implementierung der besten Praktiken zur Optimierung von Webpack sicherstellen, dass Ihre Anwendungen optimiert sind und effizient funktionieren.

In der heutigen schnelllebigen Welt ist es von entscheidender Bedeutung, die Lade- und Reaktionszeiten so kurz wie möglich zu halten, denn je länger es dauert, bis eine Website reagiert, desto mehr Benutzer werden sie wieder verlassen. In diesem Kurs lernen Sie, wie Web-Optimierung das Benutzererlebnis von Ladezeit und Laufzeit misst und wahrnimmt. Sie lernen Tools, APIs und bewährte Verfahren zur Messung und Verbesserung der Web-Performance kennen. Sie erfahren, wie Sie mit JavaScript hochgradig interaktive Websites erstellen können, die die Benutzer begeistern. Auf der anderen Seite hat eine höhere Interaktivität ihren Preis, der sich negativ auf die Benutzerfreundlichkeit der Website auswirken kann. Um dieses Problem zu lösen, lernen Sie, wie Sie ein Testframework für automatisierte Tests einsetzen, um die Testgeschwindigkeit und -effizienz zu erhöhen, die Testgenauigkeit zu verbessern und die Kosten und Risiken der Testwartung zu reduzieren. Mocha und Jasmine sind zwei Open-Source-Test-Frameworks, die Sie in diesem Modul kennenlernen werden. Außerdem lernen Sie, wie Front-End-Tests die grafische Benutzeroberfläche (GUI) einer Website erstellen, damit Benutzer die Website oder Webanwendung anzeigen und mit ihr interagieren können.

Das Debugging ist ein wesentlicher Bestandteil des Softwareentwicklungsprozesses. Bugs in Softwareanwendungen werden in der Regel durch ein unbeabsichtigtes oder unerwartetes Ereignis verursacht und müssen beseitigt werden. Da Software auch nach sorgfältiger Planung und defensiver Programmierung noch Fehler enthalten kann, lernen Sie in diesem Kurs die verschiedenen Strategien kennen, die zur Lokalisierung des Fehlers eingesetzt werden können. Sie werden entdecken, dass Browser heute eine Vielzahl von Add-ons oder Erweiterungen enthalten, die für das Debugging und andere Aufgaben der Webentwicklung verwendet werden können. Sie lernen, wie Sie ein Debugging-Tool verwenden können, um ein Programm zu debuggen, ohne es neu zu kompilieren oder den Quellcode zu ändern. Sie werden auch wissen, wie Google Chrome DevTools es Entwicklern ermöglicht, Code direkt im Browser zu bearbeiten, Haltepunkte zu setzen, um Probleme zu erkennen und Code schnell zu debuggen. Schließlich werden Sie verstehen, wie die Website-Überwachung die Funktionalität, Leistung oder Verfügbarkeit einer Website bewertet und wie Überwachungs-Tools Routinetests durchführen und Benachrichtigungen senden, wenn eine Website nicht verfügbar ist, so dass Probleme leichter erkannt und behoben werden können.