QA Guide to Web Application Testing for Beginners

Learn software testing for web applications and improve the quality of your team's software

Created byGlitch IT System

Last updated 4/2026

English

What you'll learn

You will be able to write test cases using the QA Touch Test Case Management tool
You will be able to write clear and accurate bugs/defects for web applications
You will be able to build a simple website from scratch using HTML, CSS, and javaScript
You will be better prepared for an interview as a Quality Assurance Engineer
You will be able to help your team/organization to build better quality web applications

Course content

8 sections • 77 lectures • 6h 53m total length

Introduction2:54
Learn the fundamentals of web application testing for beginners, including creating test cases and test plans, and gain a practical understanding of HTML, CSS, and JavaScript.
How to get help3:15
How Web Applications work & scope of this course3:05
Learn a high level view of how web applications work, focusing on the client–server relationship between the client and web server in this introductory course.

What is HTML?3:07
Code Editor - Visual Studio Code6:40
HTML Structure6:23
HTML Elements0:59
Learn how HTML elements are defined by an opening tag, content, and a closing tag, and how self-closing tags omit a separate closing tag.
HTML Attributes1:32
Text6:51
Learn how to structure text on a webpage using paragraphs, headings (h1, h2, h3), line breaks, and horizontal rules, with lorem ipsum as placeholder content.
Images8:21
Absolute and Relative Paths5:17
Links7:21
Lists3:40
Tables3:12
HTML Section: Files0:01
PROJECT - Build a Favorite City webpage0:59
PROJECT SOLUTION - Build a Favorite City webpage13:10
HTML Project: Files0:02
Additional Course Resources0:12

Methods for adding style7:34
What is CSS?4:31
CSS Structure, Syntax, and Selectors7:33
Font9:43
Colors3:22
Borders2:51
Margins and Padding3:51
Learn how the box model works, including divs, borders, padding, and margins, and see how padding adds internal space and margins add external space around content.
Width, Height, and Position2:34
CSS Section: Files
PROJECT - CSS - Build a Lost Dog webpage0:41
PROJECT SOLUTION - CSS - Build a Lost Dog webpage10:36
CSS Project: Files0:01

What is JavaScript?0:35
The Console2:13
Data Types and Variables9:35
Operators3:02
If Statements5:30
While Loops4:34
Explore while loops in this lesson, learning how to repeat actions until a condition is met, avoid infinite loops, and increment counters to print numbers from 0 to 9.
For Loops1:50
Explore the for loop syntax, including initialization, a condition, and an increment, and compare its execution order to a while loop using console logs from 0 to 9.
Functions3:15
Bring our site to life with JavaScript2:23
Learn how JavaScript can bring a web page to life by editing content and triggering actions, using getElementById to target an element and set its text.
javaScript Section: Files
CODING EXERCISE - Jessie James1:47
CODING EXERCISE SOLUTION - Jessie James6:29
javaScript Exercise Files

What is a test case?6:20
Learn how to write precise test cases for web applications by detailing a clear title, step-by-step execution, expected behavior, data requirements, and configuration for effective test case management.
Test Case Management Tools Overview1:30
Update on QA Touch0:07
Test Case Management Tool - QA Touch4:11
Updated Link for Math Test Pages0:03
Write test cases for Math Webpage 0.1 - Part 19:06
Walkthrough of a test case in QA Touch3:52
Explore how to create and manage test cases in QA Touch, choosing between steps and text methods, defining pre-conditions, test data, and expected results for effective web app testing.
Write test cases for Math Webpage 0.1 - Part 214:58
Write test cases for Math Webpage 0.2 - Part 113:56
Write test cases for Math Webpage 0.2 - Part 217:41
EXERCISE: Write test cases for Math Webpage 1.01:01
Practice creating comprehensive test cases from provided mockups and acceptance criteria for a math webpage, exploring dynamic UI behavior as you select addition, subtraction, multiplication, or division.
EXERCISE SOLUTION: Write test cases for Math Webpage 1.03:02

What is a Bug?5:13
Identify and classify bugs as cosmetic, functional, or usability defects, understanding how branding, standard behavior, and user experience shape how issues are detected and fixed.
Bug workflow8:09
Bug severity and priority5:01
Bug Content4:21
Screen Capture Tool - Greenshot (Windows)3:40
Screen Capture Tool - Monosnap (Mac)2:00
Learn to install Monosnap on Mac, capture screen regions, annotate with shapes and text, and upload annotated screenshots to log and communicate bug details effectively.

What is a QA Engineer?4:47
Understand what a quality assurance engineer does, testing applications and serving as the user's perspective expert to bridge developers and business.
Testing Environments5:05
Learn how to test web apps across environments: local for quick bug checks, then development, staging (qa), and production to reflect real-world usage.
Test Plan3:49
Types of testing8:19
Software Development Lifecycle5:40
Learn the software development lifecycle, including plan, design, build, test, and maintain, and compare waterfall and agile approaches with two-week sprints and iterative delivery.
Web Browsers3:23

Requirements

Basic Computer Skills
PC or MAC computer
All software used in the course is available online for FREE. Note: QA Touch has changed to be a 30 day Free Trial.

Description

Application QA Engineers are in demand across the tech industry, and many professionals in this role reach six-figure salaries as they grow their skills. This course is designed to give you the full set of foundational abilities needed to land your first QA Engineer job. The focus is on practical skills, real tools, and hands-on experience. The content does not assume any prior knowledge. Every topic is introduced from the ground up, and you will work through guided examples that mirror real projects found in modern software teams.

Front-end website testing is a core skill for any new QA Engineer. You will learn how websites work at a technical level and how to evaluate them with a tester mindset. You will build a complete website using HTML, CSS, and JavaScript so that you understand the structure, layout, and logic behind the applications you will be testing. Concepts like DOM structure, CSS selectors, JavaScript events, and browser rendering will become familiar through simple examples and coding exercises included throughout the course.

You will also learn how to write clear and realistic test cases using QA Touch, a professional test case management system. We will cover how to capture expected behavior, document steps, organize test suites, and track progress. QA Touch will also be used to create and manage bugs. You will learn how to report issues with complete reproduction steps, detailed descriptions, and clean screenshots using tools available on both Windows and macOS.

The course finishes with hands-on UI testing sessions, walkthroughs of structured test runs, and a dedicated interview section that explains common QA topics you will be asked about when applying for your first role. The goal is to build the confidence and technical vocabulary needed to show employers you can contribute on day one.

Who this course is for:

People who want to add Quality Assurance practices to their web development team
People who want to learn the necessary skills to become a Quality Assurance professional testing web sites and web applications.
Teams and Organizations that want to improve the quality of their web applications

QA Guide to Web Application Testing for Beginners

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 9min

Learn the basics of HTML16 lectures • 1hr 8min

Learn the basics of CSS12 lectures • 53min

Learn the basics of JavaScript13 lectures • 41min

Writing Test Cases12 lectures • 1hr 16min

Writing Bugs6 lectures • 28min

Testing the User Interface9 lectures • 1hr 47min

Interview Topics6 lectures • 31min

Requirements

Description

Who this course is for: