Css Selector & Xpath Masterclass

Master All The Techniques To Select Web Elements With CSS Selectors & XPath

What you'll learn

Select web elements using CSS Tag name/Type, Class, Id and Attribute-Value selectors.

Write XPath Expressions to select web elements based on their structure and tag name

Use CSS Operators like Starts-with, Ends-with and Contains to select attribute values dynamically.

Select web elements using XPath Attribute-Value selectors

Select web elements using CSS Parent, Child, Descendant & Sibling selectors.

Build XPath Conditions using different operators to create logical selectors

Use Special CSS selectors like not( ), nth-child( ), etc. to create efficient selectors.

Use XPath Functions to query attribute values (starts-with( ), contains( ), etc. a specific value), select innerText, and use value processor functions.

Requirements

HTML & CSS Basics

Description

This course is all about selecting web elements with CSS Selectors & XPath!When learning about the basic CSS Selectors or XPath, we know about the tag name selectors, class selectors, id selectors, and that's it. Most web elements can be selected using the selectors mentioned before, but there is always a demand for more in a real-world project. A better way to do the task, i.e. select web elements.So it's time you up your game of web element selection and learn about the cool selectors you've never heard of. Whether you want to use CSS Selectors, XPath, or both, after taking this course, you'll write selectors which are accurate, concise, and easy to understand!As I mentioned at the top, this course is all about SELECTORS! Here's an overview of what we will cover,CSS SelectorsTagname/TypeClass & IdAttribute-ValueHierarchy (Parent, Sibling & Child)starts-with Operatorends-with Operatorcontains Operatornot Functionfirst-child, last-child, or only-childnth-child or Element PositionPseudo ElementsElement StatesXPathAbsolute & Relative PathTagname/TypePosition or IndexAttribute-Valuestarts-with( ) Functioncontains( ) FunctionMathematical OperatorsConditional OperatorsAxes ( ancestor, parent, sibling, child, or descendant )Element PositionChild Element CountProcessor Function ( like round( ), translate( ), etc.)To show the full potential of each selector, it is introduced with a use case in a real-world example so that everything fits into your mind. You'll be able to decide which selector to use in your projects.Now whether you build web scrapers to scrape data from websites, are a front-end developer looking to master CSS Selectors, or use web automation/testing frameworks, if you're selecting web elements from websites either using CSS, XPath, or both - you should take this course to take your web selection to the next level!

Overview

Section 1: CSS Selectors

Lecture 1 CSS Selectors

Lecture 2 Tagname Selectors

Lecture 3 Selecting two or more elements

Section 2: Class & Id Selectors

Lecture 4 Selecting Elements by class

Lecture 5 Selecting two or more classes

Lecture 6 Tagname with classes

Lecture 7 Id Selectors

Section 3: Hierarchy

Lecture 8 Descendants

Lecture 9 Direct Children

Lecture 10 Following Siblings

Lecture 11 Next Sibling

Section 4: Attributes

Lecture 12 Element Attributes

Lecture 13 Attributes Value Starts-with and Ends-with

Lecture 14 Attributes Value Contains

Lecture 15 not( ) function

Section 5: Position

Lecture 16 First and Last Child

Lecture 17 nth-child( )

Lecture 18 nth-child( ) Patterns

Lecture 19 only-child Selector

Section 6: States & Pseudo Elements

Lecture 20 Elements states

Lecture 21 input States

Lecture 22 Visited Links

Lecture 23 Pseudo Elements

Section 7: XPath Selectors

Lecture 24 XPath

Lecture 25 Chrome Dev Tools (Testing XPath)

Lecture 26 Absolute and Relative Paths

Lecture 27 Tagname Selectors

Lecture 28 Element Position

Section 8: Attributes

Lecture 29 Element attributes

Lecture 30 text( )

Lecture 31 starts-with( )

Lecture 32 contains( )

Section 9: XPath Operators

Lecture 33 Mathematical operators

Lecture 34 Conditional Operators

Lecture 35 Joining Conditions

Lecture 36 Joining Expressions

Section 10: Parent-Child Selectors

Lecture 37 Child and Descendants

Lecture 38 Parent and Ancestors

Lecture 39 Following elements

Lecture 40 Preceding Siblings

Section 11: XPath Functions

Lecture 41 position( )

Lecture 42 count( )

Lecture 43 Mathematical functions

Lecture 44 normalize-space( )

Lecture 45 string-length( )

Lecture 46 substring-after( ) and substring-before( )

Lecture 47 translate( )

Lecture 48 Bonus Lecture

Developers who are looking to Master CSS Selectors/XPath for Web Scraping,People working with Web Automation/Testing frameworks like Selenium,Front-end developers who wants to Master CSS selectors