Pomodoro Focus — Telegram Mini App 📱

В мире, где так много отвлечений, так сложно оставаться в фокусе.

Навайбкодил — Pomodoro Focus.

Приложение для работы по технике Pomodoro: 25 минут работы → 5 минут отдыха. Просто, эффективно.

Функционал приложения:
✓ Pomodoro-таймер — чередуйте работу с отдыхом
✓ Настройка цветовой палитры и таймеров
✓ TODO-лист — записывайте ваши задачи

Попробуйте: @pomodorofocus_bot
Заходите, тестируйте, добавляйте на главный экран и просто пользуйтесь!

Буду благодарен вашей обратной связи!🔥

P.S. Будьте сфокусированы.

👉 Подписаться | 🚀 Дать boost

Pomodoro Focus — Telegram Mini App 📱

В мире, где так много отвлечений, так сложно оставаться в фокусе.

Навайбкодил — Pomodoro Focus.

Приложение для работы по технике Pomodoro: 25 минут работы → 5 минут отдыха. Просто, эффективно.

Функционал приложения:
✓ Pomodoro-таймер — чередуйте работу с отдыхом
✓ Настройка цветовой палитры и таймеров
✓ TODO-лист — записывайте ваши задачи

Попробуйте: @pomodorofocus_bot
Заходите, тестируйте, добавляйте на главный экран и просто пользуйтесь!

Буду благодарен вашей обратной связи!🔥

P.S. Будьте сфокусированы.

👉 Подписаться | 🚀 Дать boost

Для кого тоже актуально? 🤣

📱 Разворачиваем Telegram Mini App за 5 минут

1. Собираем веб-приложение – обычная HTML/JS страница или на React/Vue.
2. Деплоим на Vercel/Netlify – получаем публичный URL.
3. Настраиваем бота через @BotFather:
/setmenubutton → URL приложения → текст кнопки
4. Интеграция с Telegram WebApp API (опционально):
if (window.Telegram.WebApp) {
console.log(`Hello, ${Telegram.WebApp.initDataUnsafe.user.first_name}!`);
}

🔗 Docs: core.telegram.org/bots/webapps

На случай, если вы давно хотели добавить такой проект в портфолио 🔥

👉 Подписаться | 🚀 Дать boost

🤬 За!@#$ли блокировки! Свой собственный VPN на все устройства.

Кратко: Покупаем сервак, разворачиваем VPN одной кнопкой.

Все ссылки далее открываются под VPN либо через зеркало:

Что используем:
Amnezia Self-Hosted VPN – решение для самостоятельного развёртывания VPN.

Инструкция:
1. Покупаем VPS – можно выбрать любой (например, список вариантов (/ru/starter-guide))
2. Скачиваем Amnezia под свою ОС: (/ru/downloads)
3. Жмём "+" → Self-Hosted, вводим данные VPS.
4. Выбираем AmneziaWG (XRay для РФ избыточен).
5. ПРОФИТ!

Моя конфигурация VPS на justhost.asia:
• ОС: Ubuntu Server
• CPU: 2 ядра
• RAM: 2 ГБ
• SSD: 30 ГБ
• Канал: 300 Мбит + IPv4
• Цена: 520₽/мес (промокод PROMO20)

┌ Минимум: 1 ядро, 1 ГБ RAM (только для VPN)
└ Моя сборка: мощнее, так как хостит приложения

Плюсы своего VPS:
✓ VPN на всех устройствах (и для друзей)
✓ Можно поднять HTTP/SOCKS5 прокси
✓ Хостинг серверных приложений

Видеогайд, если вы не поняли.

Рекомендации:
🔸 Если лагает – смените локацию сервера.
🔸 На iPhone при шеринге выбирайте правильный тип (AmneziaVPN или AmneziaWG).

Делитесь лайфхаками и подводными камнями, кто уже использует self-hosted VPN!

Накидайте огонька, если было полезно! 🔥🔥🔥

👉 Подписаться | 🚀 Дать boost

Firebase Studio от Google — сервис для генерации приложений с нуля 🚀

🔹 Поддержка популярных языков и фреймворков
🔹 В основе — Gemini, который пишет и правит код за вас
🔹 Можно импортировать свой проект и дорабатывать его
🔹 Скоро появятся AI-агенты для помощи в разработке

Попробовать бесплатно - здесь.

Cursor задал тренд. Кто следующий? 👀

👉 Подписаться | 🚀 Дать boost

Огнище! 🔥 Встроенный бесплатный аналог Cursor в VSCode!

Только что выкатили обновление VSCode с AI-чатом внутри редактора. Можно шерить контекст из проекта, папки, скриншотов и даже использовать MCP.

Что умеет:
✔️ Анализирует кодбазу
✔️ Исправляет ошибки «до результата»
✔️ Предлагает правки в файлах
✔️ Выполняет команды в терминале
✔️ Работает с расширениями → может:

• Управлять браузером
• Гуглить и искать ответы на GitHub
• Интегрироваться с облачными сервисами

Как включить:

