Трек
Для программистов

Тестирование фронтенда

Выйдите на новый уровень, изучив лучшие практики в тестировании фронтенда. На курсах этого трека вы освоите jest и testing-library. Новые знания помогут быстро писать тесты и с легкостью находить ошибки в коде.

Начать учиться
Картинка программы Тестирование фронтенда
Самостоятельно,
в любое время
Обратная связь
по урокам от поддержки Хекслета
Неограниченный доступ
к пройденной теории
1281 студент
проходят трек прямо сейчас

Программа обучения

Уроки
  • Введение

  • Причины тестирования

  • Утверждения

  • Библиотека power-assert

  • Jest

  • Матчеры

  • Модульные тесты

  • Подготовка данных

  • Плохие и хорошие практики тестирования

  • Покрытие кода тестами

  • Разработка через тестирование

  • Фикстуры


Чему научитесь
  • Писать более качественный код с меньшим количеством ошибок, чем в коде без тестов

  • Строить архитектуру кода, исходя из сценариев использования

  • Писать код быстрее за счет автоматизированной проверки его работы

  • Рефакторить код чаще и избавлять его от legacy

Испытания
Уроки
  • Введение

  • Тестирование ошибок

  • Побочные эффекты

  • Тестирование кода, взаимодействующего с файлами

  • Инверсия зависимостей

  • Тестирование HTTP-запросов

  • Манкипатчинг

  • Моки

  • Property-based тестирование


Чему научитесь
  • Легко тестировать даже те приложения, которые много взаимодействуют с внешней средой

  • Тестировать код, активно работающий с файловой системой

  • Использовать стабы и моки по назначению

Загрузчик страниц – библиотека, которая умеет скачивать страницы по сети и сохранять их на локальном диске. Акцент в проекте делается на ее тестировании. Из-за обилия побочных эффектов, здесь придется правильно работать с их подавлением, стабами/моками и возможными ошибками.

Подробнее
Уроки
  • Введение

  • Установка

  • Рабочий процесс

  • Запросы (Queries)

  • События (User Events)

  • Ожидания (Matchers)

  • Появление и Пропадание


Чему научитесь
  • Настраивать и интегрировать dom-testing-library в существующий проект

  • Изолировать среду через создание моков для HTTP-запросов

  • Грамотно обрабатывать асинхронный код через ожидания waitFor или методы findBy

  • Эффективно отлаживать тесты с помощью vitest-preview

  • Применять лучшие практики для написания надежных и поддерживаемых тестов

Испытания

В этом проекте предстоит протестировать готовый виджет чат-бота, который встраивается на страницу и общается с пользователем по сценарию

Подробнее

Как проходит обучение

Курс состоит из учебных модулей с уроками и проектами
  • В каждом уроке — теория, тесты на закрепление изученного и практика прямо в браузере

  • Задания проходят автоматическую проверку тестами и линтером

Теоретический материал
Мы воссоздали реальное рабочее пространство программиста. Прочувствуйте разработку «как есть» — с установкой софта, запуском кода, чтением ошибок и консольными командами
  • Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли

  • Сразу видите обратную связь по своему решению в виде тестов и их результатов

Упражнение в IDE
Проходите уроки самостоятельно в любое удобное время
  • Урок — это теория, квиз (проверочный тест) и практика

  • Учебный материал представлен в текстовом формате, иногда встречаются короткие видео

  • Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий

  • Можно задавать вопросы по теории и практике уроков команде поддержки Хекслета

Тесты

Что говорят наши студенты о курсах и проектах

Курс отличный, но это только вершина айсберга. Я сейчас начинаю погружаться в тестирование и понимаю, как многого не знаю. Что тестирование имеет много разновидностей, начинаю от unit и заканчивая e2e. Спасибо за курс.

Курс хорош - упражнения простые, но ёмкие, теория охватывает такие моменты, которые я не знал, даже уже разрабатывая с использованием Jest. Наконец увидел хорошее объяснение отличия моков, стабов и фикстур, а то в этой терминологии почему-то постоянно коллизии.

Отличный курс! Спасибо! Узнала много нового: стабы, моки, манки-патчинг. И почти поняла, чем они отличаются друг от друга. Поняла, что чаще всего для тестирования нужно знать сигнатуру функции и структуру данных, которая принимает тестируемая функция. А в остальном, нужно подобрать правильный инструмент и изучить его API. Да, и наверное только на Хекслете могут быть тесты, проверяющие тесты. :)

