Костя 8Бит | Fullstack AI
975 subscribers
91 photos
2 videos
2 files
62 links
Канал для разработчиков Frontend & Backend с полезными материалами по разработке, поиску работы и работе с AI.

Я 8 лет в веб-разработке, сейчас работаю Lead AI Fullstack Engineer и внедряю AI агентов.
@kostya_xxxx

Курс по AI: Kostya-it.pro/ai
Download Telegram
Костя 8Бит | Fullstack AI
Стрим с АйТи Красавчиком Сходил на стрим к Жене обсудить текущую ситуацию на фронтенд рынке с классными ребятами 🙂
Собеседование на 10к$ на фронтенд разработчика

На стриме у Жени упомянул что проходил собеседования в крипто компании с зп 10к$. Решил поискать и вспомнить что за компании были и какие там были процессы.

1. Kraken.com
Очень известная крипто-биржа.

Этапы собеседования:
1. Стандартный эйчар звонок с чернокожей женщиной Amy. Спросила про мою локацию, нужна ли мне виза в стране где я нахожусь и окей ли мне принимать оплату в крипте
2. Тех собес c John. Дали 2 задачки примерно уровня medium с leetcode.

2. Aldrin Labs
Крипто-стартап. Сама вакансия: https://web3.career/senior-front-end-developer-remote-aldrin/42714

Этап бы всего один: формат диалога с большим кол-вом технических вопросов. Один из самых сложных собеседований в жизни. Спрашивали как работает компилятор, компрессия, погрузка файлов/картинок в браузере.
🔥11👏4🤯2👍1
Media is too big
VIEW IN TELEGRAM
ОГО! Вот это Платформа!

⭐️ Пару месяцев назад задумался о разработке своей платформы для учеников. Материалы и ДЗ я давал прямо в телеграмме и решил перевести это все в единый формат в едином месте.

Небольшой командой разработали первичную версию этой платформы

🔑Авторизация будет работать по телеграмм боту @kostya_web_dev_platform_bot

💻Она будет состоять из:
вопросов с собеседований, тренажер по вопросам, записи собеседований, обучающих уроков
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2044👻1
Программисты больше не кодят (сами)

На просторах ХХ нашел интересную вакансию

Frontend VibeCoder (AI-Powered Developer)

Vibe coding - метод программирования, основанный на использовании больших языковых моделей (LLM) и искусственного интеллекта (AI) для генерации программного кода

Таких вакансий будет появляться все больше и больше. Этот термин появился пару месяцев назад, но уже обрел своих поклонников.

В своей работе я отдаю написание кода на 80% курсору, а дальше смотрю написал ли он ересь или нормальный код.

К чему приведет тренд вайб кодинга?
- В ближайшие годы код будет генерироваться нейронками на 50-90%
- Программисты не использующие современные инструменты останется без работы
- Скорость разработки приложений существенно вырастет

Что стоит изучать/почитать разработчику?
- Cursor
- AI Agents
- MCP servers
- Как правильно писать промт запрос
- v0.dev
- cloude sonnet (самая мощная нейронка для программирования)
👀83🤔3😁1👻1
Не унижайся перед рекрутером/нанимающим менеджером НИ-КО-ГДА

(Если вы сами цените себя невысоко, мир не предложит вам ни на грош больше.)

Вчера ученику пришел оффер в небольшую продуктовую компанию на 150 т.р. Вроде бы хорошо, но ожидания, озвученные рекрутеры были 230. Очевидный вопрос почему так?

На данный момент, так как есть куда расти и так как мы хотели бы посмотреть во время ИС насколько мы друг другу подходим - то мы ориентированы на сумму 150 000 руб. фикс на 3 месяца, а после ИС введем мотивационную еще часть, которая тотал будет компенсировать твои ожидания по порядку сумм.


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

На вежливое сообщение о необходимости подумать и подождать рекрутер ответила, что они тоже подумают и посмотрят других кандидатов. Рекрутер напрямую говорит что может отозвать оффер!

Огромный красный флаг 🚩

Без долгих раздумий решено отказаться от дальнейшего общения с этой компанией.

Если компания режет ваши ожидания по зп на 50% так еще и манипулирует отзывом оффера, работа в этой компании будет ужасная и токсичная. Не стоит торговаться или общаться с таким работодателем
🤝15👻31🙈1
Из 50к в 550к за год

15 апреля 2024 года мой первый ученик с полного нуля до миддла получил свой первый оффер в айти.
Теперь он работает на двух работах за 550к.
В честь прошедшего года решил сделать с ним мини-интервью.


Начнем:

1. Что тебя мотивировало обучиться в айти?