1. Обновите VSCode
2. Авторизуйтесь в Copilot (кнопка справа внизу)
3. Войдите через GitHub
4. В настройках включите chat.agent.enabled (обычно уже включено)
5. В чате выберите Agent (я использую Claude 3.5 Sonnet)

Мне потребовалось перезапустить IDE и авторизоваться с включенным VPN.

Погнали кодить! Накидайте огонька 🔥🔥🔥

👉 Подписаться | 🚀 Дать boost

Идеальное резюме

Искусственный интеллект уже повсюду — и рекрутинг не исключение. Крупные компании активно используют автоматизированные системы для парсинга резюме, особенно на мировом рынке. Чтобы пройти ИИ-фильтр и попасть к рекрутеру, нужно оптимизировать резюме под алгоритмы — почти как SEO.

На основе опыта и частых ошибок в резюме коллег я собрал ключевые рекомендации. Они помогут сделать ваше резюме идеальным и «читаемым» для поисковых систем.

📌 Как писать резюме → Читать гайд

Делитесь в комментариях, что хотели бы добавить!

P.S. Готовлю большой гайд для новичков по поиску работы:
✓ Идеальное резюме (готово)
✓ Как набрать коммерческий опыт, если его нет
✓ Что учить, чтобы пройти собеседование

Будет полезно и middle специалистам!

Когда скучно — решаю LeetCode

Делюсь подборкой ресурсов, которые помогают мне прокачивать навыки решения алгоритмических задач.

📚 Теория
«Грокаем алгоритмы» — классика для понимания основ.
Тренировки по алгоритмам от Яндекса — много полезных материалов + активное комьюнити в Telegram.

💻 Практика
LeetCode — не нуждается в представлении.
NeetCode — популярные задачи по темам + разборы.
AlgoMaster — аналогичен neetcode, тоже крутой ресурс.
AlgoExpert — курс с разборами задач (можно найти в бесплатном доступе).


🔹 Если вы новичок и слабо знаете JS — попробуйте CodeWars, но потом всё равно переходите на LeetCode.

🔹 Если вы продвинутый, то попробуйте порешать задачи на backtracking и динамическое программирование. Для меня это до сих пор самые сложные темы.

Делитесь своими любимыми ресурсами и книгами по алгоритмам — соберём крутую базу знаний!

Массовые сокращения и стагфляция на рынке

Последний год наблюдаю сокращения в крупных и средних компаниях. Самые громкие случаи — VK и Сбер.

Основная причина, вероятно, — высокая ставка ЦБ, из-за которой бизнесу дорого брать кредиты. Под оптимизацию чаще попадают дорогие специалисты, их заменяют более дешёвыми.

Казалось бы, это должно оживить рынок для джунов, но я вижу обратную тенденцию. Да и среди мидлов/сеньоров спрос падает: если раньше предложения лились рекой, то сейчас их можно пересчитать по пальцам.

Отдельного внимания заслуживает стремительное развитие ИИ. Гонка нейросетей и их интеграция в бизнес заставляет задуматься:

— Вернётся ли рынок к привычному состоянию после снижения ставки?
— Или уже пора адаптироваться к новым реалиям?
— Как изменится уровень входа в профессию, а также распределение по грейдам в ближайшие 5–10 лет?

Что, на ваш взгляд, ещё повлияло на сокращения? Как ИИ изменит рынок? И как сейчас поживают джуны? Давайте обсудим.

Результаты Convert WEBP to JPG за месяц 📊

За месяц без привлечения трафика через рекламу — 177 активных пользователей.
Конверсия в установки после посещения страницы — 50%
CTR заходов на страницу — 18%, в установки - 9%

Конверсия хорошая. В таком темпе за год выйдем на ~2000.

Для текущей ниши — ожидаемый результат, но не то что хотелось бы.

Сейчас активно развивается сфера искусственного интеллекта, и именно туда стоит обратить внимание. Трафика там больше, а конкуренции меньше.

Считаю, что ИИ будет перспективным направлением ближайшие 5 лет. Кроме того, рискну предположить, что главным прорывом следующего десятилетия станет интеграция генеративного ИИ в умные устройства — роботы и андроиды.

Как насчёт написать Git на JS?

А может, Kafka или Redis? Или вообще собственную shell-оболочку? Легко!

Я нашёл крутой сайт — CodeCrafters, который точно прокачает ваши навыки как разработчика.

Хватит изучать туториалы, предназначенные для начинающих, — это девиз CodeCrafters. Здесь вы можете выбрать одну из интересных вам технологий. Каждый месяц случайным образом предлагается бесплатный курс по разработке той или иной технологии. В этом месяце вы можете попробовать разработать свою оболочку для shell на удобном вам языке программирования.

Chrome Extension Boilerplate

Разработка дополнений — отличная идея для начинающих фронтендеров в качестве пет проекта.

Делюсь с вами классным бойлерплейтом для разработки расширений Chrome/Firefox на React + Vite - репозиторий на GitHub.

