👩‍💻 Почему тебе необходимо выучить Vue.js уже в этом году

Vue.js — это фреймворк, созданный Эваном Ю в 2014 году, а его главный конкурент, React, был представлен Meta (ex Facebook) за год до этого. React получил взрывной рост популярности уже в 2015 году с выходом версии 15, Vue.js изначально же был более локализован для Китая. В России и СНГ он стал набирать популярность только после выхода второй версии в 2016 году.

React появился в самое удачное время и сразу попал на волну хайпа, но что происходит сейчас?

Если заглянуть в результаты State of JavaScript за последние 5 лет, можно заметить значительный рост популярности Vue. Уже в 2023 году количество пользователей Vue почти сравнялось с React по показателю «используют фреймворк».
В то время как React в последние годы сталкивается с тенденцией к замедлению роста, Vue продолжает набирать обороты.

Теперь давай к конкретным пунктам, почему стоит изучать Vue:

1) Конкуренция и рынок вакансий
Основной аргумент за React — это количество вакансий. На Vue же их практически нет... да?

Если мы сравним количество вакансий по Vue и React на hh, то по запросу "Vue" (исключая React, Angular) мы видим 555 вакансий. Для "React" (исключая React Native, Vue, Angular) — 1097 вакансий. Кажется, что React явно выигрывает по количеству, верно?

Но если посмотрим на количество резюме, то ситуация меняется: для Vue — 63к резюме, для React — 164к резюме. Делим одно на другое и получаем, что соотношение кандидатов и вакансий в пользу Vue.

Можно пойти дальше и поискать резюме по запросу "Pinia" (актуальный стейтменеджер Vue) — 6к резюме. "Redux" — 66к (разница в 11 раз!)

И самое важное: количество вакансий на Vue продолжает расти с каждым годом. Вспоминаю, сколько их было 5 лет назад и сколько сейчас. Думаю, что уже через 2-3 года количество вакансий на Vue может достичь уровня React, а возможно, и превзойти его.

2) Vue в крупных компаниях
Второй аргумент: "В крупных компаниях используют только React". Это было актуально 8 лет назад, но на сегодняшний день картина другая.

Есть прекрасная таблица: доля Vue в компаниях составляет уже 33%, доля React — 41%, остальное приходится на другие фреймворки (доля Angular всего 4%). Это означает, что всё больше крупных компаний выбирают Vue для запуска новых проектов. Причины просты и описаны ниже.

3) Кривая входа
Если ты начинаешь путь во фронтенде, Vue — идеальный выбор. Его кривая обучения значительно мягче, чем у React. Vue использует декларативную шаблонизацию, и для начала достаточно выучить несколько магических слов, чтобы начать разрабатывать полноценные приложения.

У Vue более прокаченная система реактивности, которая позволяет достигать двустороннего связывания с помощью всего одного магического слова. (Если интересно, могу подробнее рассказать о реактивности Vue/React).

Если ты уже знаком с React, освоить Vue будет несложно. У Vue отличная документация, которая поможет быстро изучить основы.

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

4) Собеседования
Собеседования на Vue, как правило, проходят быстрее и проще, чем на React.

React — это библиотека, поэтому помимо вопросов, связанных с самой библиотекой, у вас будет много вопросов, связанных с выбором многочисленных стейтменеджеров и комбинации работы инструментов, которые вы взяли в связке с React.

Vue — полноценный фреймворк, в экосистеме которого есть все необходимое для написания приложений, поэтому вопросов о дополнительных инструментах, как правило, не возникает.
Общее количество теоретических вопросов по Vue значительно меньше, чем по React и они более сфокусированы.

5) Ситуация на рынке прямо сейчас
Причины перегрева React'а и эксперименты с резюме опишу в комментариях (упираюсь в лимиты поста)

TLDR: На фоне перегретого React рынка — изучение Vue в разы увеличивает шансы на успех.

Изучить Vue можно вместе с нами.

✈️ Telegram | 📹 YouTube

