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, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.

🖥 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

Встроенный ИИ (AI) в Chrome (dev channel)

Создаем меню профиля с использованием HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/dropdown-menu-09