Имеем:
• TypeScript, Tailwind, Vite + Rollup, Turborepo
• Prettier, ESLint, WebdriverIO
• HMR-плагин, i18n, Manifest V3
• Позволяет разрабатывать под все варианты: popup, sidebar, content-скрипты, dev tools, стартовая страница.
• Хорошо структурирован и решает многие проблемы с настройкой сборщика.

Из минусов:
• Требуется время, чтобы разобраться в работе с монорепозиторием
• После разработки нужно вручную отключать расширение

Мне проще использовать свою минималистичную заготовку, но этот бойлерплейт весьма неплох.

Чем я занимаюсь последний месяц...

Нас выселяют и нужно было срочно искать новое жильё. Я решил проблему просто — купил новое. Теперь есть ровно месяц на то, чтобы сделать здесь ремонт и переехать.
Всё как я люблю, четкая цель и сжатые сроки. Уже на середине пути, и, хочу вам сказать, продвигаемся успешно! А здесь оставлю фотографии того, как это было в самом начале.

📄 Конвертер любых документов в Markdown

Microsoft зарелизила любопытную тулзу — MarkItDown.
Инструмент позволяет конвертировать PDF, PowerPoint, Word, Excel, изображения, HTML, CSV, ZIP и другие форматы в Markdown.

Звучит хайпово, но очень дорого. Для использования требуется LLM для OpenAI клиента (например, ChatGPT), что делает процесс дорогим. По сути, это как забивать гвозди алмазами. В большинстве случаев куда логичнее написать простой парсер под конкретный формат.

🤔 Как вы считаете, оправдан ли такой подход или лучше использовать традиционные парсеры?

Первые результаты SEO-эксперимента 🧪

Ранее я писал о запуске SEO-эксперимента, а также ключевых параметрах на которых фокусировался. Однако почти сразу я изменил стратегию, изменив ключ на увеличение поискового трафика, но и увеличив KD до 60% (вместо 35%). При этом описание сохранил максимально оптимизированным под различные ключи.

Пока рано делать громкие выводы, но уже есть интересная статистика:

• Дополнение Convert WEBP to JPG за последние несколько дней набрало 38 активных пользователей.
• В то же время неоптимизированное дополнение HEIC to JPG с широким ключом стоит месяц на месте на 44 активных пользователях.

Следующая цель — оптимизировать HEIC to JPG для увеличения конверсии. Буду благодарен, если кто-то сможет подсказать, как посмотреть с каких платформ идёт основной трафик, приложу эти данные к следующему отчёту.

Обратная связь и планы 📝

Я получил много откликов, что тема инди-разработки интересна и вам, и мне, поэтому продолжаю активно писать об этом. Разумеется, также держу вас в курсе новинок во Frontend'е и IT в целом. Много планов и запросов по возобновлению YouTube-блога — всё помню, потихоньку реализую.

Спасибо за вашу поддержку! 🙌

👉 Подписаться | 🚀 Дать boost

🚀 Tailwind CSS 4.0

Его можно любить и ненавидеть, но он точно никого не оставил равнодушным.

Вышел релиз Tailwind CSS 4.0. Кратко о том, что нового:

⚡️ Производительность
— Полные сборки ускорены в 5 раз.
— Инкрементальные сборки (например, при изменении одного класса) выполняются в 100 раз быстрее — время измеряется в микросекундах.

🌐 Современные технологии CSS
— Поддержка Cascade Layers и Logical Properties (для right-to-left-интерфейсов).
— Все токены (цвета, отступы, шрифты) доступны через CSS-переменные (можно динамически изменять через JavaScript).

🛠 Упрощенная настройка
— Для подключения достаточно добавить в CSS:
css
@import "tailwindcss";

— Автоматическое обнаружение шаблонов (не требуется указывать файлы в content).

📦 Интеграция с Vite
— Официальный плагин @tailwindcss/vite для оптимизации скорости сборки.

✨ Ключевые возможности
1. Container Queries — стилизация элементов на основе размера контейнера (встроенная поддержка без плагинов).
2. 3D-трансформации — rotate-x-*, rotate-y-*, translate-z-*, perspective.
3. Расширенные градиенты — конические, радиальные, настройка интерполяции цветов.
4. Динамические классы — произвольные значения для grid-cols-*, spacing-*, data-* атрибутов без изменения конфигурации.
5. P3-цвета — обновленная палитра с поддержкой широкого цветового охвата (формат oklch).

🔧 Дополнительные функции
→ @starting-style — анимации появления элементов через CSS.
→ Модификатор not-* — стилизация исключений (например, not-[.disabled]:opacity-100).
→ Утилиты для управления color-scheme, автоматического изменения размера полей (field-sizing), многоуровневых теней.

🚀 Начало работы
— Создать новый проект:
bash
npx tailwindcss init

— Протестировать в браузере: Tailwind Play.

🔄 Миграция с версии 3.x
Доступно руководство по обновлению: Upgrade Guide и автоматизированные инструменты.

💡 Что изменилось под капотом?
Движок Tailwind CSS полностью переписан — улучшена стабильность, производительность и масштабируемость.

Подробнее об изменениях можно прочитать на странице релиза.

👉 Подписаться | 🚀 Дать boost