Создаём веб-приложение с Claude Code: добавляем автотесты и переходим на TypeScript

Вот важная новость с фронта ИИ: bitrix24 29 минут назад Создаём веб-приложение с Claude Code: добавляем автотесты и переходим на TypeScript Простой 14 мин 755 Блог компании Битрикс24 Искусственный интеллект Туториал Привет! Продолжаем серию статей-туториалов по видео Александра Сербула, руководителя больших данных, высоконагруженных систем и машинного обучения в компании Битрикс24. Видео и статьи записаны и написаны специально для вайбкодеров без технического бэкграунда, которые хотят создавать надёжные веб-приложения.

В туториалах мы будем использовать ИИ-агента для работы с приложениями на React — Claude Code. Сами не программируем — всю работу проводит ИИ-агент, а мы пишем запросы и контролируем результат. В прошлых статьях мы развернули сайт в интернете на сервере Битрикс24.

Технические детали

Сегодня начнём разбирать тему автотестов: специальные программы, которые проверяют другие программы на работоспособность. С автотестами разработчик может добавлять новые возможности в программу и сразу увидит, если новый код сломал то, что уже работало. ИИ-ассистент работает похожим образом.

Он добавляет новые вещи, но не проверяет, не сломалось ли что-то в старых. Поэтому надо ему об этом сказать. В статье посмотрим, как это работает и выглядит.

Во второй части статьи переведём проект на TypeScript, чтобы часть ошибок обнаруживалась ещё до запуска сайта. Что сделаем и о чём расскажем сегодняУ нас есть IT-проект. Он несложный и служит только для учебных целей — мы показываем, как работать с агентом, чего ожидать и какие команды давать.

Отраслевые последствия

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

Затем поэтапно переведем проект с языка JavaScript на TypeScript, чтобы находить часть ошибок ещё до запуска приложения. Что понадобитсяНиже — описание всех программ, которые нужны для получения такого же проекта, как у нас. Но устанавливать их все отдельно до работы необязательно: достаточно написать агенту первый промпт, и он сам установит всё необходимое, если дать ему доступ.

Какие программы использует наш проект:Node. Скачать можно на официальной странице: nodejs. Git Bash понадобится пользователям Windows: через него можно запускать команды из статьи.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.