Live coding и совместная разработка

Лайвкодинг показывает не только знание, но и стиль мышления, скорость, реакцию. Это эффективнее объяснений «на бумаге», но не для всех — некоторые архитекторы не умеют писать код перед другими.

Суть

Лайвкодинг — формат, в котором один человек пишет код в реальном времени перед камерой/командой. Используется на стримах AsForJS, на собесах, в парном программировании. Раскрывает реальные навыки лучше, чем теоретические вопросы.

Зачем

  • Реальные навыки — видно, как пишет, не как рассказывает
  • Скорость и инструменты — насколько свободно владеет IDE
  • Реакция на ошибки — что делает, когда падает
  • Стиль декомпозиции — мелкими шагами или большими блоками
  • Тестирование на ходу — проверяет ли свои гипотезы
  • Использование документации/AI — что и когда смотрит

Как делать лайв-кодинг хорошо

  • Свой IDE и среда — иначе тратишь силы на навигацию
  • Свой LLM — Cursor, Copilot, ChatGPT по выбору
  • Интернет — это не справочный экзамен
  • Никаких параллельных разговоров — кому-то нужны наушники с шумоизоляцией
  • Думать вслух — расскажи, что собираешься делать
  • Простой шаг за раз — не пытаться написать сразу гениально

Антипаттерны лайвкодинга

  • Стресс-режим «без интернета, без AI, объясняй вслух»
  • Параллельный допрос — кто-то говорит, ты пишешь
  • Засекание времени на простую задачу
  • Тебе по ушам ездят, пока ты пишешь
  • Заставлять архитектора лайвкодить (другая психическая организация)

Live coding на стримах AsForJS

  • Серия Sumo on the Go — пишут Chrome Extension
  • Sumo на коленке — продолжение
  • Учим жуков говорить — анимация и WebAudio
  • Красим жуков — CSS-анимации vs canvas
  • Оптимизируем сайт ECMA Script
  • Морзе серии 1-4 — кодирование/декодирование

Принципы анимации (из стримов)

  • Не считать каждый пиксель в каждой итерации
  • Задать старт и финиш + CSS-анимация
  • Возложить работу на движок хост-среды
  • В конце получить callback о завершении
  • DIV vs canvas — мерить под конкретный случай

Парное программирование

  • Один driver, один navigator
  • Меняются ролями каждые 25-30 минут
  • Driver пишет — фокус на синтаксисе
  • Navigator думает наперёд — фокус на структуре
  • Хорошо для обучения, не подходит при кризисе и дедлайнах

Когда лайвкодинг неуместен

  • Сверхспециалисты, которые «переживают» при чужом наблюдении
  • Архитекторы с другой психической организацией
  • В одиночку напишет гениальный код, перед камерой — ступор
  • Не значит плохой специалист, это просто формат

🎓 Источники

  • 🎓 [🧑‍💻 Собеседования и найм] · 2025-12-03 · YouTube
    • Тезисы: свой IDE и LLM; не для всех; шумоизоляционные наушники
  • 🎓 [Live Coding Sumo на коленке] · AsForJS · 2026-01-26 · YouTube
  • 🎓 [Live Coding Sumo on the Go: Chrome Extension] · AsForJS · 2026-01-23 · YouTube
  • 🎓 [Live Coding Учим жуков говорить] · AsForJS · 2025-11-15 · YouTube
  • 🎓 [Live Coding Красим жуков] · AsForJS · 2025-11-12 · YouTube
  • 🎓 [Live Coding Оптимизируем сайт ECMA Script] · AsForJS · 2025-10-29 · YouTube