🚀 Топ ИИ-инструментов для frontend-разработчиков (и не только) в 2025 году

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

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

В этом посте я собрал инструменты, которые успел попробовать, и расскажу, какие реально прижились в моей работе и какие могу рекомендовать.

🔹 Автодополнение кода

Copilot / Tabnine — первые помощники, которые появились ещё до эры ChatGPT.
Они умеют дописывать код и писать функции. Особенно мне нравился Tabnine.
Но сейчас я бы их не рассматривал — уже есть инструменты получше.

🔹 Генеративные чаты

ChatGPT / Claude / Gemini — мастера для boilerplate-кода, генерации функций, написания тестов, объяснения чужого кода и сложных концепций. Легко генерируют текста, помогают разобрать тему и даже протестировать вас по пройденному материалу.
С каждым годом становятся все умнее и умнее.
Сам я сижу на ChatGPT Plus и закрываю им бОльшую часть рутинных задач.
Если хочется приобрести подешевле, то вот отличный гайд.

🔹 IDE с встроенным ИИ

Cursor / Windsurf / Zed — это полноценные IDE для разработки, внутрь которых уже встроен ИИ-агент, который понимает контекст кодовой базы и позволяет быстро решать необходимые задачи.
Я лично пользовался только Cursor — отличный инструмент, который помогает объяснить нужный код, рефакторить, писать тесты (при правильной эксплуатации), создавать проекты с нуля.
Можно использовать как полноценную замену VSCode.

🔹AI-поиск и браузеры

Perplexity / Comet — это как google, только с более валидными ответами и ссылками.
А у Comet — вообще встроенный AI-агент. В прошлом посте я уже показывал, как с его помощью можно подтверждать навыки на hh, там же я делюсь инвайтами в Comet — если нужны, пишите в комменты под тем постом.

Вот еще список дел, которые можно на него делегировать:
— автоматически откликаться на вакансии и вставлять сопроводительное письмо. (При этом можно просить генерировать сопровод на основе вашего резюме и вакансии, на которую делается отклик)
— делать выжимку из больших ютуб видео и сразу конспектировать их с возможностью выгрузки в условный Notion.
— любые другие активности по типу "поиск и бронирование билетов" (я лично пока не рискую 🤷‍♂️)

🔹 Генерация картинок

Midjourney / Stable Diffusion
GPT и Gemini умеют рисовать, но не всегда справляются с этим хорошо. Они очень сильно видоизменяют исходное изображение.
Поэтому если нужно точечно изменить картинку или сделать качественный визуал, то стоит рассмотреть эти инструменты — они справятся лучше.

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

А какими ИИ-инструментами вы пользуетесь? Что посоветуете еще глянуть?

✈️ Telegram | 📹 YouTube | 🎓Менторство

👩‍💻 Бесплатный Frontend Roadmap

Друзья, рад вам представить результат трудов последних месяцев — полноценный, бесплатный фронтенд роудмап, оформленный в мини приложение в телеграм!

Мы с Димой старались сделать его максимально простым и удобным, но при этом полезным для каждого фронтенд-разработчика.

Что внутри?
Это приложение — полноценная дорожная карта по фронтенду, начиная от HTML, заканчивая материалами по System Design:

➖Поможет побороть синдром чистого листа и сделать уверенный старт в IT.
➖ В каждом разделе — отобранные материалы, накопленные за сотни менторских сессий и проверенные на реальных кейсах студентов.
➖Практика на каждом этапе: после закрытия блока вас ждет техническое задание с реальным проектом, который поможет закрепить ваши навыки.
➖Полностью бесплатно. Я сам когда-то проходил этот путь в одиночку и знаю, как важно иметь готовый роудмап и проверенные ресурсы на старте. Миссия этого роудмапа — дать каждому возможность самостоятельно освоить фронтенд и получить первую работу.

Подойдет как для новичков, так и для уже бывалых: вы сможете найти новые инструменты и подходы, добавив что-то полезное в свой стэк с помощью финальных блоков.

