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