Vue.js Testen und Debuggen

Target Groups:

Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und die sich im Thema: Vue.js Testen und Debuggen weiterbilden wollen.

Professional Requirements:

Keine besonderen Anforderungen.

Technical Requirements:

Keine besonderen Anforderungen.

Classification of the Federal Employment Agency:

keine Angaben

Contents

Mit Vue.js lassen sich erstaunliche Web-Frontend-Oberflächen erstellen, aber wie stellen Sie sicher, dass sie auch wirklich funktionieren?


Mit Jest, ESLint und Browser-Entwicklungstools können Sie unter die Haube schauen und sehen, wie gut Ihre Schnittstelle wirklich funktioniert. Verstehen Sie die Vorteile von gut getestetem Code und lernen Sie, wie Sie Ihre Testwerkzeuge einrichten.

Sie werden alles lernen, was Sie brauchen, um mit Unit-Tests zu beginnen, einschließlich dem Testen von Strings mit Matchern, dem Organisieren von Tests, dem Testen von asynchronem Code und mehr.

Erfahren Sie, wie Sie Vue.js-Komponenten testen und wie Sie Chrome DevTools und Vue.js Devtools zum Debuggen Ihrer Anwendung einsetzen. Außerdem werden Sie kennenlernen, wie funktionale und automatisierte Tests in Cypress und CircleCI durchgeführt werden.

Einführung in das Testen von Vue.js
- Testen von Vue.js-Anwendungen
- Warum Sie testen müssen

Einrichten von Testwerkzeugen
- Was macht ein Test-Toolkit aus?
- Erste Schritte mit Jest
- Syntaxfehlerprüfung mit ESLint

Unit-Tests für Vue.js
- Installieren und Ausführen von Jest
- Testen von Strings mit Matchern
- Testen von numerischen Werten
- Testen von Objekten und Arrays
- Organisieren von Tests
- Testen von asynchronem Code
- Analysieren der Testabdeckung

Testen von Vue.js-Komponenten
- Komponenten mit Render montieren
- Zugriff auf Elemente innerhalb einer Komponente
- Auslösen von Ereignissen auf Komponenten

Debugging mit Vue- und Chrome- Developer Tools
- Fehlersuche mit Chrome DevTools
- Vue Devtools einrichten
- Fehlersuche mit Vue Devtools
- Verfolgen und Debuggen von Zuständen
- Ausführen eines Performance-Audits

Funktionale und automatisierte Tests für Vue.js
- Einführung in Cypress
- Ausführen eines einfachen End-to-End-Tests mit Cypress
- Automatisiertes Testen mit CircleCI


Testen hilft, stabile und zuverlässige Anwendungen zu entwickeln. Entgegen der allgemeinen Auffassung machen Tests durchaus Spaß beim Schreiben und Ausführen. Sie werden lernen, wie Sie Ihre funktionalen Tests für sich wiederholende Regressionstests automatisieren und Tests zu Ihren kontinuierlichen Integrations- und Bereitstellungspipelines hinzufügen können, um zu verhindern, dass Fehler in Ihren Produktionscode gelangen. Lernen Sie bewährte Verfahren des Testen aus der Praxis kennen, um dadurch frustrierende Fehler zu vermeiden.


Die Weiterbildung "Vue.js Testen und Debuggen" bieten wir Ihnen als Coaching, Workshop, Training - Live-Online und Vor-Ort an.