HTML Terminology | Bondar Academy
Course: Playwright UI Testing with TypeScript
Module: Locators and Assertions
Instructor: Artem Bondar
Lesson Summary
Welcome to the module on Fundamentals of web application development. In this lesson, we will explore how to effectively utilize AI agents in coding, where approximately 80% of code is generated by AI, leaving 20% for developers to make critical architectural decisions. Understanding HTML and the DOM We will start with the basics of HTML and its structure, which is essential for creating effective selectors in test automation. You don't need to write HTML code, but understanding its design is crucial. Key Concepts: DOM (Document Object Model) : A tree-like representation of the HTML page. HTML Tags : Each HTML document starts with the <html> tag, containing <head> and <body> sections. Nodes : Each tag is a node, which can have attributes like ID (unique) and class (can have multiple values). HTML Structure: HTML elements consist of: Tag Name : Enclosed in angle braces, e.g., <input> . Attributes : Provide additional information, e.g., class and id . Visible Text : The text displayed on the web page, found between the opening and closing tags. Node Relationships: Parent Elements : Nodes that contain other nodes. Child Elements : Nodes contained within other nodes. Sibling Elements : Nodes that share the same parent. Understanding these fundamentals is crucial for effective test automation and will be built upon in future lessons. See you in the next lesson!