WorkMe | Центр экспертизы

Вы когда-нибудь задумывались, почему буквы на клавиатуре расположены так, как будто их кто-то намеренно перемешал? Спойлер: так оно и есть. ⌨️

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

©️В 1874 году Кристофер Шоулз запатентовал раскладку QWERTY. Он намеренно разнес часто встречающиеся пары букв в разные части клавиатуры. Пока один рычаг возвращался на место, второй успевал долететь до бумаги. Механизм перестал ломаться, и люди стали печатать быстрее!

Сегодня у нас нет рычагов, но мы продолжаем пользоваться QWERTY. А все потому, что мы настолько привыкли к ней поколениями, что более быстрые раскладки так и не смогли прижиться.

🚀Это классический пример того, как «костыльное» решение становится незыблемым мировым стандартом.

Подробнее о QWERTY и ЙЦУКЕН читайте здесь.

#IT_факт

⚡️Каверзные вопросы на техническом интервью
На технических интервью сейчас редко ограничиваются стандартными вопросами — все чаще звучат неочевидные, а иногда и провокационные вопросы, чтобы проверить реальное понимание. Мы спросили у наших экспертов: какие каверзные вопросы запомнились им больше всего?🕵️‍♂️

⚛️ Frontend (JS / React / TS)

❓ Чему равно typeof null и почему именно так?

Ответ: typeof null возвращает "object". Это официально признанная ошибка в первой реализации JavaScript: значения помечались тегами, и для null ошибочно использовался тег объекта (000). Осталось для совместимости.

❓ В чём разница между Controlled и Uncontrolled компонентами?

Ответ: Controlled — состояние хранится в React (value + onChange). Uncontrolled — состояние в DOM (defaultValue + ref). Controlled удобнее для сложных форм и валидации, uncontrolled — быстрее и проще для простых случаев.

❓ Как работает hoisting (всплытие) для var, let и const?

Ответ: var поднимается полностью и инициализируется undefined. let и const тоже поднимаются, но до объявления находятся в «Temporal Dead Zone» — любое обращение к ним вызывает ReferenceError.

❓ Чем any опаснее unknown в TypeScript?

Ответ: any отключает проверку типов полностью — можно делать любые операции. unknown требует явной проверки типа перед использованием, что безопаснее и помогает отловить ошибки на этапе компиляции.

🐍 Backend (Python / Java)

❓ Что будет, если использовать список [] как аргумент по умолчанию в Python?

Ответ: Список создастся один раз при инициализации функции. При каждом новом вызове Python будет использовать тот же самый объект, накапливая в нем данные от прошлых запусков. Это классическая ловушка «изменяемого аргумента».

❓ Почему String в Java immutable и зачем это нужно?

Ответ: Неизменяемость даёт потокобезопасность, безопасность (используется в classloader, паролях), позволяет использовать строку как ключ в HashMap (hash не меняется) и оптимизировать память через String Pool.

❓ Как в Java 8+ обрабатываются коллизии в HashMap?

Ответ: При коллизии элементы сначала хранятся в связанном списке. Когда в одной корзине больше 8 элементов — список превращается в красно-чёрное дерево. Поиск ускоряется с O(n) до O(log n). При уменьшении дерево снова становится списком.

❓ Почему is и == в Python могут давать разные результаты?

Ответ: is проверяет, один ли это объект в памяти (сравнение по ссылке). == проверяет равенство значений. Поэтому is быстрее, но == обычно то, что нужно для данных.

❓ Какие два класса в Java не наследуются от Object?

Ответ: Никакие. Только у самого Object нет суперкласса.


📊 Аналитика и Базы данных

❓ В чем разница между WHERE и HAVING в SQL?

Ответ: WHERE отсеивает строки до группировки данных. HAVING фильтрует уже сгруппированные результаты.

❓ Что такое user story и acceptance criteria?

Ответ: User story — короткое описание задачи от лица пользователя. «As a [роль], I want [фича], so that [польза]» (As a buyer, I want to buy in one click, so that I don’t fill the form every time). Acceptance criteria — условия, при которых задача считается выполненной (обычно в формате Given-When-Then).