Интересная современная профессия, удалённая работа ну и, конечно же, высокая зарплата)

2. Какие темы давались сложнее всего? Как ты с этим справлялся?


Не мог понять как работает редакс, понял уже принцип его работы только на самом первом реальном проекте, поэтому нет ничего страшного, если чего-то не знаешь
Если очень надо будет - разберёшься всегда)

3. Одно из самых сложных для тебя прохождение собеседований. Какие можешь дать советы, чтобы успешно их проходить?

Было много сложных собесов, но могу выделить один, который поменял всё.

Я искал первую работу, и меня пригласили на собес в Сбербанк. Меня собесило 3 человека, и в какой-то момент они видимо как-то поняли, что я вкатун и начали откровенно издеваться, задавать всякие идиотские вопросы вроде "Сколько у тебя строк кода в проекте?".
Я был неопытным и не понимал, что это не просто сложные вопросы, а откровенное издевательство.

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

После этого собеса я стал сильнее морально, мне было уже ничего не страшно, ну и плюс улучшил свою легенду.

Остальным ребятам посоветую плохие собеседования воспринимать как фактор роста и обязательно их разбирать

4. У тебя сейчас две работы на 300к и 250к. На сколько тяжело совмещать?

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

5. Всего за год ты проделал огромный путь. Что помогло тебе сделать такой быстрый скачок?

Тут простая история - Костя говорил что делать, я делал. Всё!

Выучи эту тему, она у тебя слабоватая - я учил
Проходи собесы на новую работу - я проходил
Напиши эйчарке это, чтобы выбить лучшее условия - я писал

Сейчас сам помогаю с менторством и часто вижу, что люди начинают философствовать вместо того, чтобы просто сделать то, что им говорят.
Говорю "сделай А, получишь Б" - а в ответ "а может лучше Ц через Ы?"
Нет, ребят, просто делайте что говорят - и будет вам результат )

6. Какие дальнейшие цели в карьере?


Хотелось бы перейти в блокчейн, освоить Solidity, либо освоить GO и свичнуться на бэкенд

7. Какое напутствие дашь тем, кто сейчас в самом начале пути?

Поймите одну важную истину: пока молодой и мозг варит, надо впахивать на полную.
Да, можно забить и кайфовать, но потом в 35-40 поймёте, что момент упущен, а догонять уже тяжело - и сил меньше, и мозг уже не торт.
Не говорю пахать 24/7, но пару лет сейчас вложить в себя - и потом будете кайфовать с хорошей позицией и зарплатой, а не страдать что все выросли, а вы застряли.
Тусить никто не запрещает, но помните - ваше будущее делается именно сейчас!
🔥15👍21
Как не сойти с ума в айти

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

🚨Как не слететь с катушек и не использовать подобные вещи?

1️⃣ Режим
Самый важный пункт. Нужно соблюдать режим вставать в одно и тоже время и заканчивать вовремя. Вы должны забыть про ответ коллегам в 9-10 вечера и забыть про рефакторинг в 12 ночи!

2️⃣ Смена деятельности
Очень помогает смена деятельности, желательно чтобы она была физическая: теннис, бокс, столярничество. Поиграть в доту после работы не подходит.

3️⃣Психотерапия
При сложностях можно обратиться к специалисту и он внимательно выслушает про тот какие другие разработчики плохие не хотят переписывать код на код ревью.


Главное понять: Работа ≠ Вся жизнь
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍42
Первые 15 минут на собеседовании решают всё!

Когда я проводил интервью и набирал команду в одном BigTech, то заметил особенность: уже в первые 15 минут я понимал, будет ли положительный фидбек или нет.

😌 Насколько человек вам приятен и насколько нравится, как он говорит, влияет очень сильно. Нанимающие менеджеры выбирают людей, с которыми им будет комфортно работать.

Вряд ли консервативный 50-летний бумер 👨💼 возьмёт на работу татуированного 20-летнего зумера. И наоборот: в команду 25-летнего стартапа 🚀 сложно представить 45-летнего, который застал эру зарождения интернета и веб-разработки.

Конечно, я привёл пример эйджизма, но в реальной жизни вам никогда прямо не скажут: «Ты не подходишь нам по вайбу, хотя по хардам у тебя всё супер».

Сталкивались ли вы с таким?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11
Апрельские офферы учеников 🥳🥳🥳
🎉13🔥64
САМЫЙ Современный и стандартизированный стек для фронтенд-разработки в 2025 году

Основные технологии:

Фреймворк: Next.js
Супер классный фреймворк, очень универсальный с богатой экосистемой.

📌Включает в себя:
• Серверный рендеринг (SSR) и статическую генерацию (SSG)
• Встроенный роутинг
• Различные оптимизации
• API-роуты

