QA Guide to Web Application Testing for Beginners

Explore HTML, hypertext markup language, and how it uses elements, tags, attributes, and metadata to structure web pages; learn to inspect pages in a browser to view body and head.

Learn to use Visual Studio Code for web development, install essential extensions like Open in browsers and Path Intellisense, and work in folders with HTML, CSS, and JavaScript basics.

Explore the basic html structure: create index.html as the main page, use doctype, html, head, and body tags, and distinguish opening and closing tags from tags that don’t require closing.

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.

Learn how HTML attributes provide additional information for elements, placed in the opening tag, with the style attribute enabling inline styling and attributes used by links and images.

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.

Learn two methods to add images: external urls and locally stored files, using alt text for accessibility, and manage paths, resizing, and broken links.

Compare absolute and relative paths for web resources. Use relative paths with dot slash or dot dot slash to keep links working across folders and servers.

Learn to create hyperlinks with the a tag and href, link text or images, control navigation in the same window or a new tab, and verify destinations by hovering.

Learn to create lists in HTML, using ordered lists (ol) with numbering and unordered lists (ul) with bullets, and populate items with li elements.

Learn to create HTML tables with the table tag, using header rows with th cells for first name, last name, and color, and data rows with td cells.

Create a simple HTML website as your first project, replicating the favorite city page with titles, text, images, bullets, numbers, and a table.

Create a favorite city webpage using html structure with headings, an image, paragraphs, an ordered list, links that open in new tabs, and a basic demographics table.

Learn how style colors text sizes and fonts shape web pages using three methods: internal style sheets, inline styles, and external CSS, with practical examples of selectors and defaults.

Understand cascading style sheets, link a single style sheet to multiple HTML pages, and use comments to annotate or disable code across pages.

Explore CSS structure, syntax, and selectors, learn how to target tags, IDs, and classes, and apply properties like font size and color with proper formatting.

Explore font sizing with px and em, experiment with font families like Times New Roman and Arial, and use fallbacks and font weight to control appearance and rendering.

Learn practical color techniques for web pages, using text color and background color with named colors, rgb values, and hex codes, and preview results in your editor.

Learn to set border size, style, and color to wrap a border around an element, using solid or dotted styles and color codes like black, blue, or orange.

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.

Learn to adjust the width and height of elements and containers, and explore CSS positioning. Use selectors to center text in specific elements, like centering a single paragraph.

Build a lost dog poster with CSS to apply course concepts. Learn to center content and use positioning, then check the solution in the next lesson.

Build a styled lost dog webpage by structuring HTML with outer and inner containers, applying CSS borders, centering text and images, and refining layout in Visual Studio Code.

Explore JavaScript, the language of the web, and learn how it powers web sites and web applications, with a quick overview of what you can do and its subsets.

Open your browser and access the console to write and run JavaScript commands. Use console.log to display messages like hello world, and learn to clear the console or try alternatives.

Learn core data types: strings, numbers, and booleans, and how to declare and assign variables with the var keyword. Explore string concatenation with plus and basic value updates through assignment.

Learn how arithmetic operators and assignment work with the equal sign, then explore comparison operators, equality checks, and type-sensitive triple equals along with logical operators like || and &&.

Explore how if statements embody conditionals, evaluating a true or false expression to run specific code. Understand else and else if branches to handle alternative outcomes.

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.

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.

Learn how functions reduce repetition by encapsulating code, pass parameters to customize output, and decide when a function is preferable to a one-liner for reusable logic.

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.

Perform a coding exercise that prints Chessie for numbers divisible by 3, James for those divisible by 5, Team Rocket for both, otherwise print the number using modulo.

Demonstrates a 1–100 loop with if-else checks for divisibility by 3 and 5, printing Jessie, James, or Team Rocket, and discusses code structure and Hizbullah's.

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.

Discover common test case management tools, including TestRail, test lengths, HP ALM, and Q8 touch, and how teams select workflows. Explore pricing and a free version of Q8 touch.

Set up the qa touch test case management tool, register, and explore creating projects and releases, adding test cases and issues within the free tier.

organize and write test cases for the math webpage 0.1 by creating modules and submodules, drafting shell test cases, and validating page loads, titles, headings, and markup.

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.

Create and update functional test cases for the math webpage, detailing steps, preconditions, and expected results, and verify the page loads and the random problem button generates new problems correctly.

Create and refine test cases for the math 0.2 web page, including submodules and acceptance criteria, validating page loads without errors and correct addition through text fields and a button.

Write test cases for two numeric text fields to ensure only numbers are accepted, handling non-numeric input, spaces, and special characters, with errors or disabled submit when invalid.

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.

Organize and write reusable test cases for a math webpage 1.0 using q8 touch, structuring tests by modules, subfolders, and text fields to streamline web application testing.

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.

Learn the bug lifecycle from identification to closure, including reproducing bugs, logging in the tracking system, prioritizing, developers fixing, retesting, and final verification.

Learn how to distinguish bug priority and severity in web app testing. Compare showstopper to high, medium, and low priorities, and critical to trivial severities, with practical examples.

Fill out a bug report by entering a concise summary, status, severity, and browser environment, then detail steps to reproduce with expected and actual results, and attach screenshots.

Use Greenshot, a free Windows screenshot tool, to capture a window or region. Copy to clipboard, edit with the image editor, and save annotated bug images for QA reports.

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.

Learn how exploratory testing lets you explore a site without fixed test cases, uncovering usability and functionality issues through hands-on interaction and spontaneous bug discovery.

Determine with your team which browsers to support and test Chrome, Safari, Firefox, Opera, and Internet Explorer/Edge for cross-browser bugs.

Create a test run to snapshot selected test cases for a release, assign ownership, and mark results as passed, failed, or retest, building a traceable testing history.

Perform a version 1 test run of Math Webpage 0.1, log five bugs and four passes, capture evidence with screenshots, and prepare for a version 2 retest.

Execute a second test run on math 0.1 version 2 to verify fixes, confirm the page matches the mockup, and document results.

Execute a comprehensive test run for math webpage 0.2, verify addition functionality, identify and prioritize textfield input bugs, and rerun tests on version 2 after fixes.

Create and execute a comprehensive test plan for the math 1.0 web page, identify and verify bugs across version 1 and version 2, and test addition, subtraction, multiplication, and division.

Execute a focused test run for math web page 1.0, validating test cases for addition, subtraction, division, and multiplication, and document bugs and ad hoc findings for beginners.

Understand what a quality assurance engineer does, testing applications and serving as the user's perspective expert to bridge developers and business.

Learn how to test web apps across environments: local for quick bug checks, then development, staging (qa), and production to reflect real-world usage.

Outline a test plan as a high level document that acts as a contract, detailing what will be tested, the testing approach, and the feature description with required resources.

Discover unit testing, integration testing, functional testing, acceptance testing, end-to-end testing, performance testing, smoke testing, regression testing, and automated testing, with notes on overlaps and scope.

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.

Test across a wide range of browsers, devices, and operating systems to ensure your web application works everywhere; prioritize supported configurations and adapt to framework constraints.