⚙️ DevOps и Тестирование

❓ Почему нельзя использовать тег :latest в проде?

Ответ: :latest не immutable — при каждом pull может прилететь новая версия без изменения манифеста. Результат: невоспроизводимые деплои, сложный откат, проблемы с кэшем и внезапные поломки в проде. Лучше всегда указывать конкретный тег или SHA256.

❓ Чем Selenium WebDriver отличается от старого Selenium RC?

Ответ: RC работал через «костыль» — использовал сервер-посредник и инъекции JavaScript, что было медленно. WebDriver общается с браузером напрямую через нативный протокол, поэтому он быстрее, стабильнее и лучше имитирует действия человека.

В эпоху цейтнота побеждает тот, кто умеет быстро усваивать главное.
🛠 Эти AI-инструменты помогут подготовиться к интервью, перевести документацию и превратить горы материалов в структурированные знания.

🎓 Studley.ai — осваивайте любые темы в разы быстрее. Загружайте PDF, статьи или видео с YouTube — сервис сам создаст флеш-карточки и тесты, отслеживая ваш прогресс и фокусируясь на слабых местах. Базовая версия бесплатная

🌍 x-doc.ai — идеальный переводчик для огромных файлов и книг на 108 языков. Сохраняет верстку и картинки, а поддержка своих словарей позволяет ИИ правильно переводить специфический IT-жаргон. Базовая версия бесплатная

📝 TubeOnAi — экономит десятки часов, создавая краткие выжимки из видео, подкастов и статей. Поможет вытащить самую суть контента за пару минут. Есть бесплатный пробный период.

🧠 Google AI Studio — мастер разбора схем, чертежей и рукописных лекций. Проводит «визуальное расследование» и оцифровывает информацию даже из сложных архитектурных набросков. Бесплатно.

#Рабочее

💡Рекомендуем отличный короткий ролик на эту тему от эксперта по лидерству Дэвида Дая: «Why You Should Bring Solutions, Not Problems to Your Boss».

Дэвид разбирает классическую фразу «Don’t bring me a problem, bring me a solution». Она хороша, но только если научить сотрудника, как ее применять. Автор советует: не беги к начальнику сразу. Сначала задай себе 5 контрольных вопросов👇:

✔️ What’s your goal? (Какая цель?)
✔️ What have you tried? (Что ты уже пробовал?)
✔️ What worked or didn’t work? (Что сработало/не сработало?)
✔️ What did you learn? (Что ты из этого вынес?)
✔️ What else can you try? (Что ещё можно попробовать?)

Только после этого можно приходить и аргументированно объяснять: «Я попробовал A, B и C — вот почему не получилось, и вот что я предлагаю делать дальше». Такой подход развивает самостоятельность и критическое мышление, а не просто позицию «не ной».

Это видео будет полезно не только тем, кто в IT, но и любому, кто работает в команде и хочет расти профессионально.

Оригинал ролика здесь.

🚀 Джун в IT: как не стать «тем самым» коллегой и не бесить тимлида с первого дня

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

👇Вот несколько советов, как проявить себя профессионально:
● Наладь нетворкинг. Познакомься со всеми коллегами и сразу запиши их контакты. Важно знать, кто за что отвечает, чтобы понимать, к кому обращаться по конкретным техническим вопросам, а не бежать по любому поводу к руководителю.
● Не атакуй глупыми вопросами. Одно дело — спрашивать в первую неделю онбординга, и совсем другое — через пару месяцев приходить с вопросом: «А где у нас ссылка на этот проект?», если она висит в закрепе чата. Это раздражает всех.
● Фиксируй задачи. На планерках всегда записывай то, что тебе поручают. Поверь, информация вылетит из головы быстрее, чем завершится видеовстреча, а переспрашивать очевидные вещи по три раза — плохой тон.
● Пытайся решить проблему сам. Не жди, что руководитель сделает твою работу за тебя. Иди к нему только тогда, когда испробовал доступные методы и можешь аргументированно объяснить, что именно не получилось.

«Нет смысла нанимать толковых людей, а затем указывать им, что делать. Мы нанимаем толковых людей, чтобы они говорили нам, что делать».

