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

‍👩‍💻 Всем программистам посвящается! Вот 16 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready (https://t.me/+K3r2jUIrt7w1MDIy) 📱 JavaScript — t.me/javascript_ready (https://t.me/+XCj128XpvnA1ZGEy) 👩‍💻 IT Новости — t.me/it_ready (https://t.me/+Yu6lzx83Er4yY2Ey) 👩‍💻 Python — t.me/python_ready (https://t.me/+B2WFOBc6RxwxNGQy) 🤔 InfoSec & Хакинг — t.me/hacking_ready (https://t.me/+ymM442jKY-tjNTIy) 🖥 SQL & Базы Данных — t.me/sql_ready (https://t.me/+97MAN3odXWo3ZWM6) 🤖 Нейросети — t.me/neuro_ready (https://t.me/+MSC0ahB-wk0wYTA6) 👩‍💻 C/C++ — https://t.me/cpp_ready (https://t.me/+w_QMBcoTD31kZjUy) 👩‍💻 C# & Unity — t.me/csharp_ready (https://t.me/+XoaKKfEew6IxOWMy) 👩‍💻 Java — t.me/java_ready (https://t.me/+I2Xj6A9nLFxlNDky) 👩‍💻 Linux — t.me/linux_ready (https://t.me/+vJTkdJ3FVkUzZWZi) 🖼️ DevOps — t.me/devops_ready (https://t.me/+OU8Cw3LFZUI0Zjcy) 🖥 Data Science — t.me/data_ready (https://t.me/+0o8c0wP4sWtiMzJk) 🐞 QA-тестирование — t.me/qa_ready (https://t.me/+6wAXxbkHPpxmMzZk) 📖 IT Книги — t.me/books_ready (https://t.me/+n2PCTkRMpdk2MTEy) 🖥 Design — t.me/design_ready (https://t.me/+48_eKEFpBW5mYTVi) 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Будьте осторожны и предупредите коллег

📕Angular SSR за час: превращаем SPA в ракету 👤Подходит разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue) На открытом уроке 2 декабря в 20:00 мск мы освоим внедрение SSR в приложение: серверный рендеринг, SEO-метаданные, работа с API и базовое понимание hydration: 📗 На вебинаре разберем: 1. Понимание базовой архитектуры SSR в Angular. 2. Понимание поведения приложения до и после hydration. 📘 В результате на практике изучите и освоите умение подключить SSR к существующему приложению, работу с серверным рендерингом данных и настройку SEO-метаданных. 👉 Регистрация на урок и подробности о курсе Angular Developer: https://clck.ru/3QZgQG Все участники открытого урока получат скидку на курс "Angular Developer" с промокодом ANGULAR12 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🖥 (https://t.me/+cFLtJ_U2cbZjYzUy)Bash Академия (https://t.me/+-Dm7V9sQgw5iNGNi): секреты командной строки, которые нигде не рассказывают Олег Шелест - профессионал по информационной безопасности, раскрывает скрытые механики Linux, с помощью наглядных картинок и коротких, максимально понятных разборов у себя в тг канале. - Без воды. - Без лишней теории. Только практические приёмы, которые реально используют профи. Если хочешь уверенно владеть Bash - здесь ты получишь всё, что нужно: t.me/bashmastter (https://t.me/+-Dm7V9sQgw5iNGNi)

🚀 Креативные подсказки для Nano Banana Pro Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента. 🚀 Основные моменты: - Более 500 тщательно отобранных подсказок - Поддержка динамических аргументов для Raycast - Разнообразные стили генерации: от фотореалистичных до художественных - Регулярные обновления и возможность участия в сообществе 📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts #javascript

