PenEcho — решает любые задачи с помощью рисунков.

Это огромный интерактивный холст, на котором можно от руки писать формулы, рисовать схемы и оставлять заметки, а ИИ анализирует не только содержание, но и расположение элементов. Ответы, пояснения, графики и продолжения схем появляются прямо рядом с исходной записью — без необходимости переводить всё в текстовый промпт.

Попробовать

DevZone Portal

⚡️ Как стать Backend разработчиком

Backend занимается созданием невидимой части сайта. Он отвечает за самые важные процессы бизнеса: хранения данных, обработку входящих запросов.

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

Перейти к просмотру

DevZone Portal

Claude Science — отдельную рабочую среду для исследователей.

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

Каждый результат сохраняется вместе с кодом, окружением и историей диалога — чтобы все можно было проверить и повторить позже. Уже доступно для macOS и Linux.

Попробовать

DevZone Portal

С помощью ИИ и Three.js можно просто создавать красивые 3D-миры кодом.
Вот мой рабочий процесс ↓

1/
Сначала я описываю ИИ мир, который хочу создать.
Не только то, как он должен выглядеть, но и:
• атмосферу
• композицию
• взаимодействия
• анимацию
• уровень реализма
• что должно генерироваться процедурно, а для чего нужны внешние ассеты ↓

2/
Затем я прошу ИИ определить подходящие технологии.
В зависимости от концепции это могут быть:

Three.js
GLSL / TSL
GSAP
постобработка
процедурная геометрия
системы частиц
физика и анимация

Стек должен подстраиваться под идею, а не наоборот. ↓

3/
Далее я прошу ИИ превратить концепцию в подробный промпт для написания кода.
В нём описываются структура сцены, материалы, освещение, анимации, взаимодействия и технические ограничения.
Так ещё до написания кода появляется гораздо более чёткий план реализации. ↓

4/
Также я генерирую референсное изображение специально под реализацию.
Важный момент: на нём должны быть формы и конструкции, которые реально воспроизвести кодом, а не произвольные детали, работающие только в статичном изображении.
Референс — это визуальный ориентир, а не изображение, которое нужно копировать пиксель в пиксель. ↓

5/
Затем появляется первая реализация.
И почти никогда она не становится финальной.
После этого начинается настоящая работа — итерации:
> корректировка пропорций, исправление расположения объектов, улучшение шейдеров, доработка движения, уменьшение визуального шума и приближение атмосферы к исходной задумке.

DevZone Portal

⭐️️ React Update Lifecycle: что происходит при обновлении компонента

Каждый раз, когда я пытался разобраться, как устроен React Update Lifecycle, у меня возникали одни и те же вопросы. Что такое Virtual DOM? Где заканчивается Render Phase? Когда обновляется DOM? Почему useLayoutEffect срабатывает раньше useEffect? И в какой момент React вообще применяет изменения?
Поэтому я решил наглядно визуализировать жизненный цикл обновления в React 18+, разбить весь процесс на фазы и объединить их в одну схему. Под схемой — детальный разбор каждого шага.

Читать статью

DevZone Portal