Никогда не проходи тестовое задание (бесплатно)

За свою многолетнюю карьеру делал 15-20 тестовых. Абсолютно неблагодарная работа. Практически никогда не было позитивного фидбека. Ревьювер кода всегда смотрит со своей колокольни и не всегда она будет смотреть в вашу пользу. У каждого свое понимание «чистого» кода.

Тестовое занимает больше часа - в топку! Если компания не готова потратить время на тебя, почему ты должен тратить время на нее? В нормальных компаниях время на устройство вместе с соискателем делится примерно 50/50.

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

Тестирование фронтенда

Пирамида тестирования на фронте выглядит так:
e2e
integration
unit

E2E тестирование: Сквозное (end-to-end) тестирование, позволяет тестировать функционал приложения. Прокликивать отдельные фичи, запускать процессы и тд. Обычно для их написания использует Cypress или Selenium. Для тестирования добавляет отдельные атрибуты для элементов. Пример: <input data-test-id="search-input" />


Integration тестирование: Интеграционное тестирование, позволяет тестировать работу всего приложения через взаимодействие с UI, совместимость с другими модулями(если например приложение разбито на микрофронты или использует общение с другими приложениями). Обычно для их написания используют тот же Cypress или самописные решения.

Unit тестирование: Юнит тестирование, самое популярный вид тестов тестирование. Позволяет тестировать модули или определенные блоки. Конкретно на фронте тестирование классов, утилилок или компонентов. Чаще всего для юнит тестирования используют jest, react-testing-library.

Полезные статьи по тестированию:

Тестирование фронтенда: большой гайд

Трофей тестирования фронтенда

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

7 основных тенденций в тестировании Web Front-End


#javascript #react #jest #cypress #selenium #unittest #e2e

JavaScript: использование методов массивов в реальной жизни и необходимость их изучения.
( ч2. перебор, поиск, трансформация элементов )

forEach: forEach((item, index, array) => )– позволяет запускать функцию для каждого элемента массива
нечастый кейс
необходимость изучения: 30%

includes: includes(item, from) – ищет item начиная с индекса from и возвращает true, если поиск успешен
частый кейс
необходимость изучения: 100%

indexOf: indexOf(item, from) – ищет item начиная с индекса from и возвращает номер индекса, на котором был найден искомый элемент, в противном случае -1
частый кейс
необходимость изучения 50%

find: find((item, index, array) =>) – если true - возвращается текущий элемент и перебор прерывается, если все итерации оказались ложными, возвращается undefined
частый кейс
необходимость изучения 100%

filter: filter((item, index, array) =>) – проходит циклом по массиву и выдает результат из элементов соответствующих условию
частый кейс
необходимость изучения 100%

map: map((item, index, array) => ) – вызывает функцию для каждого элемента массива и возвращает массив результатов выполнения этой функции
частый кейс
необходимость изучения 100%

sort: sort((a,b) – возвращает отсортированный массив, но обычно возвращаемое значение игнорируется, так как изменяется сам
частый кейс
необходимость изучения 100%

На 95% собеседований вас спросят о нем. Event Loop.

Event Loop (событийный цикл) - главнейший механизм в JS.
JS - однопоточный язык и некоторыми операциями можно заблокировать интерфейс пользователя. Соотвественно чтобы писать user-friendly приложение нужно делать его без блокеров IO (ввода вывода). Т.к. есть операции, которые мы не можем выполнить прямо сейчас, а когда-то потом. Для этого существует Event Loop и асинхронные инструменты Promise, async await и тд.

Что блокирует интерфейс?
- циклы while, for
- тяжелые вычисления
- cинхронные операции без механизмов ассинхроности (setTimeout, requestAnimationFrame и тд)


Полезные статьи:
Эволюция асинхронного JavaScript
What is non-blocking IO?
Асинхронное программирование в однопоточных средах JavaScript

Осень началась, появились вкусные вакансии)

Моему ученику прислали оффер на 275к. Топ результат за год ⬆️

