ЕСК · Инструменты

Инструменты

Практика важнее
очередной статьи

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

Тесты и тренажёры
Тест · 3 минуты

Какое направление в IT ваше

Короткий тест на то, какая специализация и формат работы вам подойдут — на основе опыта, целей и свободного времени.

Карьера Тест
Открыть →
Тренажёр

Слепая печать для разработчиков

Тренировка пальцев на том, что реально печатают разработчики — скобки, слэши, операторы — а не на прозе. Раскладки, языки, разбор ошибок по клавишам.

Python JS/TS C/C++ Bash
Открыть →
Тренажёр

Сочетания клавиш редактора

Только те 15-18 горячих клавиш в день, что реально стоит помнить наизусть. JetBrains, VS Code, Vim, Emacs — работает без установленной IDE.

JetBrains VS Code Vim Emacs
Открыть →
Визуализации
Визуализация

Визуализация сортировок

Наглядное сравнение алгоритмов сортировки бок о бок: цветные матрицы вместо чисел и честное время работы каждого алгоритма.

Алгоритмы
Открыть →
Визуализация

Как работает LLM

Токенизация, внимание, предсказание и сэмплирование — шаг за шагом. Токенизация настоящая (тот же BPE, что у GPT), остальное честно подписано, где иллюстрация.

ML LLM
Открыть →
Визуализация

Что происходит при загрузке страницы

DNS, TCP/TLS-рукопожатие, HTTP и рендер — шаг за шагом, с реальными измерениями загрузки именно этой страницы в вашем браузере.

Сети Собеседования
Открыть →
Визуализация

Хеши, коллизии и взлом паролей

Настоящий SHA-256 в браузере, лавинный эффект, реальная коллизия хешей и настоящий подбор пароля — со словарём и без.

Безопасность Криптография
Открыть →
Визуализация

Как устроен продакшн

Кликабельная схема реального прод-окружения: SSH, Docker, nginx, Postgres, Redis, Sentry, CI — что каждый элемент делает и почему нельзя просто его убрать.

Инфраструктура DevOps
Открыть →
Визуализация

Как работает компилятор

Токенизация, дерево разбора (AST) и вычисление арифметического выражения — полностью настоящее, без единой внешней библиотеки.

Компиляторы CS
Открыть →
Визуализация

Git по уровням

От «что такое коммит и ветка» и Pull/Merge Request до настоящего SHA-1 и объектной модели — четыре уровня, каждый отдельно.

Git CS
Открыть →
Визуализация

Структура проекта по стекам

Python, Django, Laravel, Node.js, C++ — что где лежит и почему, с разделением на требования фреймворка и просто общепринятую практику.

Архитектура Обучение
Открыть →
Визуализация

Пайплайн: pre-commit → релиз

Семь стадий проверки кода с реальными примерами инструментов на каждой — большинство разработчиков про pre-commit хуки вообще не знают.

CI/CD Обучение
Открыть →
Визуализация

Сколько на самом деле символов

Графемы, кодовые точки Unicode, UTF-16 code unit'ы и настоящие байты UTF-8 для любого текста — почему .length иногда врёт.

Unicode Строки
Открыть →
Визуализация

Регулярные выражения без магии

Совпадения и группы, жадные/ленивые кванторы, якоря, обратные ссылки, разбор движка по шагам и настоящий катастрофический откат (ReDoS) — на настоящих регулярках.

Регулярки CS
Открыть →
Визуализация

Как браузер решает, чей стиль победит

Специфичность, !important, порядок объявления, :is()/:where() и @layer — один настоящий каскад, проверяемый вживую на реальном DOM-элементе.

CSS Вёрстка
Открыть →
Инструменты для разработки
Инструмент

Комфорт для глаз

Как настроить цветовую температуру экрана в течение дня: Night Shift, Night Light, f.lux, Redshift — и почему это не блажь.

Эргономика Здоровье
Открыть →
Инструмент

Итератор строк по шаблону

Один шаблон с {} и диапазон — сразу весь список готовых строк: файлы, команды, тестовые данные. Смещения, масштаб и дополнение нулями прямо внутри {}.

Продуктивность CLI
Открыть →
Инструмент

Конвертер регистра текста

