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

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

Загрузка файла с помощью server action в Next.js

🍏📦 Apple App Store Frontend Source Code Archive Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте. 🚀Основные моменты: - Полный исходный код на Svelte/TypeScript - Логика управления состоянием - Компоненты пользовательского интерфейса - Интеграция с API - Структура каталогов для удобства навигации 📌 GitHub: #typescript https://github.com/rxliuli/apps.apple.com

🚀 React Native Godot: Интеграция Godot в мобильные приложения React Native Godot позволяет встраивать движок Godot в приложения на React Native для Android и iOS. Это решение стабильно работает в приложениях, обслуживающих миллионы пользователей, и предоставляет доступ ко всем API Godot из JavaScript. 🚀 Основные моменты: - Поддержка Android и iOS с использованием LibGodot. - Возможность запуска, остановки и перезапуска Godot. - Godot работает в отдельном потоке, не влияя на основной поток приложения. - Полный доступ к API Godot из TypeScript/JavaScript. - Примеры использования доступны в приложении. 📌 GitHub: https://github.com/borndotcom/react-native-godot #javascript

Совет по Javascript 💡 Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов ✅

Обзор методов JavaScript DOM 👨‍💻

🖥 Методы работы с массивами в JavaScript!

Большай библиотека курсов по веб-разработке, которая поможет вырасти до full-stack инженера с нуля — The Odin Project (https://www.theodinproject.com/) Обученеи HTML, CSS, JavaScript, базам данных и многому другому, а за время обучения вы соберёте несколько реальных проектов для портфолио. Идеально для тех, кто хочет кодить, а не просто смотреть туториалы. https://www.theodinproject.com/

Прочел любопытный пост (), в котором Даниэль Ленц, фронт из Яндекса, подсветил дилемму, встречающуюся почти в любой большой компании. Как фронт, всегда ловлю себя на том же вопросе: «хочу ли я просто писать продукт или втягиваться в эволюцию общего стека?» Когда стек ведут выделенные команды — жизнь становится проще. Всё предсказуемо, стандарты спускаются сверху, а ты фокусируешься на фичах. Иногда это нравится — особенно когда сроки поджимают и голова забита бизнес-логикой, а не внутренними библиотеками. Но модель «опенсорс внутри компании» тоже притягивает. Она напоминает настоящую разработку в сообществе — обсуждения, пулы, боль несовместимостей и… ощущение, что стек живой, и ты можешь на него повлиять. Даже если это значит, что что-то будет двигаться медленнее. Наверное ключ не в выборе «что лучше», а в том, в какой фазе ты сейчас как разработчик. Иногда хочется спокойствия и предсказуемости. Иногда влияния и участия. И да, смешно, что на фоне тренда “ИИ будет сам кликать UI” мы всё ещё решаем, кто будет кнопки в наших UI-библиотеках красить А вы что предпочли бы в своей команде: стабильный стек сверху или «вбросил PR — изменил мир»? https://t.me/dlents/190

🔗 Объединение Telegram и Obsidian Плагин для синхронизации сообщений и файлов из Telegram в Obsidian. Позволяет сохранять текст, голосовые записи и изображения, упрощая организацию информации. Доступен только для настольных платформ. 🚀Основные моменты: - Синхронизация текстов и файлов из Telegram - Возможность сохранять сообщения как отдельные заметки - Поддержка транскрипции голосовых сообщений - Настраиваемые шаблоны для новых заметок - Автоматическое форматирование текста в Markdown 📌 GitHub: https://github.com/soberhacker/obsidian-telegram-sync #javascript

🖥 В Пензенском госуниверситете решили пойти нестандартным путём - JavaScript перевели на кириллицу и начали преподавать студентам в русифицированном виде. По словам преподавателей, часть студентов быстрее осваивает базовые концепции: код на родном языке выглядит понятнее. Однако в IT-компаниях к инициативе относятся скептически — переход на такую версию языка может занять больше времени, чем изучение оригинального синтаксиса. Кстати, посмотреть задачи на «русском JavaScript» уже можно. Кто знает - может, скоро придётся переучиваться 🙂 https://images.codewars.com/users/AlexaD20/published_kumite