JavaScript задачи с собеседований

Совет по CSS 💡 Я недавно обнаружил, что мы можем изменять размеры любого блочного элемента, а не только textarea!

Компилятор как суперсила: state machine без хаоса в коде Интересная мысль про конечные автоматы в TypeScript. Два варианта кода могут делать одно и то же, но ощущаться совершенно по-разному. Слева обычно получается ручное управление состояниями: условия, переходы, проверки, много места для ошибки. Справа уже больше похоже не просто на код, а на маленький язык внутри TypeScript. Ты описываешь состояния, события и переходы декларативно, а компилятор начинает работать как страховка. Он может подсветить невозможный переход, поймать забытый кейс, не дать передать неправильное событие в неправильное состояние и сделать часть логики проверяемой ещё до запуска приложения. Вот в этом и сила хорошего дизайна API: ты не просто пишешь функции, ты заставляешь TypeScript понимать правила своей предметной области. State machine становится не схемой в голове разработчика, а контрактом, который проверяется компилятором.

Визуализация методов массивов JavaScript 🚀

Займи слот ИТ-Пикником от Т-Банка 8 августа — время отложить ноутбуки и встретиться офлайн на ИТ-Пикнике от Т-Банка в музее-заповеднике «Коломенское». Вот сколько всего запланировано: — научпоп-лекции; — мастер-классы; — дискуссии об ИИ и больших языковых моделях; — доклады о кибербезопасности; — примеры, как данные из логов становятся решениями; — много музыки. Бери с собой друзей, супругов и детей — каждый найдет себе что-то по душе. Зарегистрироваться и узнать больше можно здесь (https://it-picnic.ru/?utm_source=telegram&utm_medium=blg.fix&utm_campaign=mtp-spec-picnic_blg_rch_all_tg_fix_postcr_dp_0626_rus_cdev_web_cnl.javascriptv&erid=2VtzqxXaUWV)

Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥 Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!). Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось! 📱 YouTube (https://clc.to/hnOMvA?erid=2Vtzqx7hc9f) 📱 Rutube (https://clc.to/jDl0Vw?erid=2Vtzqx7hc9f) 📱 VK Видео (https://clc.to/7RRbYg?erid=2Vtzqx7hc9f)

🎨 Симулятор заклинаний из Witch Hat Atelier Этот браузерный симулятор позволяет рисовать заклинания, вдохновленные мангой *Witch Hat Atelier*. Пользователи могут создавать диаграммы заклинаний, которые преобразуются в анимации и выводы для анализа. Проект находится на стадии экспериментов и открыт для обсуждений в сообществе. 🚀Основные моменты: - Рисование заклинаний на бумажном холсте. - Поддержка основных сигилов и модификаторов. - Генерация анимаций и диагностических выводов. - Инструменты для тестирования и настройки эффектов. - Открытое сообщество для обсуждения и улучшений. 📌 GitHub: https://github.com/ytnrvdf/wha-spell-simulator

Пример кастомных курсоров на CSS 🧑‍💻🚀

💡HTML-элемент в действии

Million.js — это оптимизирующий компилятор, который снижает накладные расходы React reconciliation и ускоряет компоненты до 70%. • Работает с существующим React-кодом, миграция на другой фреймворк не нужна • Тонко настроенный Virtual DOM уменьшает нагрузку на diffing • CLI-инструмент для автоматической установки и настройки • Производительность проверяли на js-framework-benchmark Посмотреть можно здесь: https://github.com/aidenybai/million

День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

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

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFJywpDX ИП Галактионов Тихон Витальевич, ИНН 771618975809

Когда ИИ-агент выходит за пределы экспериментов, одного «умного чата» становится мало. Чтобы агент был полезен в рабочей разработке, ему нужны правила, доступ к инструментам, понятный контекст, проверка действий и безопасная обвязка. Иначе вместо ускорения команда получает непредсказуемость, лишние риски и дорогой хаос в контекстном окне. На открытом уроке 15 июня в 20:00 разберём, как устроены современные ИИ-агенты и их обвязка: правила, модули навыков и MCP — протокол подключения модели к внешним инструментам. Поговорим, чем поведенческий слой агента отличается от слоя подключения, где искать готовые навыки, почему они стали популярны и как их устанавливать. Отдельно обсудим, как с помощью MCP дать агенту нужные инструменты, не перегружая контекст, а также как защищать агентов: схемы проверки, журналы аудита и типовые способы атак. Урок не для тех, кто хочет просто «подключить агента к проекту» без правил, контроля и понимания рисков. И не для тех, кто считает, что рабочая интеграция ИИ — это только написать хороший запрос. Регистрация: https://vk.cc/cYC3rf Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Gooey Navigation При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные. https://codepen.io/simeydotme/pen/LYLxJqV

‍🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше ValueTask, а не Task?» или «как GC поведёт себя под нагрузкой?» - ты начинаешь плыть. (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed) И дело не в том, что ты плохо пишешь код. Просто большинство курсов заканчиваются ровно там, где начинается настоящий .NET. Этот курс про то, что обычно остаётся под капотом: - CLR - JIT - GC - Span - async state machine - Source Generators - lock-free подходы - OpenTelemetry - дампы в проде На практике разбираем, как .NET реально работает внутри: что происходит с кодом после компиляции, как память живёт под нагрузкой, почему async иногда помогает, а иногда ломает производительность, как читать проблемы по дампам и метрикам, а не гадать по логам. Если хочешь дойти до уровня, где система для тебя не чёрный ящик, а инструмент, который ты понимаешь до IL, - велкам. Сейчас на stepik доступна скидка 55%: https://stepik.org/a/288694 (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed)

Урок не для тех, кто хочет просто «подключить агента к проекту» без правил, контроля и понимания рисков. И не для тех, кто считает, что рабочая интеграция ИИ — это только написать хороший запрос. Регистрация: https://vk.cc/cYC3rf Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🚀 Динамические рабочие процессы для Pi Расширение для Pi, позволяющее создавать динамические рабочие процессы с помощью JavaScript. Вместо последовательного выполнения задач, модель распределяет работу между изолированными подагентами, обеспечивая синтез результатов. Идеально подходит для аудитов кода и многоперспективных обзоров. 🚀 Основные моменты: - Создание рабочих процессов с использованием JavaScript - Параллельное выполнение задач через подагентов - Поддержка структурированного вывода с валидацией - Интуитивный интерфейс для взаимодействия с Pi 📌 GitHub: https://github.com/Michaelliv/pi-dynamic-workflows

‍⚡️ Создать JavaScript за 10 дней, запустить Mozilla, а потом собрать Brave вокруг идеи приватного браузера - у Брендана Айка биография из тех, где один человек несколько раз менял интернет. Самое сильное в этой истории - не только JavaScript. Да, язык собрали в бешеном темпе внутри Netscape, и теперь он держит огромную часть веба. Но дальше Айк не ушёл в режим «я уже всё доказал». Он продолжил воевать за то, каким должен быть браузер. Mozilla и Firefox были ответом на эпоху закрытого и монополизированного веба. Brave стал ответом на другую проблему: интернет, где пользователь постепенно превратился в объект слежки, таргетинга и бесконечной рекламной оптимизации. Айк всегда бил в одну точку: браузер должен работать на пользователя, а не на рекламную инфраструктуру вокруг него. Поэтому Brave блокирует трекеры, режет навязчивую рекламу и пытается строить модель, где приватность заложена в основу продукта. Можно спорить с отдельными решениями Brave, с крипточастью, с рекламной моделью, с самим Айком. Но вклад сложно обесценить. Он создал язык, без которого современный веб почти невозможно представить. Помог запустить один из главных открытых браузерных проектов. Потом снова пошёл против доминирующей модели интернета, где сбор данных стал нормой. Брендан Айк - редкий пример инженера, который не просто написал важный код, а десятилетиями спорит с тем, во что превратился веб.

Совет по Javascript 💡 Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩

‍🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше ValueTask, а не Task?» или «как GC поведёт себя под нагрузкой?» - ты начинаешь плыть. (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed) И дело не в том, что ты плохо пишешь код. Просто большинство курсов заканчиваются ровно там, где начинается настоящий .NET. Этот курс про то, что обычно остаётся под капотом: - CLR - JIT - GC - Span - async state machine - Source Generators - lock-free подходы - OpenTelemetry - дампы в проде На практике разбираем, как .NET реально работает внутри: что происходит с кодом после компиляции, как память живёт под нагрузкой, почему async иногда помогает, а иногда ломает производительность, как читать проблемы по дампам и метрикам, а не гадать по логам. Если хочешь дойти до уровня, где система для тебя не чёрный ящик, а инструмент, который ты понимаешь до IL, - велкам. Сейчас на stepik доступна скидка 55%: https://stepik.org/a/288694 (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed)

🚀 Упрощение разработки с GSD Redux GSD Redux — это легковесная система для метапромптинга и управления контекстом, помогающая разработчикам эффективно работать с AI. Она решает проблему деградации качества контекста, позволяя создавать четкие спецификации и контролировать процесс разработки. 🚀 Основные моменты: - Легкая интеграция с различными AI-платформами. - Поддержка автоматизации разработки и управления проектами. - Обеспечивает безопасность и прозрачность через аудит. - Подходит для индивидуальных разработчиков и небольших команд. 📌 GitHub: https://github.com/open-gsd/get-shit-done-redux #javascript

JavaScript. Что будет выведено в консоль? Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-06-15-4)