About the course
This intensive course is designed to take you from foundational concepts to advanced automation skills using Playwright. Perfect for QA professionals and developers looking to build robust, scalable test automation, the course covers essential topics such as setup, script development, browser interactions, and multi-browser testing.
-
HTML and CSS intro
-
Java Script
-
Git and GitHub
-
TypeScript fundamentals
-
Playwright automation
-
Please note: the learning materials, examples, assignments are in English, the course instruction is provided in Russian
-
Prerequisites: Intermediate English, Manual QA methodologies and tools knowledge
-
Upon successful completion of the course participants will receive a verified digital diploma.
Curriculum
-
1
Intro
-
About the course
-
-
2
HTML and CSS
-
HTML Intro
-
One picture instead of many words
-
Visual Studio Code (VCS) Installation
-
Visual Studio Code Intro
-
HTML Elements and Tags
-
Preview of HTML website
-
Working with Texts
-
Create a List
-
HTML Attributes and Hyperlinks
-
Working with Images
-
Assignment
-
Assignment Solution
-
Forms and Inputs
-
Radio Buttons
-
Checkboxes and Buttons
-
Dropdown Lists
-
CSS Intro
-
Adding CSS to Web Page
-
CSS Selectors
-
Code examples from the lesson
-
HTML and CSS quiz
-
-
3
JavaScript Basics
-
Intro and Installation
-
First JS program
-
Variables
-
Functions
-
Naming conventions
-
First Assignment
-
Assignment Solution
-
Arrays
-
Objects
-
Objects Methods
-
Second Assignment
-
Assignment Solution
-
If-Else Statements
-
For Loops
-
For In loops
-
Debug Mode
-
The code from the lesson
-
JavaScript quiz
-
Semicolons in JavaScript: To Use or Not to Use?
-
-
4
Working with VCS: Git and GitHub
-
Git intro
-
What is Version Control System
-
Main Functionality of Git
-
Example of the Team Work
-
Git and GitHub setup
-
Global Config
-
Windows users - how to add git to System variables
-
First Commit and Push
-
Pull and Conflicts
-
Git Clone
-
Pull Requests
-
Checkout and new branches
-
GitHub project Configurations
-
Commands List
-
Bonus: Using Git from Terminal
-
Git Ignore
-
Git Presentation
-
Git command line cheat sheet
-
Git quiz
-
-
5
TypeScript Introduction
-
TypeScript Intro
-
TypeScript vs JavaScript
-
Why TypeScript?
-
Installation
-
Installation (text)
-
Basic Types
-
Type Annotation
-
Assignment 1
-
Assignment 1 Solution
-
Arrays
-
Any and Unknown types
-
User Defined Types
-
Nested/Composite Types
-
Custom types assignment
-
Custom Types assignment solution
-
Quiz
-
-
6
TypeScript Object Oriented Programming
-
Functions in TypeScript vs JavaScript
-
Functions with return
-
Functions with Union types
-
Optional and Default parameters
-
Functions Assignment
-
Functions Assignment solution
-
TypeScript functions Quiz
-
Classes and Objects
-
Dynamic Objects
-
Nested Objects
-
Inheritance in TypeScript
-
Encapsulation in TypeScript
-
OOP Assignment
-
OOP Assignment Solution
-
-
7
Playwright Basics
-
About Playwright
-
Main Features
-
Advantages
-
Ecosystem
-
Playwright Installation
-
Installation (text)
-
Tests run
-
Browser, Context, Page
-
First Test
-
Find Element
-
Assignment1
-
Assignment1 solution
-
-
8
Playwright Interaction with page elements
-
Before and After test
-
Text Elements
-
Input Fields
-
Dropdowns
-
Checkboxes
-
Assignment2
-
Assignment2 Solution
-
-
9
Advanced Playwright Functionality
-
Range Elements
-
Tables
-
Drag and Drop Elements
-
Test CSS
-
File Uploads
-
Assignment3
-
Test Generation and Assignment3 solution
-
Timeouts
-
Playwright Configuration
-
-
10
Playwright Page Object Model
-
Creation of Page Object
-
Usage of Page Object in the test
-
Page elements and actions
-
Validations
-
Assignment4
-
Assignment4 solution
-
Command Line Execution of Playwright Tests
-
Final Project: Playwright POM Extension and Quest Page Testing
-