‍Реальные кейсы AI во фронтенде: что происходит в Яндексе Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Закрытая встреча полностью посвящена внедрению нейросетевых инструментов во фронтенд. Коллеги из Яндекса обсудят, какие AI-технологии работают у них, как изменился разработческий цикл и с какими трудностями пришлось столкнуться на практике. Темы экспертов Яндекса: — Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов — Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось — Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready — Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли — Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется. Регистрация и подробная программа (https://events.yandex.ru/events/yet-another-frontend-night-2025?utm_source=tg&utm_medium=cpp&utm_campaign=grechka_yafn_promo&utm_content=javascriptv)

🔍 Проверка доступности доменов с GoDaddy API Инструмент на Node.js для проверки доступности доменных имен. Позволяет находить короткие комбинации доменов, используя API GoDaddy. Удобен для генерации и проверки доменов по заданной длине и TLD. 🚀Основные моменты: - Проверка доступности доменов в реальном времени - Генерация комбинаций заданной длины - Поддержка нескольких TLD - Результаты сохраняются в available.json - Уважение к лимитам API с задержками между запросами 📌 GitHub: #nodejs https://github.com/akinloluwami/domains-lookup

Drag&Drop-конструктор интерфейсов на чистом JavaScript. Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса. Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике. 27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic». Регистрация открыта: https://clck.ru/3QNv8S Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Библиотека, которая включает офлайн-режим на сайте буквально одной строкой JS 💻 Что делает: - Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣 - Кэширует любые файлы, которые вы укажете - Работает с обычными статичными сайтами, без сборки и танцев с бубном - Запускает офлайн-режим одним вызовом: UpUp.start() Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально). Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети. https://github.com/TalAter/UpUp

🧳 MCPorter: TypeScript Toolkit for Model Context Protocol MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию. 🚀 Основные моменты: - Автообнаружение MCP-серверов без конфигурации. - Генерация CLI с помощью одной команды. - Создание типизированных клиентов для взаимодействия с серверами. - Удобный API для работы с методами и валидацией аргументов. - Поддержка OAuth и различных транспортов. 📌 GitHub: #typescript https://github.com/steipete/mcporter

CSS border values

🌟 Кроссплатформенный UI-фреймворк Valdi Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов. 🚀 Основные моменты: - Нативная производительность без компромиссов - Мгновенная горячая перезагрузка для быстрой разработки - Легкая интеграция в существующие приложения - Автоматическая генерация типобезопасных привязок - Поддержка сложных анимаций и жестов 📌 GitHub: #typescript https://github.com/Snapchat/Valdi

🚀 В микросервисной архитектуре всё держится на надёжных очередях задач. Без них — потери данных, дублирование событий и неожиданные сбои. А значит, пора разобраться, как это устроено в реальных продакшн-системах. 💎 На открытом уроке вы увидите, как с помощью Apache Kafka построить устойчивую систему обмена задачами между микросервисами. Развернём Kafka в Docker, создадим продюсера и консюмера, добавим сбой и проверим, как система гарантированно восстанавливает доставку. 📚 Вы поймёте, чем Kafka превосходит классические очереди (RabbitMQ, ActiveMQ), научитесь подключать её к микросервисам и отлаживать обмен задачами без потерь. После вебинара вы сможете применять эти знания в проектах любого масштаба. Урок пройдёт 20 ноября в 18:00 (МСК) в преддверие старта курса «Apache Kafka». Зарегистрируйтесь и прокачайте архитектурное мышление! 🔗 https://clck.ru/3QMkcz Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Совет по использованию инструментов Chrome Dev Tools 💡 Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?

🌪 useEffect и зависимости На картинке 3 кейса: ➡️ Забыли проп в deps → эффект не срабатывает при изменении данных ➡️ Положили объект/функцию → эффект запускается каждый ререндер ➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении ⌨️ Совет: — Всегда указывайте все зависимости эффекта — Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback) — Примитивы (строка, число) в deps — самый безопасный вариант #hotfix #react

🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов. 🚀 Основные моменты: - Анализ вкладов в код, документацию и тестирование. - Оценка влияния разработчиков с помощью алгоритма OpenRank. - Отчеты о взаимодействии в сообществе и карьерные рекомендации. - Поддержка индивидуальных отчетов для разработчиков и компаний. 📌 GitHub: #javascript https://github.com/OS-HUBU/opentalent-new

Возможно, вы не знаете о блоке lh в CSS 🤩

Кризис в диджитал Все говорят о кризисе: бюджеты режут, рынок сжимается, конкуренция растёт. В digital это ощущается сильнее всего – давление на эффективность и сроки стало нормой. Но паника ничего не меняет. Мы видим ситуацию иначе. Когда рынок штормит, выигрывают не те, у кого больше ресурсов, а те, кто умеет быстро перестраиваться, усиливать процессы и работать точнее. Мы знаем, как проходить спад: что оптимизировать, что автоматизировать, какие метрики реально важны, что помогает удерживать клиентов, а что – только создаёт иллюзию контроля. В итоге несколько авторов digital-каналов решили объединиться и собрать всё полезное в одну папку — «Документы для тех, кто в digital» 🔴 Там 30 файлов, которые помогают выстроить управление, аналитику и внутренние процессы: – Мотивация сотрудников в IT, – Контроль сроков диджитал-проекта, – Шаблон CSI, – Фреймворк для проведения исследований через ИИ, – Как создать продающее КП. 📂 Ссылка на папку: https://t.me/addlist/mUVeZHwtrzc0NWYy А чтобы добавить немного азарта — среди подписавшихся разыграют: 🥇 iPhone Air; 🥈 Яндекс Станцию Лайт 2; 🥉 HUAWEI Freebuds 5. Как участвовать: 1. Подпишись на папку: https://t.me/addlist/mUVeZHwtrzc0NWYy 2. Подтверди участие в боте 🗓 Итоги — 25 ноября.

🚀 StyleX — Open Source Styling Library for CSS at Scale! Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS. Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код. StyleX уже используется во всех продуктах компании. Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением. 👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale ⚡️ Github: https://github.com/facebook/stylex #WebDev #CSS #StyleX #OpenSource

🧩 Умные диаграммы с Excalidraw Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство. 🚀Основные моменты: - AI генерирует диаграммы на основе текстовых описаний. - Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы. - Уникальный алгоритм соединений для чистоты и логики графиков. - Полная интеграция с Excalidraw для редактирования. - Легкая настройка с использованием API ключа. 📌 GitHub: #javascript https://github.com/liujuntao123/smart-excalidraw-next