Большое спасибо за упражнение! Даже если решение проходит тесты, очень полезно сравнить его с решением учителя и разобраться что можно оптимизировать

Очень крутое упражнение!! Просто вау. Конечно, немного повозилась, но вся суть системы стала понятна, очень зашло! Спасибо за супер-идею! рада, что ощутила на себе TTD

Урок действительно непростой, заставляет серьезно задуматься и посмотреть также и другие источники. Почему-то то не упомянуты другие хуки, например, after. Осмелюсь предположить, что возможно, если бы было больше примеров в теории, то задание многим не показалось бы таким сложным:) p.s Но если говорить в целом, то hexlet дает очень качественную базу. Учиться по-настоящему интересно.

Хочу сказать огромное спасибо за это задание. В прошлых практиках данного курса очень часто смотрел решение учителя, а тут, увидев размер данного задания, вначале вовсе впал в ступор. Но решил разобраться самостоятельно и, в итоге, решил. Тем, кто также сомневается, хочу сказать - это задание гораздо проще предыдущих, оно только выглядит монструозным! Попробуйте вникнуть и разобраться и получите истинное удовольствие от решения, потому как задание очень комплексное и погружающее в себя.

Респект автору этого задания ,действительно было интересно проходить ,появился азарт к решению!)

Получите доступ

К этому треку и ко всем остальным курсам Хекслета по подписке за 3 900 ₽ в месяц

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Кому подойдет обучение

Тем, кто уже программирует и хочет повысить свой профессиональный уровень
Тем, кто не знаком с этой темой и хочет в ней разобраться на хорошем уровне
Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике

Хекслет —
это серьезная подготовка инженеров-программистов

  • Топовые IT-компании обучают своих сотрудников на Хекслете

  • Весь обучающий контент создан практикующими IT-специалистами

  • Программы, направленные на системное развитие инженерного мышления

17 000+

Студентов учатся ежемесячно

4.7+ звезды
4.7+

Рейтинг на отзовиках: Otzyvmarketing

Индекс лояльности

Нашу платформу часто рекомендуют студенты

Нам доверяют обучение своих сотрудников

Контур
Kaiten
СБЕР МАРКЕТ
Bell integrator
QIWI
Agima
Авиасейлc
Альфа Банк
Uchi.ru
Райффайзенбанк
PeterService
Simtech
Itech Group
Хотите учиться от компании?

Расскажите вашему работодателю о Хекслете

Оформите подписку за 3 900 ₽ в месяц
  • Получите доступ к этому треку и ко всем остальных курсам Хекслета

  • Учитесь сколько нужно, отменить подписку можно в любой момент

  • Задавайте вопросы по урокам — вам ответит поддержка Хекслета

  • Сохраните неограниченный доступ к пройденной теории даже после отмены подписки

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Трек — это набор курсов по определенной теме для повышения квалификации и развития инженерного мышления. Треки подходят как для разработчиков с опытом, так и для новичков в качестве задания «со звёздочкой».

Вы можете учиться в своём темпе, срок обучения не ограничен.

Мы рекомендуем выделять 5-10 часов в неделю. Так с одной стороны обучение будет достаточно интенсивным, чтобы не растягивать его надолго, а с другой — достаточно комфортным, чтобы совмещать с работой и успевать отдыхать.

Материал программы — это готовые курсы с адаптированной для новичков теорией, тестами на закрепление и большим количеством практических упражнений с автоматизированной проверкой прямо в браузере. В некоторых треках есть проект — вы создадите приложение, которое станет частью вашего портфолио и даст опыт реальной разработки.

Вы можете учиться самостоятельно или вместе с наставником, он поможет разобраться в сложных моментах.

Тогда вы можете обучаться вместе с наставником.

Каждый наставник — опытный программист, который добился успехов в профессии, а теперь делится знаниями и опытом со студентами Хекслета. Кандидаты проходят строгий отбор — наставником становится лишь каждый десятый, поэтому случайных людей у нас нет.

Наставник помогает справляться с трудностями, отвечает на вопросы и делает ревью проектов.

Мы принимаем карты Visa, MasterCard и МИР любого банка, валюта счёта тоже может быть любой.

Если решите учиться самостоятельно, оформите подписку на план «Базовый». Доступ ко всем трекам откроется сразу после оплаты.

Если нужна помощь наставника, оставьте заявку на обучение. С вами свяжется куратор, подберёт подходящего наставника и пришлёт ссылку на оплату.