Чему вы научитесь
- понимать, как устроена веб-страница и DOM-дерево;
- находить элементы через DevTools;
- читать HTML-разметку и понимать структуру страницы;
- различать основные и семантические теги;
- работать с веб-формами и атрибутами;
- понимать CSS и разбирать стили через DevTools;
- практиковаться на интересных интерактивных задачах
- находить причины визуальных багов в отступах, размерах и состояниях элементов;
- проверять адаптивность сайта в Device Mode;
- разбираться в локаторах и выбирать подходящие способы поиска элементов;
- использовать CSS-селекторы и XPath на практическом уровне;
- понимать, какие локаторы устойчивы, а какие ломаются при изменении верстки;
- увереннее работать с веб-интерфейсами в QA и смежных направлениях.
О курсе
Для кого этот курс
Начальные требования
Для прохождения курса не требуется глубоких технических знаний.
Желательно понимать, как работает браузер и веб-страница, а также уметь открывать сайт и пользоваться компьютером на базовом уровне.
Будет плюсом:
-
Если вы уже немного знакомы с DevTools, но это не обязательно — в курсе мы сами покажем, как его открыть, где что находится и как использовать его для проверки HTML, CSS и адаптива (но другие вкладки мы разбирать не будем)
Преподаватели курса
103
Как проходит обучение
Обучение построено по шагам: от основ HTML и CSS — к практике в DevTools, адаптиву и локаторам.
Каждый модуль объясняет не только “что это”, но и “зачем это нужно” и “как это использовать в реальной работе”.
Вы будете:
-
читать теорию;
-
разбирать теги HTML и CSS селекторы;
-
отрабатывать все тестами и интерактивными заданиями;
-
смотреть понятные примеры;
-
понимать, как код связан с тем, что видно в браузере;
-
собирать целостное понимание интерфейсов.
Курс ориентирован на практическое мышление: вы учитесь не зубрить, а понимать и применять.
Что вы получите
- понятную большую базу по HTML и CSS;
- навыки, которые нужны в QA и полезны в смежных digital-профессиях;
- понимание DevTools как рабочего инструмента во вкладках Elements, Styles, Computed;
- умение читать структуру страницы и находить элементы;
- практику анализа CSS, адаптива и локаторов;
- уверенность в работе с веб-интерфейсами;
- фундамент для дальнейшего роста в QA, автоматизации, веб-проверке и digital-среде.