🌐 Локаторы для web элементов

В этом плей-листе собраны 12 уроков с пошаговым объяснением, что такое лакаторы для web elements, как использовать Elements tab в DevTools для написания локаторов. Мы вместе напишем x-path & css-selectors для web элементов сайта Walmart.

Суммарно около 5 часов видео

▫️Урок #1. Локаторы словами, которые поймет ребенок
▫️Урок #2. DevTools + что такое tag и атрибут элемента
▫️Урок #3. Чем отличается абсолютный Xpath от относительного (Absolute vs Relative XPath)?
▫️Урок #4. Как составлять XPath по tag name & attribute value и по тексту элемента
▫️Урок #5 Как составлять XPath, используя contains(), движение по дереву и применение 2ух условий
▫️Урок #6 Как составлять XPath, используя sibling & ancestor
▫️Урок #7 Как написать css-selector, используя tag & attribute value, по id и по class name элемента
▫️Урок #8 Как составлять css-selectors, когда атрибут содержит заданное значение
▫️Урок #9 Движение по дереву для css selectors. Использование функции отрицания not()
▫️Урок #10 CSS-selectors: Работа с потомками. :nth-child(n)
▫️Урок #11 CSS-selectors: Почему :nth-child(n) НЕ работает, как индексация
▫️Урок #12 CSS-selectors: Функция :has() и работа с потомками (siblings)

Ссылка на 🌐 плейлист