JavaScript

Заголовок: JavaScript Engineer (Browser Fingerprinting & Security R&D) Формат: Удаленная работа, полный день Зарплата: 80 000 - 180 000 руб. на руки (возможна оплата в USDT) О проекте: Мы ищем JS-разработчика, которому надоело "двигать кнопки" и хочется по-настоящему сложных задач. Наш проект — это система для anti-fraud, которая занимается низкоуровневым фингерпринтингом браузеров. Мы копаем глубоко: анализируем QUIC-хендшейки, вычисляем RTT, изучаем особенности WebRTC и DNS для выявления прокси. Если вам интересно глубоко погружаться в сетевые протоколы, читать исходники Chromium и искать нетривиальные способы обойти защиту — эта вакансия для вас. Чем предстоит заниматься: • Разработка JS SDK: Написание модулей на чистом (vanilla) JavaScript для сбора уникальных отпечатков (WebRTC, Canvas/WebGL, DNS, QUIC). • Frontend (React/Next.js): Разработка личного кабинета для визуализации данных и управления сервисом. • R&D (Исследования и разработка): Поиск и реализация новых техник детектирования VPN/Proxy. Это значительная часть работы, требующая самостоятельности и умения вести задачу от гипотезы до готового решения. • Защита кода: Применение обфускации и других техник для защиты нашего SDK от реверс-инжиниринга. • Реверс-инжиниринг, деобфускация для поиска новых методик. Требования: • Отличное знание нативного JavaScript и понимание асинхронности. • Опыт работы с React. • Подтвержденный интерес к кибербезопасности: участие в CTF, pet-проекты (браузерные расширения, сетевые утилиты), статьи, профильное образование в области ИБ, хакинг. (Это самое важное!) • Хорошее понимание сетевого стека (TCP/IP, UDP, DNS, QUIC). • Желание и способность самостоятельно разбираться в том, как работают браузеры "под капотом". Желательно: • Опыт работы с WebRTC, WebSocket. • Умение читать C++ (для анализа кода браузерных движков). • Опыт анализа трафика в Wireshark. • Опыт работы с Next.js. Мы предлагаем: Работу над уникальными задачами, которые вы не найдете в 99% компаний. Сильную команду, свободу в принятии технических решений и возможность стать экспертом в узкой, но очень востребованной нише. Как откликнуться: Вместе с резюме, пожалуйста, пришлите сопроводительное письмо, в котором кратко расскажите о вашем бэкграунде в кибербезопасности. Нас интересует все: • Ссылки на ваши pet-проекты (GitHub и др.). • Ваш никнейм и достижения на CTF-платформах. • Ссылки на ваши статьи, доклады или заметки. • Любой другой релевантный опыт, который показывает ваш интерес к этой сфере. Отклики без этого пункта рассматриваться не будут. Мы ищем человека, который действительно "горит" этой темой. Контакт: https://t.me/Siemons8

🎯 HTML attributes vs DOM properties Разница между атрибутами и свойствами в HTML/DOM может быть запутанной, особенно когда названия совпадают. Кратко: * Атрибут — часть HTML. * Свойство — часть DOM-объекта. Пример:

<input value="Hello">

const input = document.querySelector('input');
console.log(input.getAttribute('value')); // "Hello"
console.log(input.value);                 // "Hello"
input.value = 'World';
console.log(input.getAttribute('value')); // "Hello"

Значение атрибута остаётся неизменным, даже если свойство обновляется в JS. DOM-свойства могут не синхронизироваться с атрибутами после инициализации. 🔹Свойства могут отличаться от атрибутов

<input disabled>

input.hasAttribute('disabled'); // true
input.disabled;                 // true
input.removeAttribute('disabled');
input.disabled;                 // false

Свойство disabled — булево. Атрибут disabled работает как флаг: его наличие имеет значение, не важно, какое значение вы ему присвоили.

<input disabled="false">

Это всё равно disabled. Так работает HTML. 🔹Когда использовать атрибуты, а когда свойства? * Используйте атрибуты, когда: * Вам нужно установить начальное значение в HTML. * Вы работаете с HTML-строкой. * Вы хотите сохранить значение при сериализации (например, outerHTML). * Используйте свойства, когда: * Вы работаете с DOM в JS. * Нужно прочитать или изменить текущее состояние элемента. 🔹Иногда стоит быть осторожнее

input.setAttribute('value', 'New');
console.log(input.value); // "New"

Иногда установка атрибута также влияет на свойство, но не всегда — зависит от элемента и конкретного атрибута/свойства. https://jakearchibald.com/2024/attributes-vs-properties/

🖌️ LUME — создание 2D/3D-интерфейсов на HTML. Этот набор веб-компонентов превращает обычные HTML-элементы в полноценные носители графики — от CSS3D-преобразований до WebGL-рендеринга. Под капотом используется AssemblyScript для компиляции в WebAssembly, что обещает стабильную производительность. А в примерах есть даже заготовка для FPS-игры на движке. 🤖 GitHub @javascriptv

🌸 Typed Japanese Для гиков: энтузиасты придумали учить языки через TypeScript. Проект Typed Grammar учит грамматике (например, английского или японского) с помощью типов и структур программирования. И никаких зелёных сов! 🔗 GitHub

