Интересная статья о разнице зарплат в айти

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

Есть 3 тира компаний:
1. Локальные
2. Амбициозные локальные и стартапы
3. Бигтех и хедж-фонды

Самые высокие зарплаты у третьего уровня. Компании готовые перевезти лучших сотрудников из другой страны (Microsoft, Apple, Google). x3-4-5 от рынка
Зарплаты выше среднего у лидеров локального рынка и стартапов, которые получили недавнее финансирование. x-1.5-2-3 от рынка
Зарплаты по "рынку" у локальных компаний.

Часто мы не видим и не знаем топовых зарплат, т.к. они непубличные и в общем доступе о них нет информации.

Под ЗП подразумевается общая компенсация: зп + бонусы + акции и тд.

🎯 Твои вопросы = успешное собеседование

Проходя собеседование, многие забывают о своих вопросах компании. После знакомства и технички у вас обязательно должны быть вопросы.
⚡️ Они показывают интерес к вакансии.
💭 Как думает интервьюер: вы ничего не спрашиваете → вам неинтересна позиция или компания → вероятно, так же вы будете относиться и к работе в этой компании.

📝 Какие вопросы задаю лично я:
👥 - Сколько человек в команде и из кого состоит?
🚶‍♂️ - Куда делись предыдущие разработчики?
🎯 - Какого человека ищут на эту позицию?
⚙️ - Как устроены у вас процессы?
⏰ - Случаются ли переработки и почему?


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

Какие знания и концепции обязательны для работы фронтенд разработчиком ?

1. Типы данных и преобразования
- Примитивные типы (string, number, boolean, null, undefined, symbol)
- Объекты и массивы
- Приведение типов
- Операторы сравнения (== vs ===)
- Глубокое и поверхностное копирование

2. Область видимости и контекст
- Глобальная и локальная область видимости
- Замыкания (Closures)
- This
- Bind, call, apply
- Стрелочные функции и их особенности

3. Асинхронность
- Callbacks
- Promise и цепочки промисов
- Async/await
- Event Loop
- Микро и макро задачи

4. Функциональное программирование
- Функции высшего порядка
- Чистые функции
- Рекурсия
- Каррирование
- Композиция функций

5. ES6+ возможности
- Деструктуризация
- Spread/Rest операторы
- Модули (import/export)
- Template literals
- Optional chaining и Nullish coalescing
- Динамический импорт

6. Обработка данных
- Методы массивов (map, filter, reduce, sort)
- Методы объектов (Object.keys, values, entries)
- JSON методы
- Работа с датами
- Регулярные выражения

7. Обработка ошибок и отладка
- Try/catch/finally
- Throw
- Кастомные ошибки
- Дебаггинг
- Console методы
- Error handling в асинхронном коде

Душные собеседования

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

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

В таких ситуациях проще закончить собеседование на 15-30-40 минуте, чем сидеть, мучаться и портить себе настроение. Главное — ценить себя и своё время.

👨‍💻 Что фронтендеру нужно знать о браузере?

Один из частых вопросов на собеседование: "Расскажите что будет после того как в браузерной строке вбить google.com и запустить?"

Что же нужно знать?
⁃ Как парсится URL
⁃ Отличие HTTP от HTTPS
⁃ Обязательно упомянуть Handshake и сертификаты
⁃ Как работает DNS
⁃ Что уходит на сервер
⁃ Методы: GET, POST, PUT, OPTIONS, DELETE
⁃ REST
- CORS и запрос preflight
⁃ Заголовки и Cookies
⁃ Что возвращается от сервера
⁃ Что значат популярные коды ответа
⁃ Заголовки и как изменяются Cookies на сервере
⁃ Как браузер парсит HTML, если он приходит кусками
⁃ Когда начинает строиться DOM
⁃ Блокирующая и неблокирующая загрузка стилей и скриптов.
⁃ Рендеринг DOM и его стадии
⁃ Когда происходит повторный рендеринг
- Reflow, repaint, layout

Хорошие статьи на эту тему:
https://t.me/easy_javascript_ru/289
Рендеринг веб-страницы

🎯 Доска задач рядом - ключ к продуктивности

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

Почему это работает? Когда задачи всегда на виду - мозг автоматически фокусируется на их выполнении. Нет нужды открывать приложения или вкладки, всё важное прямо перед глазами.

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

Зарплатная вилка:
от ~15000$-22000$/мес. - тестовый период ~15к$, затем основная ~22к$ - частичное совпадение с требованиями.
до ~33000$/мес. - полное совпадение с требованиями с опытом.

Вакансия по нашим аппетитам 😁😁😁

Самая частая задача на лайкодинге на уровне middle - middle+

Разрешить дерево элементов и сделать плоский массив из получить все value

const tree = {
    value: 1,           
    children: [         
        {
            value: 2,   
            children: [ 
                { value: 3 }  
            ]
        },
        {
            value: 4,   
            children: [
                { value: 5 },
                { value: 6 }
            ]
        }
    ]
};

