vueschool.io
Изучите Vue.js и современные, передовые технологии от экспертов отрасли с нашими премиальными учебниками и курсами vue.js.
Разработка через тестирование в Vue.js
A “Wordle” on Test Driven Development in Vue.js
★5 (всего оценок - 5)
Продолжительность
2 ч 48 мин
Категория
VueКоличество уроков
18 Видео
Дата добавления
30 мая 2024 г., 00:34
Язык
Английский
Дата обновления
29 апр. 2026 г., 20:26
Разработка через тестирование (TDD) — один из самых надёжных способов создавать предсказуемые, удобные в сопровождении и масштабируемые приложения. В этом курсе вы шаг за шагом освоите TDD на практике, работая с Vue.js 3, Composition API, Vitest и Vue Test Utils, и создадите собственный клон игры Wordle.
Чему вы научитесь
Курс создан для разработчиков, которые хотят повысить качество своего кода, научиться писать тесты уверенно и понимать, как применять TDD в реальных проектах.
- Освоите цикл Red–Green–Refactor и научитесь применять его осознанно.
- Создадите устойчивые тесты, которые защищают код, а не мешают разработке.
- Поймёте, как использовать Vue Test Utils для юнит‑ и компонентного тестирования.
- Научитесь работать с Vitest: моками, асинхронностью, генераторами тестов.
- Закрепите TDD на практике, создавая полноценный игровой функционал.
Кому подходит этот курс
Материал подходит разработчикам любого уровня, включая тех, кто только начинает разбираться в тестировании или Vue.js.
- Frontend‑разработчикам, стремящимся писать более надёжный код.
- Тем, кто хочет внедрить TDD в рабочие проекты.
- Начинающим, которым нужна структурированная и практическая база.
Структура курса
Введение в TDD и инструменты
Вы разберётесь с ключевыми принципами TDD и настройкой окружения для Vue‑проектов.
Построение приложения Wordle через тесты
Проработка игрового интерфейса
Создание сетки игры, компонентного дерева и первых тестов.
Логика проверки слов
Пошаговое написание тестов и реализация функциональности обработки попыток.
Рефакторинг с уверенностью
Как улучшать код, не ломая существующие фичи, и как TDD защищает от регрессий.
Продвинутые техники
Использование моков, таймеров, генераторов тестов и улучшение структуры тестового набора.
Почему этот курс стоит пройти
Вы не просто изучите инструменты — вы сформируете процесс разработки, который помогает создавать качественный код и ускоряет работу. Результатом станет маленькая, но полноценная игра, созданная полностью через тесты.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:04:06What is TDD and how it helps us write better software?
- Урок 2. 00:08:45Different types of tests
- Урок 3. 00:10:47Preparing your environment
- Урок 4. 00:11:48Our first Red
- Урок 5. 00:11:00Refactor via extractions
- Урок 6. 00:12:46Defining the rules for Word of the day
- Урок 7. 00:13:17Tests as documentation
- Урок 8. 00:13:27Handling Player Input
- Урок 9. 00:11:36Fixing bugs and writing regression tests
- Урок 10. 00:10:07Flexible tests and the freedom to change code
- Урок 11. 00:09:39Allowing players to make multiple guesses
- Урок 12. 00:08:46Displaying all guesses
- Урок 13. 00:05:19Disabling controls when the game is over
- Урок 14. 00:04:49Let’s add a bit more styling
- Урок 15. 00:09:41Providing hints after each submission - Part 1
- Урок 16. 00:10:51Providing hints after each submission - Part 2
- Урок 17. 00:09:39Visual Regression Tests
- Урок 18. 00:02:22Course Conclusion
Автор - vueschool.io
Комментарии