Костя 8Бит | Fullstack AI

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

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

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


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

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

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

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

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

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

#programming #IDE #AI #coding #productivity

⏰ Заканчивай собеседование в нужный момент!

За 120+ собеседований в моей карьере я понял важное — не нужно терпеть некомфортные ситуации из вежливости. Это пустая трата времени для всех.

Два случая из моего опыта:

1️⃣ Инвестиционная компания
Интервьюер постоянно перебивал и душнил.
Через 10 минут я вежливо прервал собеседование и сообщил HR о причинах
🤖Результат: этого интервьюера отстранили от проведения собеседований

2️⃣ Стартап
- На код-ревью любят спорить часами
- 30 минут обсуждают название кнопки
Я сразу понял: это не мой формат и честно сказал об этом.

💡 Главные правила:
- Оставаться вежливым
- Четко объяснить причину
- Поблагодарить за время
- Дать конструктивную обратную связь HR

Помните: ваше время и комфорт так же важны, как и время компании.

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

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

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

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

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

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

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

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

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

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

🚀 С нуля до оффера на 185 за 3 недели!

Мой ученик получил оффер на позицию Middle Frontend Developer с первого собеседования. Зарплата 185к₽.

Что было:
• Полгода самостоятельного обучения
• Пробелы в JS
• Страх собеседований

Что сделали за 3 недели:
✅ Закрыли пробелы в JavaScript
✅ Обсудили легенду и доработали
✅ Провели 4 моков собеседований
Результат: оффер в продуктовую компанию с первой попытки! Не без удачи конечно 🍀

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

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

👩‍💻 JS: Обязательные концепции необходимые в работе

Переменные:
- примитивы и непримитивы
- ссылочное копирование
- обьекты
- массивы
- стрелочные функции
- методы массивов
- методы обьектов

Работа с функциями и контекстом:
- this
- привязка контекст + переадресация вызова
- лексическое окружение
- замыкание, область видимости
- глобальный объект

Асинхронность:
- event loop
- promise
- async/await

🍁Осень - лучшее время для поиска работы

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

❓ Почему так? Проекты горят, нужно выполнить KPI до конца, менеджерам показать что-то чтобы выбить бюджет или получить бонус. Бюджет на расширение штата закладывают как раз в сентябре.

🌿 В прошлом году искал работу весной: зп небольшие предлагают до 300, вакансий мало. Также в прошлом году: куча вакансий, зп предлагают по 400-450 / 5-6k$

❗️Так что советую присматриваться к новым вакансиям в это время года.

📈Как программисту получить качественное денежное повышение на работе? Никак.

🤷‍♂️В 90% случаев качественного повышение в зп в рамках одной компании не случится. Может добавят 5-10% раз в полгода-год в лучшем случае.

👩‍💻Лет 5 назад забирал документы у эйчаров с одной из работ. Параллельно слушал о чем они говорили: "Вася хочет повышение до 200, а у него 160. Надо посчитать сколько будет переплата за год и будет ли это больше какого-то коэффицента. Если больше, то не поднимаем зп".


Самый верный способ качественно увеличить зп на 💵15-30-50-70-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

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%

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

Пирамида тестирования на фронте выглядит так:
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

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

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

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

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

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

push: push(…items)– добавляет элементы в конец массива
частый кейс
необходимость изучения: 100%

pop: pop() – удаляет элемент из конца массива
нечастый кейс
необходимость изучения: 20%

shift: shift() – извлекает элемент из начала массива
гиперредкий кейс
необходимость изучения 0%

unshift: unshift(...items) – добавляет элементы в начало
гиперредкий кейс
необходимость изучения 0%

splice: splice(start[, deleteCount, elem1, ..., elemN]) – добавляет, удаляет и заменяет элементы
гиперредкий кейс
необходимость изучения 0%

slice: slice([start], [end]) – возвращает новый массив, в который копирует все элементы с индекса start до end, тоже самое что и splice, но в разы проще
частый кейс
необходимость изучения 100%

concat: concat(arg1, arg2...) – создаёт новый массив, в который копирует данные из других массивов и дополнительные значения, на текущий момент можно заменить оператором [...spread]
нечастый кейс
необходимость изучения 20%

Фронтенд разработка 2016 vs 2024