— Стив Джобс

📵Понимаем: читать 15 минут — не всегда есть время. Поэтому коротко — вот инструменты, которые могут помочь остаться на связи при частичном или полном отключении интернета.

Три основные технологии, на которых все держится:

✔️ P2P — данные приходят не с одного сервера, а от других пользователей
CENO — браузер с распределенным кэшем (BitTorrent-подобная логика). Работает при блокировках и слабом интернете, но полностью без интернета не загружает новые страницы.

🔹 LAN — локальная сеть внутри квартиры, офиса или здания (без интернета)
LAN Messenger — простой чат внутри одной Wi-Fi сети. Работает полностью без интернета, но только в пределах одного роутера.

✔️ Mesh — сообщения передаются «прыжками» через устройства других пользователей с тем же приложением (работают с помощью Bluetooth / Wi-Fi)
Bridgefy — самый популярный, простой, работает без интернета, но есть вопросы к безопасности
Briar — максимально защищенный, работает без интернета + через Tor при наличии сети
Berkanan / Columba — используют store-and-forward: сообщение хранится на устройстве и передается позже
Air Chat / Airplane Messenger — офлайн-мессенджеры для общения на коротком расстоянии через Bluetooth/Wi-Fi
Crisis Mesh Messenger / Sideband — более нишевые решения для ЧС и продвинутых пользователей

Важно: эти сервисы — не панацея и не «волшебная пилюля». Чем больше рядом людей с тем же приложением, тем быстрее и надежнее работает связь.

Если хотите разобраться, как именно работают P2P, Mesh и LAN и какие у них ограничения — рекомендуем все же прочесть статью выше👆

#Рабочее

Сегодня публикуем задачу от нашего эксперта Дмитрия Ковалева (Senior Frontend Developer), которую он разбирает с кандидатами на интервью👇

🖤Кейс «Производительность vs Фичи»

🔹 Контекст:
Ты работаешь в крупном e-commerce. Завтра — «Черная пятница». Маркетологи навесили на главную страницу 5 тяжелых аналитических скриптов, 3 видео-баннера в 4K и чат-поддержки. Метрика LCP улетела в красную зону (более 4 сек), мобильные пользователи уходят, не дождавшись загрузки.
● Бюджет: Не ограничен.
● Срок: «Нужно было еще вчера».
● Главная цель: Спасти LCP и не потерять миллионы рублей выручки.

🔹Вопросы для размышления:
● Как быстро снизить LCP в условиях дедлайна?
● Какие техники оптимизации применить в первую очередь?
● Что делать с тяжелыми скриптами и видео?
● Как объяснить бизнесу необходимость урезать часть фич?

Подумали над решением? Тогда смотрите ответ👇

● Суть: Завтра Black Friday — скорость важнее красоты. Нужно освободить основной поток (Main Thread) и приоритизировать отрисовку первого экрана.
● Что спросить себя: «Что можно выключить/отложить прямо сейчас, чтобы пользователь увидел основной контент за ≤ 2,5 секунды?»
● Правильный ответ:
1. Максимально отложить все некритичные скрипты (аналитику, чат) через defer/async, а часть из них при возможности вынести в Web Worker (например, через Partytown).
2. Видео-баннеры — реализовать ленивую загрузку + заменить 4K на легкие превью (или вовсе убрать на мобильных).
3. Критичные изображения — fetchpriority="high" + preload.
4. Остальное — в React.lazy / dynamic import.
● Ключевой аргумент: "Каждая лишняя секунда загрузки — это прямые потери выручки в пик продаж".

🎯 Цель данной задачи — проверить умение расставлять приоритеты в критических ситуациях и знание современных методов оптимизации загрузки (Critical Rendering Path).

🗣 Комментарий эксперта:

В таких кейсах важно не впадать в перфекционизм и не пытаться переписать архитектуру за 4 часа, когда на кону миллионы прибыли. Главная ошибка здесь — пытаться «оптимизировать все».

Хороший кандидат сразу выделит LCP-элемент и даст ему высший приоритет, а второстепенные скрипты (чат, аналитику) отправит в конец очереди. В реальном бизнесе ценится умение быстро принимать решения, которые напрямую влияют на деньги, и умение объяснить маркетологам на языке цифр, почему их 4K-видео на мобилках — это выстрел в ногу.