JavaScript. Метод includes() Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент. Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует. В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.

Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного канала по машинному обучению на YouTube приглашает вас в свою AI-школу. Особенности: • теория и практика • акцент на самостоятельную реализацию архитектур с нуля • полное понимание того, что происходит внутри нейронной сети • архитектуры от сверточных нейронных сетей до трансформеров и языковых моделей. Регулярные живые QA-сессии, дружное комьюнити, а также компетишены, где можно будет посоревноваться (в командах и поодиночке) в решении ML задач. От вас: владение Python и знание основ классического ML (регрессия, классификация, градиентный спуск). Если классический ML не знаете - есть базовые курсы по ML. 7 месяцев, 4 курса: • AI: от основ до языковых моделей • Math for AI - необходимый математический бэкграунд • MLOps - всё про жизненный цикл модели, логирование, версионирование, docker • Decision making in AI - управление AI-проектом и стратегия В рамках Capstone Project вы с нуля реализуете и обучите небольшую языковую модель для генерации простых историй, а также выведете ее в продакшн. Полная стоимость за 7 месяцев (все 4 курса): • 112 000 рублей (единоразово) или • 17 000 рублей в месяц Если материалы вам не понравятся, мы вернем деньги за текущий оплаченный месяц (и последующие при единоразовой оплате)! Старт уже 17 февраля, скорее регистрируйтесь здесь! Еще больше подробностей о курсе ищите в видео и на странице с отзывами участников. Кстати, теоретические видео курса AI: от основ до трансформеров находятся в открытом доступе на канале Евгения! ООО «Лаборатория Евгения Разинкова», ИНН: 5043088023, erid: 2VtzqxKcuC1

🖥 JavaScript c Нуля - Курс для начинающих! 🕖 Ссылка: 6:55:30 🔗 Ссылка: *клик* #курс #javascript @about_javascript

🖥 Курс по изучению TypeScript для начинающих! 🔗 Ссылка: *клик* #курс #typescript freecourses

🔥 Univer — это библиотека, предназначенная для создания обработчиков команд и автоматизации процессов в приложениях! 🌟 Она используется для обработки команд, позволяя удобно управлять параметрами и аргументами команд. Библиотека может быть полезна для разработчиков, создающих интерфейсы командной строки (CLI) или нуждающихся в инструменте для автоматизации задач. 🔐 Лицензия: Apache-2.0 🖥 Github @react_tg

🖥 Wapy.dev — это инструмент для управления подписками и регулярными расходами, предоставляющий удобную панель для отслеживания, оптимизации и уведомлений о платежах! 🌟 Пользователи могут регистрировать свои подписки, получать напоминания о предстоящих платежах через email или push-уведомления, а также анализировать расходы по категориям с поддержкой различных валют и часовых поясов. 🔐 Лицензия: MIT 🖥 Github @about_javascript

🖥 Изучите Three.js, создав пять проектов! 🌟 Three.js абстрагирует сложности WebGL (библиотека веб-графики), упрощая разработчикам создание и отображение анимированной 3D-компьютерной графики на веб-странице. С Three.js вы можете создавать все: от простых 3D-моделей до сложных интерактивных впечатлений. 🔗 Ссылка: *клик* @javascriptv

🖥 Список из 100 вопросов с собеседований Middle JavaScript разработчика в 2025 году Представляем вам список из 100 вопросов, которые могут встретиться на собеседовании для позиции Middle JavaScript Developer. Я также добавлю подробное объяснение к каждому вопросу, чтобы вы могли лучше подготовиться к собеседованию. 📌 Читать @about_javascript

👩‍💻 Remotion — инструмент для создания видео с использованием React! 🌟 Он позволяет разработчикам использовать привычный стек технологий фронтенда, таких как JavaScript/TypeScript и JSX, для анимации и создания медиа-контента. Вместо традиционных видеоредакторов вы пишете код, который описывает ваши сцены, а затем генерируете видео с помощью рендеринга. 🌟 Основные возможности Remotion включают управление таймлайном через компоненты React, поддержку анимаций, интеграцию с библиотеками, такими как Three.js, и возможность рендерить видео с использованием FFMPEG. 🖥 Github

🖥 JS, тебя раскусили

🔥 design-resources-for-developers — обширный список ресурсов для веб-дизайна и разработки интерфейсов! ⭐️ Ресурс включает бесплатные и платные инструменты, шаблоны, иконки, иллюстрации, палитры цветов, шрифты, UI-киты и многое другое, что помогает разработчикам улучшить визуальную составляющую проектов. 🔐 Лицензия: MIT 🖥 GitHub @about_javascript

🖥 Лайфхак: вы можете создать футер с "копирайтом" таким образом, чтобы год на нем обновлялся автоматически! @javascriptv

👩‍💻 Огромный курс React.js! (2024) 🌟 Откройте для себя мощь современной веб-разработки с самым большим курсом React.js в Интернете! Этот комплексный курс предназначен как для новичков, так и для опытных разработчиков, желающих освоить React.js и его экосистему! 🕞 Продолжительность: 12:42:56 🔗 Ссылка: *клик* @react_tg

🖥 Огромная шпаргалка по взаимодействиям с массивами в JavaScript! 📖 Читать: *клик* @javascriptv