- Веб-разработка и QA — очень связанные скиллы
- Практика улучшает хард-скиллы в целом
- Скилл багхантинга
- Скиллы UX
- Укрепление связи с разработчиками
- Подходы в веб-разработке вполне применимы в QA
Веб-разработка и тестирование связаны
«Вы можете задаться вопросом: а какое отношение имеет веб-разработка к тестированию? Вы будете удивлены тем, насколько сильно эти две области пересекаются! Когда вы погружаетесь в веб-разработку, вы не просто учитесь создавать красивые сайты — вы получаете бесценные знания, которые могут улучшить ваши навыки тестирования.
Работая веб-разработчиком, вы вынуждены постоянно ставить себя на место как создателя, так и пользователя. Такая двойная перспектива прекрасна для тестировщика. Постепенно вы начинаете видеть всю картину целиком — от первоначальной концепции до конечного продукта, а это именно то, что нужно хорошим тестировщикам.
Понимание того, что делают разработчики, поможет вам стать осмысленным тестировщиком. Вы не понаслышке узнаете, с какими трудностями сталкиваются веб-разработчики, что в дальнейшем приведет к улучшению коммуникации с ними.
Хард-скиллы прокачиваются только практическим опытом
Посмотрим с практической точки зрения. Когда вы начинаете создавать веб-сайты, вы не просто играетесь с HTML и CSS (хотя это тоже не помешает). Вы погружаетесь в веб.
На заметку. Я помню, как создал свой первый сайт в 2012 году (это было еще до того, как я ушел в технари), потому что хотел продавать кое-что через интернет. Я использовал конструктор Yola Website Builder, это всё что я смог найти в то время. Вот как он выглядел в то время. (Примечание: похоже, понадобится Wayback Machine.)
ДО (Yola Builder)
И ПОСЛЕ (WordPress Builder)
Затем я начал экспериментировать с шаблонами Bootstrap — бесплатным фреймворком с открытым кодом для веб-разработки, который быстро создает респонсивные веб-сайты. Это помогло мне лучше понять HTML, CSS, JavaScript, регистрацию доменов, веб-хостинг, DNS и т. д., без необходимости начинать с нуля. Я, пока учился, создал свой первый сайт для знакомого за 150 долларов. И знаете что, если вы освоите эти новые скиллы, вы сможете подрабатывать, на фрилансе, или, почему нет, даже свой собственный микро-бизнес. Мой первый Bootstrap:
Продолжим… Вы когда-нибудь задумывались, почему некоторые сайты загружаются быстрее чем другие? Или почему один сайт отлично выглядит на телефоне, но ужасно на ноутбуке? Когда вы сделаете свои первые сайты, эти тайны начнут приоткрываться. Вы узнаете о хостинге, рендеринге на стороне сервера и на стороне клиента, а также о всяких технических тонкостях, которые, уж поверьте, сделают вас хорошим тестировщиком.
Есть такая вещь, как совместимость браузеров (прим.: кроссбраузерное тестирование). После того как вы потратите пару часов на то, чтобы ваш сайт хорошо выглядел в Internet Explorer (да, некоторые люди до сих пор им пользуются!) или Firefox, вы по-новому оцените кроссбраузерность.
Совершенствование скиллов багхантера
Вот где нам, тестировщикам, становится по настоящему интересно. Создание веб-сайтов — это как быстрый курс «Как все может пойти не так». Вы столкнетесь с багами, о возможности существования которых даже не подозревали.
Вы вспомните, как долго вы не могли понять, почему заголовок уплывает со страницы. Или почему ваш скрипт решил устроить истерику без видимых причин. А эти неприятные моменты — золотые возможности для настоящего тестировщика. Они тренируют ваш глаз, и вы будете замечать потенциальные проблемы.
К тому же, когда вы сами заводите и исправляете баги, у вас будет хорошо получаться воспроизводить и документировать их. Разработчики, ваши коллеги, будут одобрять этот ваш T-shape.
User Experience
Теперь поговорим об UX. Когда вы создаете собственные сайты, все те принципы UX, о которых вы читали в книжке, воплощаются перед вашими глазами. Вы начинаете понимать, почему кнопка должна быть именно такого оттенка синего, или почему вот эта форма не должна принимать номер телефона.
А отзывчивый дизайн? Вы будете заботиться, как ваш сайт выглядит на разных устройствах. Такой практический опыт с UX бесценен для тестировщиков. У вас будет острый глаз на проблемы с юзабилити и появится глубокая эмпатия к конечным пользователям.
Общение с разработчиками
Вам не казалось, что разработчики говорят на другом языке? После того как вы освоите веб-разработку, вы начнете понимать их жаргон. Внезапно такие термины, как «манипуляции с DOM» и «асинхронные функции», перестанут казаться бессмыслицей.
Общий словарный запас поменяет правила игры в команде. Вы сможете предоставлять более точную и конструктивную обратную связь по багам. Вместо того чтобы говорить «Эта штука не работает, когда я на нее нажимаю», вы будете говорить «Похоже, в кнопке отправки возникла проблема со слушателем событий JavaScript».
Кроме того, когда вы понимаете проблемы разработчиков, вы с большей вероятностью будете подходить к тестированию как к совместной, а не конфликтной деятельности. А это, поверьте, делает общую работу приятнее.
Подходы в веб-разработке очень даже применимы в QA
Все те навыки веб-разработки, которые вы приобрели, они не просто так — они могут произвести революцию в вашем подходе к тестированию.
Например, вы можете начать внедрять кое-какие методы автоматизации тестирования, вдохновленные практикой веб-разработки. Или, наконец-то освоить некоторые инструменты веб-разработчика, чтобы сделать процессы тестирования более эффективными (прим.: здесь наш туториал по Chrome DevTools для тестировщиков).
И, возможно, самое главное: у вас появится проактивный подход к обеспечению качества. Вместо того чтобы просто находить баги, вы научитесь предвидеть потенциальные проблемы еще до того, как они возникнут. А такой скилл очень релевантен в нашем «быстро меняющемся мире разработки программного обеспечения»©.
Резюме
Создание простого сайта перевело меня на следующий уровень. Получил практический опыт веб-разработки, прокачал хард-скиллы, лучше понял жизненный цикл разработки. Это дало мне новые знания, свежий взгляд на вещи, и я повысил свою эффективность.»
Jaime Mantilla, автор книги “Software Testing Explained”