#Задача_от_эксперта

Интернет — это не только мемы, но и фундамент нашей жизни. Что делать, если его отключат? 📵

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

В новой статье разбираемся, как не оказаться в полной изоляции:

🔹 Реальность без связи: Как меняется жизнь, когда отключен не только мобильный и проводной интернет, но и обычная сотовая связь.
🔹 P2P, LAN и Mesh: Технологии, которые позволяют смартфонам «общаться» напрямую, минуя провайдеров и серверы.
🔹 Список офлайн-сервисов: Какие мессенджеры и браузеры (Briar, Bridgefy, CENO и др.) нужно установить прямо сейчас, чтобы они работали без интернета.
🔹 Базовая автономность: Почему в такой момент пригодятся наличные и заранее скачанные офлайн-карты.

Шатдаун — это крайняя мера, но подготовиться к нему стоит заранее. Скачать нужные приложения после того, как связь отключат, уже не получится.

Читайте полный вариант статьи здесь.

Нашли удобный тренажер для прокачки скорости печати — ClickClack. ⌨️

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

Среди особенностей:

🔹 ИИ-генерация текстов — задания постоянно меняются, поэтому тренировки не превращаются в заучивание одного и того же текста.
🔹 Подробная статистика — сервис показывает скорость, точность и анализирует, на каких клавишах вы чаще всего ошибаетесь.
🔹 Разные уровни сложности и упражнения, чтобы постепенно увеличивать скорость.
🔹 Мультиплеер и режимы против ботов — можно соревноваться с друзьями или коллегами.

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

Прокачать скорость печати можно здесь.

#Рабочее

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

🧑‍💻CSS (Cascading Style Sheets) — язык стилей, который отвечает за внешний вид сайта: цвета, шрифты, расположение блоков, анимации и адаптивность. Он отделяет структуру страницы (HTML) от ее оформления.

Идею CSS предложил Хокон Виум Ли в 1994 году. До CSS оформление делали прямо в HTML. Код быстро превращался в «спагетти», который было сложно поддерживать.

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

Сегодня CSS влияет не только на внешний вид сайтов, но и на доверие пользователей. Исследование Стэнфордского университета показало: около 75% людей оценивают авторитетность компании по дизайну ее сайта, а первое впечатление формируется всего за 50 мс!

В UX это называют aesthetic-usability effect — люди воспринимают красивые интерфейсы как более надежные, даже если функционально они одинаковые.

#IT_факт

🐹 Hamster Kombat: Массовое безумие или гениальный IT-кейс?

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

В новой статье мы разобрали феномен Hamster Kombat с точки зрения IT-бизнеса:
🔹 Что такое Hamster Kombat и почему он стал популярнее любой другой игры?
🔹 Что заставляло пользователей проводить часами в игре, "тапая" хомячка?
🔹 Как игра связана с блокчейном и криптобиржей?
🔹 И как на самом деле работает «экономика внимания» в современном IT.

Спойлер: если вы не платите за товар, значит, товар — это вы.

👉Читайте полный разбор здесь

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

Многие по-прежнему считают, что сфера IT — территория мужчин. Однако это далеко не так. И женщины в этой сфере как были, так и есть.

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

1️⃣ Ада Лавлейс
Первый программист в истории. Она написала алгоритм для аналитической машины Чарльза Бэббиджа — первый программный код в мире.

2️⃣ Грейс Хоппер
Создала первый компилятор и участвовала в разработке языка COBOL, который десятилетиями использовался в банковских системах.

3️⃣ Кэтрин Джонсон
Математик NASA, чьи расчёты помогли определить траектории первых космических полётов и миссии «Аполлон-11».

4️⃣ Хеди Ламарр
Голливудская актриса и изобретатель технологии «прыгающих частот», ставшей основой Wi-Fi и Bluetooth.

5️⃣ Екатерина Ющенко
Одна из первых программистов СССР. Создала Адресный язык программирования — прообраз механизмов работы с памятью в современных языках.