Альтернативы:
Gatsby, Remix

Библиотека: React
React бессмертный король. Процентов ~70-80% всех фронтенд приложений написаны на реакте. В 2017 слышал, что вот-вот его заменит Vue. В 2022 что заменит Svetle. В обсуждении не нуждается нужно ли учить реакт.

Сборщик: Vite
Vite ворвался неожиданно и теперь является новым стандартом. Теперь не надо колупаться в webpack. Простой, быстрый, оптимизированный.
В 2024 получил премию лучшей технологии

🛡Типизация: TypeScript
Абсолютный стандарт для средних-больших проектов с 2019 года.

🎨Стилизация
CSS Modules — локальные стили для компонентов. Удобно, просто.

Styled Components — CSS-in-JS с динамическими стилями. Не слишком оптимизированно, но удобно и просто.

SCSS — расширение CSS с переменными и миксинами

🧩 UI KIT
Ant Design/Material UI — самые популярные полноценные дизайн-киты

Radix UI/shadcn — современные либы обязательные к ознакомлению.

Chakra UI — простой, понятный UI KIT


🧠State Manager
Redux Toolkit — главный стандарт среди стейт менеджеров

MobX — топовый стейт менеджер с реактивным мутабельным управлением состояния

Zustand — современная замена Redux

React Query — удобная работа с запросами на сервер и кешированием

Context API — встроенный контекст в реакте для простых случаев.

Валидация
Zod/Yup — валидация схем

React Hook Form — эффективная современная библиотека заменившая Formik


🎯 Тестирование
Vitest — быстрый тест-раннер

Jest — стандарт для написания тестов на React

Playwright — e2e тестирование браузеров. Современная альтернатива Cypress

P.S. Возможно, я тут не указал ваш любимый модуль, который на самом деле очень крутой. Можете добавить список в комментариях. Этот список является очень субьективным.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍127🔥6
Лучшая фронтенд архитектура прямо сейчас

🎉Разобрал в видео основые типы архитектур на 2025

Смотрим. Ставим лайки. Подписываемся 💅
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥5🐳31💅1👾1
Feature Slice Design

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

В следствии чего узнать ваше мнение о этом подходе.

Какой у вас опыт с FSD? Позитивный? Негативный?
Прохожу собеседование на 350к в банк

В этом видео прохожу собеседование в один топ-10 банков РФ. Вилка 350к гросс + 3 зарплаты в конце года.

После тех интервью получил оффер)
👍6🔥43
0809(3).mp4
11.8 MB
Как подготовиться к любому собеседованию по фронтенду

В начале года набрал много ребят на менторство и часто я им повторял одно и тоже. Появилась идея систематизировать знания. Запихнуть все в одно место: вопросы с собесов, отдельные уроки, софт часть, которая очень важна.

20 января я обратился к классному дизайнеру Никите . Обсудили основные ветки приложения, нужный функицонал и началось проектирование системы. К середине марта дизайн был готов, началась плотная разработка. К 20 маю MVP было готов и мои ребята уже начали взаимодействовать.

Фидбек мне понравился, платформа зашла.
Через время подумал продавать платформу как отдельный продукт.

Если хотите грамотно подготовиться к собеседованию, можно использовать мою платформу. Доступ всего за 900р

Демо платформы: https://kostya-it.pro/demo
👍63🔥3👎1
Добавил новую фичу и все опять сломалось

👨‍💻Я сталкивался с таким сотни раз, когда добавлял фичу и приходилось переписывать/рефачить код.

🏠Особенно эта проблема преследовала меня на старых проектах. На новых пиши как хочешь - все будет работать.
А вот через время уже 15 раз подумаешь куда добавить эту функцию или переписать все к чертовой матери.


Как этого избежать?

Для себя я выявил несколько путей:
1. Грамотно спроектированная архитектура
Код должен быть не просто «рабочим», а предсказуемым. Новая фича не должна превращаться в бомбу замедленного действия

2. Консистетность. Одинаковые правила написания кода
Если каждый напишет «по-своему», то проект превратиться в мусорку. Нужно грамотно описать правила кода.

3. Централизация и переиспользумость
Желательно писать свои функции, сервисы, адаптеры, которые будут использоваться по всему проекту. Положи в одно место адаптер денормализации и радуйся, нежели использовать десяток адаптеров "на месте".


📌 В следующих постах буду рассказывать, как конкретно я раскладываю проект по слоям и почему это спасает проект и уменьшает боль.

🫡Сталкивались ли вы с таким?
Как думаете что нужно для грамотной архитектуры?
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥5❤‍🔥2🤝1
Я стал тупым из-за ChatGPT

