Чего действительно стоит опасаться начинающему разработчику?
Заметил такую вещь, что многим хочется погрузиться с головой в учебу, не от того, что они такие идеалисты.
А от страха перед неизвестностью и не приятными результатами.
Чтобы не идти на hh, не размещать резюме, не общаться с hr, не отвечать на собеседовании на вопросы от разработчиков и в конце даже не получить хоть какого-то ответа.
Хотя бы честного - что ты не подходишь.
Хотя на самом деле этот страх, не до конца обоснован.
Например, на первом собеседовании вероятно себя ты проявишь себя средне. Будешь много переживать и тупить.
Возможно даже не запомнишь как оно прошло, забудешь записать собес через obs, чтобы пересмотреть и оценить свои ответы.
Вот только если подумать. В любом деле, мы испытываем страх в начале пути.
Например, первый шаг, который ты когда-то сделал в раннем детстве, будучи малышом - думаешь он был идеальным?
Или может быть ты идеально произнес первое слово? Сколько "ма", "па", "ба", ты до этого произнес? (И просто не членораздельных звуков)
За то было кое-что, что ты делал тогда. И делал правильно.
Ты пытался. Из раза в раз. Несмотря на то, что не получалось.
Двигался вперед изо дня в день.
Так вот, тебе стоит опасаться того, что ты застрянешь на одном месте. Несмотря на то, что вызубришь все технологии. Из-за того, что ты не пробуешь составить резюме и пройти уже наконец интервью, пообщаться на собеседовании вживую, все это изучения последних технологий будет зря.
По этому, оформи резюме и бегом на интервью.
Приду, проверю 😏
Да, кстати, если хочешь потренировать навык прохождения собеседований, напиши @cathypno. Расскажу, что к чему.
#резюме #hh #мотивация
Заметил такую вещь, что многим хочется погрузиться с головой в учебу, не от того, что они такие идеалисты.
А от страха перед неизвестностью и не приятными результатами.
Чтобы не идти на hh, не размещать резюме, не общаться с hr, не отвечать на собеседовании на вопросы от разработчиков и в конце даже не получить хоть какого-то ответа.
Хотя бы честного - что ты не подходишь.
Хотя на самом деле этот страх, не до конца обоснован.
Например, на первом собеседовании вероятно себя ты проявишь себя средне. Будешь много переживать и тупить.
Возможно даже не запомнишь как оно прошло, забудешь записать собес через obs, чтобы пересмотреть и оценить свои ответы.
Вот только если подумать. В любом деле, мы испытываем страх в начале пути.
Например, первый шаг, который ты когда-то сделал в раннем детстве, будучи малышом - думаешь он был идеальным?
Или может быть ты идеально произнес первое слово? Сколько "ма", "па", "ба", ты до этого произнес? (И просто не членораздельных звуков)
За то было кое-что, что ты делал тогда. И делал правильно.
Ты пытался. Из раза в раз. Несмотря на то, что не получалось.
Двигался вперед изо дня в день.
Так вот, тебе стоит опасаться того, что ты застрянешь на одном месте. Несмотря на то, что вызубришь все технологии. Из-за того, что ты не пробуешь составить резюме и пройти уже наконец интервью, пообщаться на собеседовании вживую, все это изучения последних технологий будет зря.
По этому, оформи резюме и бегом на интервью.
Приду, проверю 😏
Да, кстати, если хочешь потренировать навык прохождения собеседований, напиши @cathypno. Расскажу, что к чему.
#резюме #hh #мотивация
👍4🔥2❤1
Роман, 20 лет. Трудоустройство и менторство
Продолжил обучение после трудоустройства
Сейчас планирует найти более высокооплачиваемую работу
Что было самым сложным в обучении?
Сначала надо было хорошо подготовиться к собеседованиям. Круто было, что ты выявил места, в которых я плавал. В принципе, прохождения собеседований после этого удалось проходить довольно просто. А вот выполнять рабочие задачи, оказалось не такой тривиальной задачей.
Чем я в итоге смог помочь?
Помог подготовиться к собеседованию на мидла и устроиться на 150к с нулем опыта и очень часто помогал разобраться в сути рабочих задач уже после трудоустройства.
Какие видишь плюсы во взаимодействии со мной как с ментором?
Быстро отвечаешь на вопросы понятным языком и поддерживаешь уровень мотивации на должном уровне.
По вопросам менторства, пиши в тг: @cathypno
#кейс #менторство #трудоустройство
Продолжил обучение после трудоустройства
Сейчас планирует найти более высокооплачиваемую работу
Что было самым сложным в обучении?
Сначала надо было хорошо подготовиться к собеседованиям. Круто было, что ты выявил места, в которых я плавал. В принципе, прохождения собеседований после этого удалось проходить довольно просто. А вот выполнять рабочие задачи, оказалось не такой тривиальной задачей.
Чем я в итоге смог помочь?
Помог подготовиться к собеседованию на мидла и устроиться на 150к с нулем опыта и очень часто помогал разобраться в сути рабочих задач уже после трудоустройства.
Какие видишь плюсы во взаимодействии со мной как с ментором?
Быстро отвечаешь на вопросы понятным языком и поддерживаешь уровень мотивации на должном уровне.
По вопросам менторства, пиши в тг: @cathypno
#кейс #менторство #трудоустройство
👍6❤4🔥1🥰1👌1
Ты тоже уже задолбался от бесконечного списка технологий во фронтенде?
Я вот иногда открываю очередной roadmap и думаю: «Может, лучше сразу в доставщики пойти?» Шучу, конечно. Но правда жизни в том, что фронтенд иногда похож на беговую дорожку, с которой нельзя слезть.
В новом видео объясню, какие навыки тебе реально пригодятся в 2024 году. Без буллшита, без лишних слов и без пафоса. HTML, CSS, JavaScript и кое-что ещё — покажу и расскажу, что реально важно, а что просто хайп и маркетинг.
Неважно, ты джун, который впервые услышал слово «фреймворк», или уже осведомленный паддаван, который забыл больше, чем знал. Это видео даст тебе чёткое понимание, куда двигаться и где не стоит париться.
Короче, бро, включай и наконец-то пойми, куда катится фронтенд. И все мы вместе с ним. 😉
YouTube:
https://www.youtube.com/watch?v=tEqyOF6wbRU
Вконтакте:
https://vkvideo.ru/video-221021644_456239050
Карта навыков фронтендера из видео:
https://xmind.ai/wsI5yPhj
#видео #фронтенд #роадмап
Я вот иногда открываю очередной roadmap и думаю: «Может, лучше сразу в доставщики пойти?» Шучу, конечно. Но правда жизни в том, что фронтенд иногда похож на беговую дорожку, с которой нельзя слезть.
В новом видео объясню, какие навыки тебе реально пригодятся в 2024 году. Без буллшита, без лишних слов и без пафоса. HTML, CSS, JavaScript и кое-что ещё — покажу и расскажу, что реально важно, а что просто хайп и маркетинг.
Неважно, ты джун, который впервые услышал слово «фреймворк», или уже осведомленный паддаван, который забыл больше, чем знал. Это видео даст тебе чёткое понимание, куда двигаться и где не стоит париться.
Короче, бро, включай и наконец-то пойми, куда катится фронтенд. И все мы вместе с ним. 😉
YouTube:
https://www.youtube.com/watch?v=tEqyOF6wbRU
Вконтакте:
https://vkvideo.ru/video-221021644_456239050
Карта навыков фронтендера из видео:
https://xmind.ai/wsI5yPhj
#видео #фронтенд #роадмап
🔥8❤2🫡1
🤖 Разбираю бота, сошедшего с ума от своей же статистики
Недавно помогал с одним проектом — бот для канала @horror4you, который рекомендует ужастики.
Казалось бы, что может быть проще? Парсишь посты с хештегами, выдаёшь рандомные рекомендации с жуткими интро в стиле «Кто-то стоит у тебя за спиной...» и всё.
Но нет. Этот бот решил устроить мне собственный хоррор.
Гонки с призраками
Представь: несколько пользователей одновременно жмут «Посоветуй ужастик». Статистика начинает жить своей жизнью. Сегодня 67 кликов, завтра внезапно 0. Как будто призрак стирает данные по ночам.
Кнопки-потеряшки
Оказывается, если обрабатываешь кнопки через регулярки, статистика их не видит. Пользователи жмут, а счётчик молчит. Классика жанра — работает, но не считается.
Файлы несудьбы
Вся статистика лежала в одном JSON. Малейший сбой — и вся история испаряется. Как будто её и не было.
В итоге пришлось переписывать архитектуру: очереди для операций, дневные файлы вместо одного монолита, отдельный трекинг для каждого действия.
Теперь бот работает стабильно и больше не устраивает ночные кошмары с пропавшей статистикой.
Мораль: даже простой бот может превратиться в головоломку, если не продумать архитектуру.
Тем не менее сам стек Node.js + node-telegram-bot-api — отличный, но без правильного планирования превращается в минное поле 🔥
#боты #nodejs #телеграм #разработка
Недавно помогал с одним проектом — бот для канала @horror4you, который рекомендует ужастики.
Казалось бы, что может быть проще? Парсишь посты с хештегами, выдаёшь рандомные рекомендации с жуткими интро в стиле «Кто-то стоит у тебя за спиной...» и всё.
Но нет. Этот бот решил устроить мне собственный хоррор.
Гонки с призраками
Представь: несколько пользователей одновременно жмут «Посоветуй ужастик». Статистика начинает жить своей жизнью. Сегодня 67 кликов, завтра внезапно 0. Как будто призрак стирает данные по ночам.
Кнопки-потеряшки
Оказывается, если обрабатываешь кнопки через регулярки, статистика их не видит. Пользователи жмут, а счётчик молчит. Классика жанра — работает, но не считается.
Файлы несудьбы
Вся статистика лежала в одном JSON. Малейший сбой — и вся история испаряется. Как будто её и не было.
В итоге пришлось переписывать архитектуру: очереди для операций, дневные файлы вместо одного монолита, отдельный трекинг для каждого действия.
Теперь бот работает стабильно и больше не устраивает ночные кошмары с пропавшей статистикой.
Мораль: даже простой бот может превратиться в головоломку, если не продумать архитектуру.
Тем не менее сам стек Node.js + node-telegram-bot-api — отличный, но без правильного планирования превращается в минное поле 🔥
#боты #nodejs #телеграм #разработка
👍6💯2🔥1
Nuxt: когда фреймворк делает работу за тебя
После долгих экспериментов с разными фреймворками я всё чаще возвращаюсь к Nuxt - и вот почему он становится моим go-to выбором для новых проектов.
Читаемость кода имеет значение. При работе с React, сталкиваешься с "closing tag hell" - когда вложенность JSX уходит куда-то за край экрана, особенно при ограничении в 80 символов. В Nuxt благодаря template-синтаксису Vue и директивам (v-if, v-for) код получается значительно более плоским и читаемым. Меньше фигурных скобок, меньше стрелочных функций - больше фокуса на логике.
Convention over configuration работает. Nuxt берёт на себя всю рутину: автоматические импорты компонентов, файловый роутинг, настройка TypeScript из коробки. Создал файл в pages/ - получил роут. Добавил компонент - он уже доступен без import. Это не магия, это продуманная архитектура, которая экономит часы на настройке и позволяет сосредоточиться на бизнес-логике.
Производительность без компромиссов. Code splitting, lazy loading, prefetching - всё работает автоматически. Гибридный рендеринг позволяет выбирать стратегию для каждой страницы: SSR для SEO-критичных, SSG для статики, CSR для интерактива. Движок Nitro обеспечивает холодный старт за ~2 мс на edge-платформах и размер бандла всего 700 кБ.
TypeScript, модули, DX. Полная типизация с автогенерацией, 200+ готовых модулей для быстрой интеграции, горячая перезагрузка и понятные ошибки - всё это делает разработку комфортной. Nuxt 4 - это не просто фреймворк, это платформа для создания масштабируемых приложений, где скорость разработки не жертвуется ради качества кода.
Если ваша команда работает с Vue или вы ищете фреймворк с отличным DX для следующего проекта - Nuxt стоит вашего внимания. А какой фреймворк используете вы, и что для вас важнее всего при выборе?
#Nuxt #Vue #WebDevelopment #Frontend #DeveloperExperience
После долгих экспериментов с разными фреймворками я всё чаще возвращаюсь к Nuxt - и вот почему он становится моим go-to выбором для новых проектов.
Читаемость кода имеет значение. При работе с React, сталкиваешься с "closing tag hell" - когда вложенность JSX уходит куда-то за край экрана, особенно при ограничении в 80 символов. В Nuxt благодаря template-синтаксису Vue и директивам (v-if, v-for) код получается значительно более плоским и читаемым. Меньше фигурных скобок, меньше стрелочных функций - больше фокуса на логике.
Convention over configuration работает. Nuxt берёт на себя всю рутину: автоматические импорты компонентов, файловый роутинг, настройка TypeScript из коробки. Создал файл в pages/ - получил роут. Добавил компонент - он уже доступен без import. Это не магия, это продуманная архитектура, которая экономит часы на настройке и позволяет сосредоточиться на бизнес-логике.
Производительность без компромиссов. Code splitting, lazy loading, prefetching - всё работает автоматически. Гибридный рендеринг позволяет выбирать стратегию для каждой страницы: SSR для SEO-критичных, SSG для статики, CSR для интерактива. Движок Nitro обеспечивает холодный старт за ~2 мс на edge-платформах и размер бандла всего 700 кБ.
TypeScript, модули, DX. Полная типизация с автогенерацией, 200+ готовых модулей для быстрой интеграции, горячая перезагрузка и понятные ошибки - всё это делает разработку комфортной. Nuxt 4 - это не просто фреймворк, это платформа для создания масштабируемых приложений, где скорость разработки не жертвуется ради качества кода.
Если ваша команда работает с Vue или вы ищете фреймворк с отличным DX для следующего проекта - Nuxt стоит вашего внимания. А какой фреймворк используете вы, и что для вас важнее всего при выборе?
#Nuxt #Vue #WebDevelopment #Frontend #DeveloperExperience
👏5💯2
Хотел разобраться в Web3, а попал в будущее разработки
Ноябрь 2024. Открываю Cursor первый раз, выбираю Claude Sonnet.
И думаю: "Блин, я вообще не понимаю, что такое Web3. Ну вот совсем."
Через три дня у меня работает lastcoin.net — сайт про криптовалюты, блокчейн и все эти штуки.
Честно? Плана вообще не было.
Я просто решил: хочу разобраться в Web3, давай попробую сделать сайт об этом. С AI.
Сел и начал. Сгенерил главную с новостями. Потом понял что не хватает контента об индустрии в целом. Добавил блоки про блокчейн, DeFi, и хайповые Bitcoin и Ethereum.
Надо сделать страницу про DeFi? Окей, гуглю что это вообще такое, пишу промпт, получаю результат. NFT маркетплейс? То же самое. Еще я сделал небольшой генератор SVG графиков, без каких-либо библиотек.
Это было странно. Я учил тему и одновременно делал про неё продукт. Как будто писал конспект, но конспект получался в виде рабочего сайта.
---
Помню, показал другу: "Смотри, я сделал сайт про крипту за пару дней!"
Он такой: "Ого, круто, а можешь мне помочь с ботом для моего телеграм сообщества..."
Да, один из прошлых постов кстати был как раз о том, какие могут быть последствия при работе с ai-агентами ))
Но в целом, тогда это правда казалось какой-то магией. Экспериментом. Баловством, если честно.
---
Сейчас ноябрь 2025
И я понимаю - это был не эксперимент.
Это был трейлер к тому, что происходит прямо сейчас в разработке.
За этот год многое изменилось. AI-агенты в продакшне, код пишется по-другому, рынок труда перетряхивает...
Те три дня в ноябре 2024 оказались таким небольшим предисловием к тому как будет выглядеть ближайшее будущее. Которое теперь уже наше настоящее.
---
Короче, если кто-то спросит меня: "Когда ты понял, что разработка меняется?" - я скажу про те три дня с LastCoin.
Просто тогда я ещё не осознавал масштаб того, что происходит.
Буду рад увидеть ваше мнение, о том что произошло за этот год и как поменялась IT индустрия.
#AIforDevelopers #WebDevelopment #Web3 #AI #TechTrends #Blockchain #Crypto #DeFi #Bitcoin #Ethereum #NFT #CodingWithAI
Ноябрь 2024. Открываю Cursor первый раз, выбираю Claude Sonnet.
И думаю: "Блин, я вообще не понимаю, что такое Web3. Ну вот совсем."
Через три дня у меня работает lastcoin.net — сайт про криптовалюты, блокчейн и все эти штуки.
Честно? Плана вообще не было.
Я просто решил: хочу разобраться в Web3, давай попробую сделать сайт об этом. С AI.
Сел и начал. Сгенерил главную с новостями. Потом понял что не хватает контента об индустрии в целом. Добавил блоки про блокчейн, DeFi, и хайповые Bitcoin и Ethereum.
Надо сделать страницу про DeFi? Окей, гуглю что это вообще такое, пишу промпт, получаю результат. NFT маркетплейс? То же самое. Еще я сделал небольшой генератор SVG графиков, без каких-либо библиотек.
Это было странно. Я учил тему и одновременно делал про неё продукт. Как будто писал конспект, но конспект получался в виде рабочего сайта.
---
Помню, показал другу: "Смотри, я сделал сайт про крипту за пару дней!"
Он такой: "Ого, круто, а можешь мне помочь с ботом для моего телеграм сообщества..."
Да, один из прошлых постов кстати был как раз о том, какие могут быть последствия при работе с ai-агентами ))
Но в целом, тогда это правда казалось какой-то магией. Экспериментом. Баловством, если честно.
---
Сейчас ноябрь 2025
И я понимаю - это был не эксперимент.
Это был трейлер к тому, что происходит прямо сейчас в разработке.
За этот год многое изменилось. AI-агенты в продакшне, код пишется по-другому, рынок труда перетряхивает...
Те три дня в ноябре 2024 оказались таким небольшим предисловием к тому как будет выглядеть ближайшее будущее. Которое теперь уже наше настоящее.
---
Короче, если кто-то спросит меня: "Когда ты понял, что разработка меняется?" - я скажу про те три дня с LastCoin.
Просто тогда я ещё не осознавал масштаб того, что происходит.
Буду рад увидеть ваше мнение, о том что произошло за этот год и как поменялась IT индустрия.
#AIforDevelopers #WebDevelopment #Web3 #AI #TechTrends #Blockchain #Crypto #DeFi #Bitcoin #Ethereum #NFT #CodingWithAI
👍6❤4💯2
Почему я всё чаще открываю Claude в браузере вместо Cursor
Обсуждения возможностей Cursor, Aider и прочих AI-помощников, все еще не сходит со страниц соц сетей; Хочу поделиться мыслями, почему в итоге вернулся к обычному Claude в браузере для большинства рабочих задач.
Главное неудобство
Агенты делают слишком много за раз. Просишь исправить один баг - получаешь изменения в пяти файлах. Половину из них даже не успеваешь посмотреть нормально. Потом сидишь, разбираешься, что вообще поменялось и почему.
Это можно контролировать, но с браузерной версией проще: увидел совет, подумал, решил - применять или нет. Да, медленнее. Зато спокойнее и надежнее.
Безопасность и приватность
Тут я не параноик какой-то, но факт остаётся фактом: агенты видят весь твой код. Все конфиги, все ключи, всю логику. Может, это нормально для первых версий MVP или OpenSource проектов, но для коммерческих проектов я предпочитаю сам решать, что отправлять, а что нет. Могут быть данные, которые хранят в себе коммерческую тайну организации.
Зависимость от стороннего инструмента
Активное использование AI-агентов, без анализа написанного кода, могут атрофировать понимание что происходит в продукте под капотом. И чем дальше, тем меньше будет этого понимания. А значит при поломке внутри - есть риск постоянного обращения только к этому инструменту и в последствие атрофия способности чинить что-то самостоятельно.
Когда агенты реально помогают
Справедливости ради: для черновиков, набросков, быстрых скриптов - отлично работают. Когда нужно накидать MVP или фичу для тестирования гипотезы - очень удобно.
Но для серьёзной работы мне комфортнее старый способ: открыл Claude, вставил код, получил совет, подумал, применил. Дольше, но на душе спокойнее.
В общем
Не призываю никого отказываться от этих инструментов. Просто делюсь своим опытом: для меня браузерная версия оказалась удобнее для ежедневной работы. Меньше сюрпризов, больше контроля.
А как вы работаете с AI? Интересно послушать.
#AI #разработка #программирование #cursor #claude #aitools #кодинг #разработчик #coding #softwaredev #devtools #искусственныйинтеллект #tech #it #productivity
Обсуждения возможностей Cursor, Aider и прочих AI-помощников, все еще не сходит со страниц соц сетей; Хочу поделиться мыслями, почему в итоге вернулся к обычному Claude в браузере для большинства рабочих задач.
Главное неудобство
Агенты делают слишком много за раз. Просишь исправить один баг - получаешь изменения в пяти файлах. Половину из них даже не успеваешь посмотреть нормально. Потом сидишь, разбираешься, что вообще поменялось и почему.
Это можно контролировать, но с браузерной версией проще: увидел совет, подумал, решил - применять или нет. Да, медленнее. Зато спокойнее и надежнее.
Безопасность и приватность
Тут я не параноик какой-то, но факт остаётся фактом: агенты видят весь твой код. Все конфиги, все ключи, всю логику. Может, это нормально для первых версий MVP или OpenSource проектов, но для коммерческих проектов я предпочитаю сам решать, что отправлять, а что нет. Могут быть данные, которые хранят в себе коммерческую тайну организации.
Зависимость от стороннего инструмента
Активное использование AI-агентов, без анализа написанного кода, могут атрофировать понимание что происходит в продукте под капотом. И чем дальше, тем меньше будет этого понимания. А значит при поломке внутри - есть риск постоянного обращения только к этому инструменту и в последствие атрофия способности чинить что-то самостоятельно.
Когда агенты реально помогают
Справедливости ради: для черновиков, набросков, быстрых скриптов - отлично работают. Когда нужно накидать MVP или фичу для тестирования гипотезы - очень удобно.
Но для серьёзной работы мне комфортнее старый способ: открыл Claude, вставил код, получил совет, подумал, применил. Дольше, но на душе спокойнее.
В общем
Не призываю никого отказываться от этих инструментов. Просто делюсь своим опытом: для меня браузерная версия оказалась удобнее для ежедневной работы. Меньше сюрпризов, больше контроля.
А как вы работаете с AI? Интересно послушать.
#AI #разработка #программирование #cursor #claude #aitools #кодинг #разработчик #coding #softwaredev #devtools #искусственныйинтеллект #tech #it #productivity
👍8💯4👌2
Как три ИИ-модели справились с созданием интерфейса игры
Мне как фронтендеру часто приходится слышать, что вот-вот можно будет из коробки получать готовый софт или как минимум крутой интерфейс и чуть ли не без каких-либо манипуляций со стороны.
Сильное заявление, и конечно же в связи с выходом Gemini 3, я решил проверить, насколько эта модель способна на это и как с этим справятся конкуренты Sonnet 4.5 и GPT-5.
Тест, сразу скажу, может показаться довольно сложным, потому что следует из достаточно короткого сообщения и приложенного к нему скриншота сделать сразу финальную версию страницы.
Запрос с приложенным скриншотом к нему:
"Напиши мне на HTML/CSS/Tailwind интерфейс игры Europa Universalis V, интересует просто графическая часть без какой-либо логики. Скрин приложил к задаче"
Что мы видим в полученных результатах
В принципе, результат Gemini 3 с точки зрения графической составляющей мне кажется более приемлемым. Он уловил со скриншота визуальные акценты, градиенты, шрифты и иконки.
Sonnet 4.5 показал более сильную смысловую составляющую. Очень много предложил интерпретации элементов. Но визуальный стиль, на мой взгляд, слабее.
Также есть результат от GPT-5, и мне он показался наименее актуальным со всех сторон.
Выводы
Стоит признать, что модели все еще не могут предложить сразу классный результат. Но в процессе работы над ними, конечно, можно получить что-то более привлекательное. При должном скилле естественно.
Расскажите о своем опыте работы с разными моделями
#ИскусственныйИнтеллект #ИИ #FrontendDevelopment #WebDevelopment #AI #Gemini #Claude #ChatGPT #UIDesign #Tailwind #HTML #CSS #ТестированиеИИ #ИскусственныйИнтеллект #РазработкаИнтерфейсов #CodeGeneration #AIComparison #TechReview
Мне как фронтендеру часто приходится слышать, что вот-вот можно будет из коробки получать готовый софт или как минимум крутой интерфейс и чуть ли не без каких-либо манипуляций со стороны.
Сильное заявление, и конечно же в связи с выходом Gemini 3, я решил проверить, насколько эта модель способна на это и как с этим справятся конкуренты Sonnet 4.5 и GPT-5.
Тест, сразу скажу, может показаться довольно сложным, потому что следует из достаточно короткого сообщения и приложенного к нему скриншота сделать сразу финальную версию страницы.
Запрос с приложенным скриншотом к нему:
"Напиши мне на HTML/CSS/Tailwind интерфейс игры Europa Universalis V, интересует просто графическая часть без какой-либо логики. Скрин приложил к задаче"
Что мы видим в полученных результатах
В принципе, результат Gemini 3 с точки зрения графической составляющей мне кажется более приемлемым. Он уловил со скриншота визуальные акценты, градиенты, шрифты и иконки.
Sonnet 4.5 показал более сильную смысловую составляющую. Очень много предложил интерпретации элементов. Но визуальный стиль, на мой взгляд, слабее.
Также есть результат от GPT-5, и мне он показался наименее актуальным со всех сторон.
Выводы
Стоит признать, что модели все еще не могут предложить сразу классный результат. Но в процессе работы над ними, конечно, можно получить что-то более привлекательное. При должном скилле естественно.
Расскажите о своем опыте работы с разными моделями
#ИскусственныйИнтеллект #ИИ #FrontendDevelopment #WebDevelopment #AI #Gemini #Claude #ChatGPT #UIDesign #Tailwind #HTML #CSS #ТестированиеИИ #ИскусственныйИнтеллект #РазработкаИнтерфейсов #CodeGeneration #AIComparison #TechReview
👍6👌3👀2
Canvas vs SVG: как я выбирал технологию для дашборда с большими данными
Недавно делал дашборд, где пользователи могут менять размер графиков, тянуть их по высоте и ширине. Плюс данных приходит много - от нескольких сотен до нескольких тысяч точек в зависимости от графика.
Изначально хотел идти с SVG. Честно, он мне нравится больше - векторная графика красиво масштабируется, анимации плавные, в целом выглядят изящнее. Но интуиция подсказывала, что с таким объёмом данных могут быть проблемы. Решил разобраться глубже.
Что происходит с SVG
Каждая точка, каждый бар, каждый элемент графика - это отдельная нода в DOM. Звучит безобидно, пока не посчитаешь: 10,000 точек = 10,000 DOM элементов.
Браузер держит их все в памяти, плюс для каждого элемента отслеживает события (hover, click), стили, позицию.
Когда пользователь меняет размер графика - браузер пересчитывает layout для всех этих элементов. При каждом изменении. Это называется reflow, и это дорого.
На десктопе ещё терпимо(но уже подлагивет, особенно если графиков на странице много 🤯), но мобильные устройства уже начинает заметно грузить.
Что происходит с Canvas
Canvas работает по-другому. Он просто рисует пиксели напрямую в bitmap. После того как отрисовал - браузер "забывает" что там нарисовано. В памяти хранится только финальная картинка, а не информация о каждом элементе.
10 точек или 10,000 - для Canvas без разницы. Он просто прогоняет цикл и рисует. Никакого DOM, никаких пересчётов layout. Когда пользователь ресайзит график - Canvas просто перерисовывает всё заново, и делает это в разы быстрее чем SVG пересчитывает свои элементы.
Где подвох с Canvas
Интерактивность. В SVG можно просто повесить hover на элемент - работает из коробки. В Canvas нужно вручную отслеживать координаты курсора и проверять, попал ли пользователь в нужную область. Это дополнительный код, но для моего кейса это была приемлемая цена за производительность.
Вывод
Если у вас меньше 1,000 элементов и нужна богатая интерактивность (hover на каждом элементе, тултипы, анимации) - SVG отличный выбор.
Если данных много, или они обновляются в реалтайме, или важна производительность на мобильных - Canvas. Да, интерактивность прикручивать руками, но скорость того стоит.
В итоге работа с Chart.js(Canvas под капотом). Графики нормально выглядят даже при использовании терминала(только анимации приходиться отключать), ресайз работает, пользователи довольны.
Ну а если вам нужен SVG, можете обратить внимание на D3.js.
Кстати, с чем сами работаете?
#frontend #dashboard #performance #javascript #webdev #nuxt #charts #vue #react #svg #canvas #chartjs #d3js
Недавно делал дашборд, где пользователи могут менять размер графиков, тянуть их по высоте и ширине. Плюс данных приходит много - от нескольких сотен до нескольких тысяч точек в зависимости от графика.
Изначально хотел идти с SVG. Честно, он мне нравится больше - векторная графика красиво масштабируется, анимации плавные, в целом выглядят изящнее. Но интуиция подсказывала, что с таким объёмом данных могут быть проблемы. Решил разобраться глубже.
Что происходит с SVG
Каждая точка, каждый бар, каждый элемент графика - это отдельная нода в DOM. Звучит безобидно, пока не посчитаешь: 10,000 точек = 10,000 DOM элементов.
Браузер держит их все в памяти, плюс для каждого элемента отслеживает события (hover, click), стили, позицию.
Когда пользователь меняет размер графика - браузер пересчитывает layout для всех этих элементов. При каждом изменении. Это называется reflow, и это дорого.
На десктопе ещё терпимо(но уже подлагивет, особенно если графиков на странице много 🤯), но мобильные устройства уже начинает заметно грузить.
Что происходит с Canvas
Canvas работает по-другому. Он просто рисует пиксели напрямую в bitmap. После того как отрисовал - браузер "забывает" что там нарисовано. В памяти хранится только финальная картинка, а не информация о каждом элементе.
10 точек или 10,000 - для Canvas без разницы. Он просто прогоняет цикл и рисует. Никакого DOM, никаких пересчётов layout. Когда пользователь ресайзит график - Canvas просто перерисовывает всё заново, и делает это в разы быстрее чем SVG пересчитывает свои элементы.
Где подвох с Canvas
Интерактивность. В SVG можно просто повесить hover на элемент - работает из коробки. В Canvas нужно вручную отслеживать координаты курсора и проверять, попал ли пользователь в нужную область. Это дополнительный код, но для моего кейса это была приемлемая цена за производительность.
Вывод
Если у вас меньше 1,000 элементов и нужна богатая интерактивность (hover на каждом элементе, тултипы, анимации) - SVG отличный выбор.
Если данных много, или они обновляются в реалтайме, или важна производительность на мобильных - Canvas. Да, интерактивность прикручивать руками, но скорость того стоит.
В итоге работа с Chart.js(Canvas под капотом). Графики нормально выглядят даже при использовании терминала(только анимации приходиться отключать), ресайз работает, пользователи довольны.
Ну а если вам нужен SVG, можете обратить внимание на D3.js.
Кстати, с чем сами работаете?
#frontend #dashboard #performance #javascript #webdev #nuxt #charts #vue #react #svg #canvas #chartjs #d3js
🔥3❤1
Фронтенд-рынок на дне. Но это не конец
В 2019 было конечно проще. Джуны получали офферы пачками, а мидлы выбирали между тремя предложениями? Сейчас всё иначе. Но если посмотреть на историю IT - такое уже было. После dotcom-пузыря. После 2008-го. После ковидного бума.
Рынок дышит. Сейчас выдох. Скоро будет вдох.
Почему все запаниковали?
ИИ стал удобным поводом для компаний «оптимизировать расходы». Но ChatGPT не заменит фронтендера, который понимает продукт и может собрать интерфейс, который реально работает.
Да, инструменты изменились. Но суть работы - нет.
Что реально помогает сейчас
Покажите, что вы не стоите на месте
Не «знаю React», а «ускорил разработку в 2 раза благодаря Copilot - вот проект». Рекрутеры видят тысячи резюме с технологиями. Ваше должно показывать результат.
Станьте чуть шире
Умеете прикрутить OpenAI API, настроить CI/CD, написать скрипт на Node? Вы уже интереснее 70% кандидатов. Универсалы сейчас в цене.
Делайте так, чтобы вас находили
GitHub с нормальными README. CodeSandbox с живыми примерами. Пост раз в неделю - не tutorial, а «вот проблема, вот что сделал, вот код».
Люди нанимают тех, кого видят.
Идите туда, где ещё не толпа
Малый бизнес, аутсорс, стартапы в AI/healthtech/fintech - там офферы дают быстрее. И вы прокачаете навыки быстрее. Можно кстати искать контакты CEO, CTO, Lead - и писать им напрямую, только с интересным предложением, а не просто возьмите на работу )))
Действуйте по плану
10 откликов в неделю, 3 созвона, 1 апдейт портфолио. Каждую пятницу смотрите - что сработало. Без системы месяцы пролетят впустую.
Не бегите из профессии
Через полгода/год рынок начнёт оживать - и те, кто остался и прокачался, окажутся в лучшей позиции.
Главное
Да, сейчас тяжело. Но это временно. Те, кто переживёт этот период с обновлёнными скиллами и портфолио - встретят следующую волну роста во всеоружии.
#frontend #карьера #ITрынок #вакансии #поискработы #webdev #react #vue #angular #AI
В 2019 было конечно проще. Джуны получали офферы пачками, а мидлы выбирали между тремя предложениями? Сейчас всё иначе. Но если посмотреть на историю IT - такое уже было. После dotcom-пузыря. После 2008-го. После ковидного бума.
Рынок дышит. Сейчас выдох. Скоро будет вдох.
Почему все запаниковали?
ИИ стал удобным поводом для компаний «оптимизировать расходы». Но ChatGPT не заменит фронтендера, который понимает продукт и может собрать интерфейс, который реально работает.
Да, инструменты изменились. Но суть работы - нет.
Что реально помогает сейчас
Покажите, что вы не стоите на месте
Не «знаю React», а «ускорил разработку в 2 раза благодаря Copilot - вот проект». Рекрутеры видят тысячи резюме с технологиями. Ваше должно показывать результат.
Станьте чуть шире
Умеете прикрутить OpenAI API, настроить CI/CD, написать скрипт на Node? Вы уже интереснее 70% кандидатов. Универсалы сейчас в цене.
Делайте так, чтобы вас находили
GitHub с нормальными README. CodeSandbox с живыми примерами. Пост раз в неделю - не tutorial, а «вот проблема, вот что сделал, вот код».
Люди нанимают тех, кого видят.
Идите туда, где ещё не толпа
Малый бизнес, аутсорс, стартапы в AI/healthtech/fintech - там офферы дают быстрее. И вы прокачаете навыки быстрее. Можно кстати искать контакты CEO, CTO, Lead - и писать им напрямую, только с интересным предложением, а не просто возьмите на работу )))
Действуйте по плану
10 откликов в неделю, 3 созвона, 1 апдейт портфолио. Каждую пятницу смотрите - что сработало. Без системы месяцы пролетят впустую.
Не бегите из профессии
Через полгода/год рынок начнёт оживать - и те, кто остался и прокачался, окажутся в лучшей позиции.
Главное
Да, сейчас тяжело. Но это временно. Те, кто переживёт этот период с обновлёнными скиллами и портфолио - встретят следующую волну роста во всеоружии.
#frontend #карьера #ITрынок #вакансии #поискработы #webdev #react #vue #angular #AI
👍4
ИИ не убивает дизайн, разработку и аналитику - он перераспределяет спрос
Да, бизнес сейчас думает, что всё стало «дёшево и быстро» - и дизайн, и код, и аналитика. Но эта иллюзия быстро разобьётся о реальность.
Что реально происходит:
Фокус в стадии смещения на маркетинг и эксперименты
Скорость разработки выросла → теперь можно быстро тестировать гипотезы. А/Б-тесты становятся нормой (как с обложками на YouTube) - запустить 3-5 разных реализаций одной фичи (или нескольких сразу, или даже MVP) за неделю. Рынок в фазе экспериментов.
Парадокс в цифрах
Исследование Стэнфорда (август 2025): занятость разработчиков 22-25 лет упала на 20% с конца 2022. У специалистов старше 30 - растёт. Сеньоры используют ИИ как инструмент: один опытный специалист с ИИ может делать работу, на которую раньше нужна была команда. Рутину берёт на себя ИИ, решения принимает человек.
Что будет дальше
Когда компании наиграются с маркетингом и дешёвыми MVP - столкнутся с необходимостью усложнять продукты. Ожидания пользователей растут. Микросервисы, персонализация, аналитика, CI/CD - это всё требует команды опытных специалистов, которые умеют думать системно.
Объём работы растёт
ИИ приоткрыл окно входа для небольших проектов и стартапов → на рынок выходит больше продуктов → конкуренция жёстче. Но для масштабирования и усложнения продукта нужны команды опытных специалистов. DevOps управляют инфраструктурами, фронтенд создаёт сложный UX, бэкенд масштабируется, бизнес-аналитики обрабатывают терабайты данных.
ИИ убирает рутину и повышает планку. Сейчас приоритет на опытных специалистах, которые умеют его использовать.
Вы видите то же самое в вашей сфере?
#AI #ArtificialIntelligence #SoftwareDevelopment #ProductDesign #DevOps #TechIndustry #FutureOfWork #TechTrends #SeniorDevelopers #Innovation
Да, бизнес сейчас думает, что всё стало «дёшево и быстро» - и дизайн, и код, и аналитика. Но эта иллюзия быстро разобьётся о реальность.
Что реально происходит:
Фокус в стадии смещения на маркетинг и эксперименты
Скорость разработки выросла → теперь можно быстро тестировать гипотезы. А/Б-тесты становятся нормой (как с обложками на YouTube) - запустить 3-5 разных реализаций одной фичи (или нескольких сразу, или даже MVP) за неделю. Рынок в фазе экспериментов.
Парадокс в цифрах
Исследование Стэнфорда (август 2025): занятость разработчиков 22-25 лет упала на 20% с конца 2022. У специалистов старше 30 - растёт. Сеньоры используют ИИ как инструмент: один опытный специалист с ИИ может делать работу, на которую раньше нужна была команда. Рутину берёт на себя ИИ, решения принимает человек.
Что будет дальше
Когда компании наиграются с маркетингом и дешёвыми MVP - столкнутся с необходимостью усложнять продукты. Ожидания пользователей растут. Микросервисы, персонализация, аналитика, CI/CD - это всё требует команды опытных специалистов, которые умеют думать системно.
Объём работы растёт
ИИ приоткрыл окно входа для небольших проектов и стартапов → на рынок выходит больше продуктов → конкуренция жёстче. Но для масштабирования и усложнения продукта нужны команды опытных специалистов. DevOps управляют инфраструктурами, фронтенд создаёт сложный UX, бэкенд масштабируется, бизнес-аналитики обрабатывают терабайты данных.
ИИ убирает рутину и повышает планку. Сейчас приоритет на опытных специалистах, которые умеют его использовать.
Вы видите то же самое в вашей сфере?
#AI #ArtificialIntelligence #SoftwareDevelopment #ProductDesign #DevOps #TechIndustry #FutureOfWork #TechTrends #SeniorDevelopers #Innovation
🔥2💯2⚡1