Решение:

function getTreeValues(tree) {
    // Создаём стек, начиная с корневого узла
    const stack = [tree];
    // Массив для хранения результатов
    const result = [];

    // Пока в стеке есть элементы
    while(stack.length > 0) {
        // Извлекаем последний узел из стека
        const node = stack.pop();
        
        // Если у узла есть значение
        if(node.value !== undefined) {
            // Добавляем значение в результат
            result.push(node.value);
        }

        // Если у узла есть дочерние элементы
        if(node.children?.length) {
            // Добавляем их в стек
            stack.push(node.children);
        }
    }

    // Возвращаем собранные значения
    return result;
}

Как успешно пройти онбординг?

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

Что делать?

1. Запроси все доступы ко всему
2. Попроси рассказать про проект, архитектуру детально
3. Говори много на дейликах, о том что сделал и будешь делать
4. Благодари всех, кто помогает в онбординге и отмечай это на дейликах
5. Задавай вопросы, не стесняйся задавать много вопросов. Например:
- как проводится код ревью?
- как устроен процесс проверки задач?
- как устроенны процессы?
- куда коммитить?
- где брать документацию?
- где стенд и как на него закатывать свои фичи?
- в какой жире хранятся задачки?
- кто проверяет задачки?
- кому задавать вопросы по апишке?
- как устроен релизиный цикл?

В stateOfJS вышли итоги года. Детальнее можно посмотреть здесь
https://2024.stateofjs.com/ru-RU/awards/

Вышел новая версия React! Срочно обновляемся! (Нет)

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

За карьеру уже было много раз, когда решили подтянуть новую версию либы и после этого разработчик расчищал приложение от багов, а бизнес сильно страдал.
Последний раз после обновы MUI одним из разработчиков команды вышло 250(!) багов и фикс их занял 3 недели. Показы демо отменились и перенесли на 2 недели.

Потенциальные проблемы:
1. Большие изменения в API модуля
2. Несовместимость зависимостей
3. Конфликты стилей
4. Проблемы с типизацией

Прежде чем что-то обновлять нужно:
1. Понять нужно ли оно вообще вам?
Одна удобная фича, которая ускорит работу на 2.5% ваш код или сборку вместо потенциальной кучи проблем.
2. Согласовать это с техлидом и бизнесом и выделить отдельное время на тех задачу.
3. Зафиксировать версии модулей в package.json (убрать все "крышечки" около модулей)
4. Поэтапно обновить необходимые модули
5. Рассказать QA инженерам чтобы сделано, чтобы они провели это
а) автотестами
б) сделали полный регресс на девстенде

Предновогодний оффер на 200к у ученика 🥳 отличный подарок на нг🎄

Итоги года 🎄

Устроено учеников: 7

Устроенных с нуля: 5

Максимальный оффер ученик: 330

Средняя зп оффера: 230к (после налогов)

Всего учеников: 22

Мой максимальный оффер на рф рынке: 420к

Вас никогда не уволят

Компаниям очень тяжело и невыгодно увольнять своих сотрудников.

Почему?

1. Ресурсы
Даже если сотрудник не генерирует супер прибыли и не коммитит по 15 тасок в неделю , он может быть полезен, когда прилетит срочный проект.


2. Тяготы законодательства
При оформление по ТК РФ уволить без выплаты окладов после испытательного срока практически нереально.

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

3. Искать нового сотрудника еще дороже
Обучить слабого по скилам сотрудника или апнуть зп дешевле чем найти нового.

Посчитайте сколько займёт поиск и адаптация нового сотрудника:
время рекрутера
+ купленная подписка на хх/линкедин
+ время нанимающего менеджера на проведение
+ онбординг
+ обучение нового сотрудника коллегами
+ адаптация сотрудника
+ потенциальные риски

При входных данных
средняя зп сеньора: 300к
средняя зп рекрутера: 130к
средняя зп тимлида: 450к
и всего остального потенциальные траты больше 1.5кк.
Если поднять зп на 20%
60к * 12 = 720к

В 2 раза дешевле чем увольнять + сотрудник принесет за это время деньги.


Потенциальные риски когда могут уволить:
- испытательный срок ( 3 месяца )
- работа по ИП/СЗ/ГПХ/Крипте/Контракту
- ликвидация компании/сокращение штата
- стартапы и небольшие компании

Нейросети при обучении

Большое количество моих учеников использует при обучении/подготовке к собесам нейронные сети (НС).
Я им рекомендую до момента пока они сами не поймут как программировать это не использовать.

Почему?
Материал, который ученик должен сам понять он решает за счет НС и решение не откладывается в голове --> навыки не качаются и теория не остается в голове.
Использовать для поиска материала или для обьяснения решения нужно обязательно, но отдавать полностью нельзя.

Чем грозит постоянное использование НС:
1. Отсутствие глубокого понимания
2. Поверхностное обучение
3. Отсутствие практики
4. Неверные решения из-за недостоверности НС