Beginner Full Program: Manual Testing + Web Test Automation (with JS/TS/HTML/CSS)
|
Phase |
Topics |
|
|
Total hours |
|
Phase 1 |
Manual Testing Fundamentals |
|
|
20 hours |
|
Phase 2 |
HTML/CSS + JavaScript/TypeScript Basics / Git |
|
|
20 hours |
|
Phase 3 |
Web Test Automation with Playwright (Projects) |
|
|
24 hours |
Summary:
- Total Duration: 12 weeks
- Total Hours: ~64 hours
- Goal:
✅ Understand Manual Testing concepts
✅ Write clean HTML/CSS locators
✅ Code tests with JS/TS
✅ Build Playwright test automation projects
Detailed Plan (Updated)
Phase 1: Manual Testing Fundamentals (20 hours)
(same as before)
- Test cases
- Bug lifecycle
- Test design techniques
- Test execution/reporting
Phase 2: HTML/CSS + JavaScript/TypeScript Basics (20 hours)
|
Week |
Topics |
Activities |
|
5 |
Basic HTML Structure: tags, forms, buttons, input fields |
Build a simple webpage (login form) |
|
6 |
CSS Selectors: id, class, attributes, basic styling |
Style your login page |
|
7 |
JavaScript Basics: Variables, Conditions, Loops, Functions, Events |
Add JS validation to the form |
|
8 |
TypeScript Basics: Types, Interfaces, Simple Functions |
Rewrite JS code into TS |
✅ Deliverables:
- Write manual test cases for a coprehensive web sites
- Automate the manual test cases
- Deploy on Jenkins
Note:
- Playwright supports both JavaScript and TypeScript, but TypeScript offers better code completion and error detection.
- Jenkins is used for CI/CD integration to run automated tests in a pipeline.
Anfänger-Komplettprogramm: Manuelles Testen + Web-Testautomatisierung (mit JS/TS/HTML/CSS)
|
Phase |
Themen |
Gesamtstunden |
|
Phase 1 |
Grundlagen des manuellen Testens |
20 Stunden |
|
Phase 2 |
Grundlagen von HTML/CSS + JavaScript/TypeScript / Git |
20 Stunden |
|
Phase 3 |
Web-Testautomatisierung mit Playwright (Projekte) |
24 Stunden |
🔥 Zusammenfassung:
- Gesamtdauer: 12 Wochen
- Gesamtstunden: ca. 64 Stunden
- Ziel:
✅ Manuelle Testkonzepte verstehen
✅ Saubere HTML/CSS-Selektoren schreiben
✅ Tests mit JavaScript/TypeScript erstellen
✅ Playwright-Testautomatisierungsprojekte aufbauen
🛠 Ausführlicher Plan (aktualisiert)
Phase 1: Grundlagen des manuellen Testens (20 Stunden)
(wie zuvor)
- Testfälle schreiben
- Fehlerlebenszyklus (Bug Lifecycle)
- Testdesign-Techniken
- Testdurchführung und Reporting
Phase 2: Grundlagen von HTML/CSS + JavaScript/TypeScript (20 Stunden)
|
Woche |
Themen |
Aktivitäten |
|
5 |
Grundstruktur von HTML: Tags, Formulare, Buttons, Eingabefelder |
Erstelle eine einfache Webseite (Login-Formular) |
|
6 |
CSS-Selektoren: ID, Klassen, Attribute, grundlegendes Styling |
Style dein Login-Formular |
|
7 |
JavaScript-Grundlagen: Variablen, Bedingungen, Schleifen, Funktionen, Events |
Füge Formularvalidierung mit JavaScript hinzu |
|
8 |
TypeScript-Grundlagen: Typen, Interfaces, einfache Funktionen |
Schreibe deinen JavaScript-Code in TypeScript um |
✅ Ergebnisse (Deliverables):
- Manuelle Testfälle für eine umfassende Website schreiben
- Die manuellen Testfälle automatisieren
- Deployment der Testausführung über Jenkins
📌 Anmerkung:
- Playwright unterstützt sowohl JavaScript als auch TypeScript, aber TypeScript bietet bessere Code-Vervollständigung und Fehlererkennung.
- Jenkins wird für CI/CD-Integration eingesetzt, um automatisierte Tests in einer Pipeline laufen zu lassen.