🚀Лично мне нейронные сети ускорило решения многих вопросов. Что я бы делал 2-3 дня могут теперь сделать за день. Сгенерировать код, написать текст, выстроить план, учесть множество контекстов. Уверен так у многих.

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

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

🖥Учитывая скорость распространения нейронок скоро откажемся сами думать и дадим все на откуп машине. И это реально страшно. Наш мозг - мышца. Если его не тренировать, он атрофируется.

Мой тейк: нужно проверять, дорабатывать, спорить с ответами нейросети.

Сделано ChatGPT 4.1 19 сентября 10:00

Окей, вот цельный пост в одном стиле, без повторов и разрывов — можно сразу ставить в канал:

Хочешь, я предложу вариант покороче — на 2–3 абзаца, чтобы читалось быстрее и заходило в формат «быстрого поста»?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍82🤝2
Я убил архитектуру приложения

Продолжение поста о том как можно упростить себе работу и уменьшить боль.

> Централизация и переиспользумость
🕚Тут буду говорить про то, чтобы одинаковая логика была реализована один раз в одном месте и дальше использовалась по всему проекту.

🔄 Пример: Централизованный кэш API


// страница товаров
if (sessionStorage.getItem("products")) {
return JSON.parse(sessionStorage.getItem("products")!);
} else {
const products = await api.getProducts();
sessionStorage.setItem("products", JSON.stringify(products));
return products;
}


такая ситуация не очень хороша, т.к. каждый экран сам кэширует результаты API


// services/cacheService.ts
export async function withCache<T>(key: string, fetcher: () => Promise<T>): Promise<T> {
const cached = sessionStorage.getItem(key);
if (cached) return JSON.parse(cached);

const data = await fetcher();
sessionStorage.setItem(key, JSON.stringify(data));
return data;
}


тут вынесли кэширование в отдельный сервис и он будет использоваться в одном месте.


const products = await withCache("products", () => api.getProducts());


То есть, если мы захотим поменять sessionStorage на localStorage мы сделаем это в одном месте. Если без сервиса, во всех 30-40-50 мест.


🔚Делая итог, главная идея такая:

1. Вынести повторяющуюся/общую логику в сервисы, адаптеры, валидаторы, утилиты.

2. Сделай одну центральную точку правды.
Тогда изменения не будут ронять весь проект.
Please open Telegram to view this post
VIEW IN TELEGRAM
😭43
90% резюме разработчиков = шлак

Побывал по ту сторону хедхантера и посмотрел на резюме других разработчиков. Среди 40 тысяч резюме разработчиков найти нормальное очень тяжело.

90% резюме были такие:

- Писал код на Node.js
- Делал задачи на реакте

Ну тут неудивительно что никто на собес пригласит.

Рекрутер, глядя на такое резюме, думает:
"Круто, конечно. но только какой толк от этих действий? Метрики выросли? Устранился техдолг? Бизнес заработал больше бабок?"

Формулу, которой нужно пользоваться:
X -> Y -> Z

Где X - что сделал (достижение)
Y - как это было измерено (цифры, метрики, результат)
Z - за счет чего это сделано

Пример:

Внедрил BFF-сервис (X), что сократило количество сетевых запросов фронтенда к микросервисам на ~40% (Y), за счёт агрегации данных в единое API (Z)



Если переписать достижения по такой формуле рекрутеры и нанимающие менеджеры в 10 раз будет проще понять что вы делали на работе. Другой вопрос где писать и брать эти метрики.
👍4❤‍🔥22
Ты никогда не решишь задачи на лайфкодинге

Собеседования с каждым годом сложнее и процесс входа везде повышается в 10 раз.

Но главный сюр, что многие нанимающие менеджеры дают задачи на кодинге, который сами не решат.


Пару примеров:

1. У меня был собес год назад в одну известную компанию связанную с бронированием отелей. Должно было быть 3 секции по 30 мин.
Первые 2 секции закончил за 30 минут, а вот когда перешла очередь третьей задачи началось веселье.
Сначала 10 минут мне не могли обьяснить в чем суть задачи, потом когда начал решать выяснились доп условия. А в конце когда я спросил: "Как решать правильно?"
"А мы сами не знаем, тут только говнокодом могу решить"


2. Второй пример другого разработчика с которым знаком.
Тимлид начал набирать еще одно разработчика в команду и начал давать на собесе задачку уровня medium с литкода.
Мой знакомый спросил: "А ты бы сам решил ее, не зная предварительно условий?". Тимлид ответил: "Думаю нет"


Найм сломался, но новый делать мы не будем.
😁84🙈2