Вставьте любой текст — camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE и другие форматы сразу, с копированием в один клик. Настоящее определение границ слов, включая акронимы.

Продуктивность Строки
Открыть →
Инструмент

cURL: разобрать и собрать

Вставьте curl-команду — получите читаемый разбор (метод, заголовки, тело), или соберите команду из формы. Настоящий разбор аргументов shell, не наивный split(' ').

CLI API
Открыть →
Инструмент

Сравнение списков

Два списка построчно — что только в A, что только в B, что в обоих. С учётом регистра, пробелов и повторов, без ручной сверки.

Данные Продуктивность
Открыть →
Инструмент

Конвертер времени и часовых поясов

Unix-время, ISO 8601, часовые пояса — вставьте что угодно, получите всё сразу. Обратное направление честно учитывает переход на летнее/зимнее время.

Дата и время Продуктивность
Открыть →
Инструмент

JSON, CSV, YAML — в любую сторону

Настоящий парсер и сериализатор каждого формата: вложенные объекты через точку в колонках, реальный вывод типов, честно раскрытые границы поддержки YAML.

Данные Продуктивность
Открыть →
Инструмент

Markdown-таблицы в обе стороны

Данные из Tab/CSV — в аккуратную Markdown-таблицу, или наоборот. Настоящий двусторонний разбор, символ | внутри ячейки не ломает результат.

Markdown Продуктивность
Открыть →
Инструмент

Сколько лет вашему стеку

Год создания языка или фреймворка, последняя мажорная версия, реальная политика поддержки — без выдуманного «рейтинга устаревания», только факты.

DevOps Планирование
Открыть →
Инструмент

Конструктор artisan-команд

Соберите php artisan из реальных флагов — make:model, make:controller, migrate и другие — без угадывания синтаксиса по памяти.

Laravel CLI
Открыть →
Инструмент

Шпаргалка по сочетаниям клавиш

Тот же список, что и в тренажёре — только готовый к печати (PDF) или сохранению картинкой одной кнопкой.

Продуктивность IDE
Открыть →
Инструмент

Мета-теги и Open Graph

Заполните форму — получите готовый <head>: title, description, canonical, Open Graph, Twitter Card. Честные предупреждения о длине, живой предпросмотр.

SEO Веб
Открыть →
Инструменты дизайна
Инструмент

Конвертер цвета и контраст

HEX, RGB, HSL, OKLCH — вставьте цвет в любом формате, получите все остальные сразу. Плюс настоящий калькулятор контраста WCAG (AA/AAA) на реальном тексте.

CSS Продуктивность
Открыть →
Инструмент

Добавить цвет в палитру

Не генератор новой палитры — предсказуемое добавление одного цвета к уже существующей: вариант оттенка, гармоничный акцент или адаптация для тёмной темы. Настоящий OKLCH.

CSS Дизайн
Открыть →
Инструмент

Иконки и favicon из одной картинки

Загрузите изображение — получите все стандартные размеры иконок, включая настоящий favicon.ico и maskable-иконку. Ничего не отправляется на сервер.

Веб Дизайн
Открыть →
Инструмент

Шрифты для документов

Бесплатные и широко доступные шрифты для документов, презентаций и заголовков — с живыми примерами и таблицей размеров.

Документы Презентации
Открыть →
Калькуляторы
Инструмент

Сколько стоит эта встреча

Участники × зарплата × длительность — реальная стоимость встречи, включая живой счётчик в реальном времени, пока встреча идёт.

Бизнес Продуктивность
Открыть →
Инструмент

Сколько это займёт на самом деле

Ваша оценка плюс честная математика из software-оценивания (закон Хофштадтера, Cone of Uncertainty) — не предсказание, а иллюстрация известного искажения.

Планирование Бизнес
Открыть →
Инструмент

Доход частной практики

Цена, клиенты, часы и налог — выручка при 30/50/70/100% загрузке для 5- и 6-дневной недели. Или наоборот: задайте цель по доходу — узнайте нужную цену.

Бизнес Карьера
Открыть →

Нужно больше, чем инструмент?

Если это помогло — можем поговорить про остальное

Карьера в IT, разбор проекта, поиск процесса под вашу задачу — 30 минут, бесплатно и без обязательств.