🔥 3 собеседования на $7K: что реально важно на высоких позициях

Недавно прошел собеседования в топовые компании: крупный ритейл и два AI стартапа. Делюсь инсайтами.

На что РЕАЛЬНО смотрят:

1. Софт скиллы 👥
- Коммуникация с бизнесом
- Умение отстаивать технические решения
- Взаимодействие с другими командами

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

3. System Design 🏗
- Масштабируемость решений
- Производительность
- Безопасность
- Интеграции

4. Архитектура 🎯
- Паттерны проектирования
- Чистый код
- Поддерживаемость решений

❌ Что НЕ спрашивали:
- Работу хуков React
- Bind/call/apply
- Алгоритмические задачки
- Задачи типо "Рекурсивный обход деревьев"

💡 Вывод: на высоких позициях важнее умение проектировать и принимать архитектурные решения, чем знание синтаксиса.

#собеседование #frontend #архитектура

🚀 Cursor - Ускорение работы в 3 раза

👨‍💻 Когда вышел Copilot, было немного страшно, что ИИ может заменить программистов. После использования с реальной функциональностью стало понятно, что дописывать код он может не всегда корректно и часто требует доработки.

🎯 Сейчас вышел Cursor - редактор кода с встроенной нейросетью. Он помогает моментально дописывать и корректировать код. Если не знаешь как написать функцию, не нужно искать решение на StackOverflow или спрашивать у ChatGPT - ИИ-помощник уже встроен прямо в IDE.

⚡️ Мои впечатления в реальной работе: скорость работы выросла в 2-3 раза! Например, рефакторинг компонента теперь занимает 2 минуты вместо 20

Цена удовольствия: 20$/месяц или 200$/год

#programming #IDE #AI #coding #productivity

🪑 Стол за 68к - инвестиция в здоровье и продуктивность

Мне уже не 18 лет и работать лежа на диване или на маленьком стало сложно.
Мой хороший знакомый посоветовал https://shapdesk.com/
Стол с регулируемой высотой с небольшим контроллером. Можно работать стоя выставляя нужную высоту, что очень приятно. Цвет и материал на заказ. Я выбрал светлый дуб. Уже работаю с ним полгода очень нравится.

Преимущества, которые подметил для себя:
✅ Пространство для нескольких ноутбуков (нескольких работ)
⚡️ Можно регулировать стол под ваш рост
🔄 Можно чередовать работу сидя/стоя
📈 Выше продуктивность
🎯 Комфортная рабочая поза = лучше концентрация


Конечно, покупка недешевая, но я планирую работать с ним как минимум 10-15 лет и воспринимаю как инвестицию в себя

Извини за ожидание, HR-NAME)
Я был бы рад с вами работать: вижу в потенциальных задачах челленджи для себя и понимаю какую большую пользу могу принести вам! Когда ты спрашивала про зарплатные ожидания на первом звонке, я сказал, что рассматриваю предложения от $10 000, а далее определяю цену, исходя из уровня ответственности, задач, условий, рисков и прочего. Соответственно, я хотел бы пересмотреть размер компенсации. Считаю, что мы можем найти точку, которая будет нас всех устраивать.

Я с субботы обдумывал оффер, посоветовался, взвесил всю доступную мне информацию, и подсчитал, что ожидаю оклад в $12 300 на этой позиции. Поэтому я хотел бы понять, готовы ли вы скорректировать предложение?

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

Главное не стесняться говорить об этом!

P.S. К сожалению такие зп не у фронтов, а только у ML-инженеров

👨‍🏫 🚀💰 Чем я могу помочь:

— Обучить с нуля фронтенд разработке (менторинг)
— Написать продающее резюме
— Провести мок собеседование
— Помочь найти первую работу
— Увеличить зарплату на x1.5-2-3
— Проконсультировать по дальнейшему развитию

📌 Подробное описание услуг и цены:

http://kostya-it.pro/

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

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

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

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

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

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

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

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

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


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