Мы планируем поддерживать и развивать этот роудмап, актуализируя материалы, добавляя новые практики и актуальные задачи.

💡 Сохраняйте себе и обязательно делитесь с теми, кому это может быть полезно!

P.S: любые пожелания, мнения и доработки — приветствуются!)

✈️ Telegram | 🎓 Менторство | 📹 YouTube | 👩‍💻 Roadmap

Топ самых популярных вопросов на frontend собеседованиях за 2025 год!

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

ВАЖНО: я не делил их по грейдам и зарплатным вилкам. Интересно было посмотреть именно на общую частотность.

Самая популярная секция вопросов оказалась именно софтовая и это не удивительно: я брал записи как скринингов с эйчарами, так и полноценные технические собеседования, поэтому вопросы по типу "расскажи о себе" встречаются практически в ста процентах случаях и там, и там.

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

Далее по популярности уже идут вопросы про основной фреймворк. У нас перевес собеседований идет больше в сторону Vue.js, но составил отдельные списки для двух фреймворков.

Из интересного: вопросы, связанные с архитектурой стали встречаться достаточно часто (12% от всех вопросов), что говорит о том, что рынок постепенно перенасыщается разработчиками, которые умеют лишь “красить кнопки”, и всё сильнее растёт запрос на инженеров, владеющих архитектурными практиками и способных писать масштабируемый и поддерживаемый код.

Теперь к самим вопросам. Разбил их по группам для удобства.

HR / soft skills (26-28% всех вопросов)

1. Расскажите о себе и вашем опыте.
2. Как пришли в IT?
3. Почему выбрали фронтенд/вашу специализацию?
4. Где работали ранее, почему уходите с текущего места?
5. Опишите вашу команду, как строили взаимодействие.
6. Как справляетесь со стрессом/неудачами?
7. Как предпочитаете работать: удаленно, гибрид, офис?
8. Что мотивирует вас в работе/развитии?
9. Ваши сильные стороны как специалиста?
10. Каких целей хотите достичь в компании?

JavaScript (22–24%)

1. Чем отличаются var, let и const?
2. Как работает event loop в JavaScript?
3. Что такое замыкание (closure), приведите пример.
4. Объясните механизмы async/await, Promise, callback hell.
5. Как устроено наследование, прототипы?
6. Для чего нужны map, reduce, filter? Покажите отличие от forEach.
7. Что делает bind/call/apply?
8. Как работает оператор spread/rest?
9. Отличие стрелочной функции от обычной.
10. Как работает this и как его менять?
11. Что такое async / defer?
12. Клонирование объектов
13. Что такое Set, Map
14. Задачи на строки и массивы
15. Что такое NaN?

Framework (18–20%). Vue.js

1. Чем отличаются ref / reactive / shallowRef?
2. Как устроен жизненный цикл компонента в Vue?
3. Отличие Vue 2 и Vue 3.
4. Что такое Composition API и Options API? Когда применять каждый из них?
5. v-if / v-show
6. Как работают computed и watch?
7. Что такое Virtual DOM во Vue и как работает?
8. Что такое Composables, приведите примеры
9. Как устроен роутинг (router)?
10. Как работает состояние (state), Vuex vs Pinia?
11. Как реализовать SSR в Nuxt/Vue / гидраций / почему и когда нужно?
12. Что такое props, как их типизировать?
13. Как устроен v-bind, v-model, v-html?
14. Что такое slots и зачем нужно?
15. Как оптимизировать производительность / keep-alive / nextTick

Так как пост имеет ограничение на количество символов, оставшиеся группы:

- React (18-20%);
- TypeScript (12-14%)
- Архитектура (10-12%)
- Тестирование (5-6%)
- HTML / CSS (5-6%)
- Сеть / Web / Браузер (4-5%)
- CI/CD / DevOps (3-4%)

можно забрать со всеми вопросами файлом через нашего бота, написав специальную команду /questions.

✈️ Telegram | 🎓 Менторство | 📹 YouTube | 👩‍💻 Roadmap