JavaScript
описание
➡️ Сотрудничество: @haarrp https://t.me/itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @JavaScript_testit- js тесты @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml
1 302
подписчиков
Охват к подписчикам
40,2%
ERR
Реакции к просмотрам
0,37%
39 на 20 постов
Пересылки к просмотрам
0,59%
62
Постов в день
0,0
всего 20
Где отзываются чаще
доля реакций к просмотрам- 5 авг.So Much to Print Оригинальная анимация газетного станка. https://codepen.io/jkantner/pen/vYKoeeP2,46%
- 29 июл. 2025 г.Совет по CSS 💡 Используйте табличные цифры для отображения таймеров ✅ https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers @javascriptv1,06%
- 12 авг. 2025 г.💡 HTML трюк Используйте теги <details> и <summary>, чтобы сделать на странице сворачиваемый блок контента. <details> — контейнер для скрытого содержимого. <summary> — заголовок, по клику на который блок разворачивается или сворачивается.1,05%
- 16 сент. 2025 г.Table tenniCSS Создано на HTML и SCSS, без использования JS. #css https://codepen.io/amit_sheen/pen/PobQjMX0,71%
- 17 окт. 2025 г.🍏Ничего сверхъестественного - просто Gemini 3 Pro за один (!) промпт разворачивает полноценную симуляцию macOS или Windows прямо в браузере. Всего 900 строк кода - и у вас уже есть рабочий интерфейс с анимациями, меню, браузером и даже терминалом. Модель справляется с этим за 172 секунды. Код и демо уже доступны - а инсайдеры шепчут, что официальный релиз выйдет на этой неделе. Первые тестеры называют Gemini 3 Pro «лучшим ИИ для кодинга на сегодня». https://codepen.io/ChetasLua/pen/EaPvqVo0,66%
- 28 июл. 2025 г.Заголовок: 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/Siemons80,56%
- 1 авг. 2025 г.🔥 Трюк с style в React, который упростит работу с динамическими стилями Вместо создания длинных условий или классов, можно использовать spread-оператор и логические выражения прямо в объекте стилей: <div style={{ padding: '16px', ...(isError && { border: '1px solid red' }), ...(isActive ? { backgroundColor: '#def' } : { opacity: 0.5 }), }} > Hello! </div> 📌 Что тут происходит: * ...(условие && { стиль }) добавит стиль, если условие true; * Альтернатива classnames для inline-стилей; * Чисто, читаемо и удобно при большом числе условий. 🧠 Подходит, когда используете inline-стили (например, в дизайн-системах или при генерации email-шаблонов). 💡 Можно комбинировать с memo-компонентами и кастомными хуками, чтобы минимизировать ререндеры и повысить производительность.0,47%
- 24 нояб.Работа с API сторонних сервисов в веб-приложении: Пример интеграции с OpenWeatherMap API Интеграция с API сторонних сервисов позволяет получать актуальные данные и расширять функциональность вашего веб-приложения. В данном примере мы рассмотрим интеграцию с OpenWeatherMap API, чтобы получать данные о погоде и отображать их на веб-странице. 📝 Пример кода: 1. Получение API ключа: Для работы с OpenWeatherMap API необходимо получить API ключ, который будет использоваться для авторизации запросов. Вы можете зарегистрироваться на сайте OpenWeatherMap, чтобы получить свой ключ API. 2. Создание функции для выполнения запросов к API, обработка данных и отображение на странице(Рисунок 1): 3. HTML-разметка и стили(Рисунок 2 и 3) В примере мы создали функцию fetchWeatherData, которая выполняет запрос к OpenWeatherMap API с указанием города и ключа API. Затем мы обрабатываем полученные данные и отображаем их на странице при помощи функции displayWeatherData. При нажатии кнопки "Search" происходит выполнение запроса и отображение данных о погоде для указанного города. Этот пример демонстрирует базовую интеграцию с API стороннего сервиса и может быть расширен для более сложной обработки данных или отображения.0,43%
- 19 апр.JavaScript. Что будет выведено в консоль? Ответ0,26%
- 28 апр.без подписи0,24%
- 19 янв.🌏 Осторожно, можно налипнуть на долгие часы: интерактивная карта, которая показывает, как слова мигрировали сквозь века 😊 Если тебе хоть раз было интересно, откуда взялось слово и как оно менялось по дороге - это прям находка. Проект визуализирует “путешествие” слов по миру: как корни кочевали вместе с торговлей, войнами, колонизацией и смешением культур. Что внутри: - Gemini помогает находить корни и родство слов (этимология без занудства) - D3.js превращает всё это в красивую анимацию на карте - ты просто вводишь слово - и видишь его историю как маршрут: страны, эпохи, переходы Это не просто справочник, а настоящая “география языка”, в которой можно зависнуть на час. https://wanderword-141284551734.us-west1.run.app/0,20%
- 12 февр.⚡️ TypeScript 6.0 Beta - что нового Microsoft выпустили TypeScript 6.0 Beta. В релизе — улучшения производительности, более точная типизация и изменения, которые упрощают работу с большими проектами. Вот основные изменения. Быстрее работа компилятора - Улучшена производительность проверки типов - Быстрее сборка крупных проектов - Оптимизации для больших monorepo TypeScript продолжает фокусироваться на скорости, особенно для больших кодовых баз. Улучшения типизации - Более точный вывод типов в сложных сценариях - Улучшения для generics - Лучшая работа с union и conditional types Меньше ситуаций, где приходится явно указывать типы вручную. ECMAScript и совместимость - Поддержка новых возможностей JavaScript - Улучшенная совместимость с современными runtime и bundler’ами - Обновления для работы с Node.js и современными инструментами сборки Инструменты и DX - Более понятные сообщения об ошибках - Улучшения в Language Service (автодополнение, навигация) - Улучшенная работа редакторов (VS Code и др.) Почему это важно Релиз не про новые «синтаксические фичи», а про: - скорость - стабильность - удобство разработки - масштабируемость для больших проектов Если у вас большой TypeScript-проект, обновление может дать заметный прирост производительности. 💥 Подробности: https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/ 💥 Видео: https://www.youtube.com/watch?v=CbHJlBToYQM0,18%