JavaScript
前往频道在 Telegram
➡️ Сотрудничество: @haarrp https://t.me/itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @JavaScript_testit- js тесты @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml
显示更多
网络:1 313
订阅者
无数据24 小时
-37 天
-1530 天
数据加载中...
吸引订阅者
七月 '26
七月 '26
+3
在0个频道中
六月 '26
+1
在0个频道中
Get PRO
五月 '26
+3
在0个频道中
Get PRO
四月 '26
+1
在0个频道中
Get PRO
三月 '26
+3
在0个频道中
Get PRO
二月 '26
+6
在0个频道中
Get PRO
一月 '26
+3
在0个频道中
Get PRO
十二月 '25
+5
在0个频道中
Get PRO
十一月 '25
+2
在0个频道中
Get PRO
十月 '25
+8
在0个频道中
Get PRO
九月 '25
+6
在1个频道中
Get PRO
八月 '25
+6
在0个频道中
Get PRO
七月 '25
+10
在0个频道中
Get PRO
六月 '25
+5
在0个频道中
Get PRO
五月 '25
+6
在0个频道中
Get PRO
四月 '25
+5
在0个频道中
Get PRO
三月 '25
+5
在0个频道中
Get PRO
二月 '25
+10
在0个频道中
Get PRO
一月 '25
+14
在0个频道中
Get PRO
十二月 '24
+10
在0个频道中
Get PRO
十一月 '24
+12
在0个频道中
Get PRO
十月 '24
+16
在0个频道中
Get PRO
九月 '24
+8
在0个频道中
Get PRO
八月 '24
+7
在0个频道中
Get PRO
七月 '24
+19
在0个频道中
Get PRO
六月 '24
+12
在0个频道中
Get PRO
五月 '24
+12
在0个频道中
Get PRO
四月 '24
+31
在1个频道中
Get PRO
三月 '24
+21
在0个频道中
Get PRO
二月 '24
+28
在0个频道中
Get PRO
一月 '24
+40
在0个频道中
Get PRO
十二月 '23
+33
在0个频道中
Get PRO
十一月 '23
+96
在0个频道中
Get PRO
十月 '23
+19
在0个频道中
Get PRO
九月 '23
+13
在0个频道中
Get PRO
八月 '23
+24
在0个频道中
Get PRO
七月 '23
+21
在0个频道中
Get PRO
六月 '23
+26
在0个频道中
Get PRO
五月 '23
+36
在0个频道中
Get PRO
四月 '23
+31
在0个频道中
Get PRO
三月 '23
+53
在0个频道中
Get PRO
二月 '23
+62
在0个频道中
Get PRO
一月 '23
+70
在0个频道中
Get PRO
十二月 '22
+107
在0个频道中
Get PRO
十一月 '22
+127
在0个频道中
Get PRO
十月 '22
+175
在0个频道中
Get PRO
九月 '22
+161
在0个频道中
Get PRO
八月 '22
+106
在0个频道中
Get PRO
七月 '22
+149
在0个频道中
Get PRO
六月 '22
+581
在0个频道中
Get PRO
五月 '22
+168
在0个频道中
Get PRO
四月 '22
+86
在0个频道中
Get PRO
三月 '22
+113
在0个频道中
Get PRO
二月 '22
+101
在0个频道中
Get PRO
一月 '22
+34
在0个频道中
Get PRO
十二月 '21
+409
在0个频道中
Get PRO
十一月 '21
+102
在0个频道中
Get PRO
十月 '21
+34
在0个频道中
Get PRO
九月 '21
+70
在0个频道中
Get PRO
八月 '21
+31
在0个频道中
Get PRO
七月 '21
+104
在0个频道中
Get PRO
六月 '21
+508
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 27 七月 | 0 | |||
| 26 七月 | 0 | |||
| 25 七月 | 0 | |||
| 24 七月 | 0 | |||
| 23 七月 | 0 | |||
| 22 七月 | 0 | |||
| 21 七月 | 0 | |||
| 20 七月 | 0 | |||
| 19 七月 | +1 | |||
| 18 七月 | 0 | |||
| 17 七月 | 0 | |||
| 16 七月 | 0 | |||
| 15 七月 | 0 | |||
| 14 七月 | 0 | |||
| 13 七月 | 0 | |||
| 12 七月 | 0 | |||
| 11 七月 | 0 | |||
| 10 七月 | 0 | |||
| 09 七月 | 0 | |||
| 08 七月 | 0 | |||
| 07 七月 | 0 | |||
| 06 七月 | 0 | |||
| 05 七月 | +1 | |||
| 04 七月 | 0 | |||
| 03 七月 | 0 | |||
| 02 七月 | +1 | |||
| 01 七月 | 0 |
频道帖子
| 2 | 🎨 Улучшаем веб-дизайн с AI
Этот репозиторий предлагает навык для AI-агентов, который преобразует стандартные веб-страницы в стильные и уникальные. Он включает правила против клише, систему дизайна и теорию цвета oklch, чтобы обеспечить высокое качество HTML/CSS/JavaScript.
🚀Основные моменты:
- Инъекция дизайнерского вкуса в AI-процессы
- Запрет на избитые шаблоны и клише
- Шестиступенчатый рабочий процесс от требований до проверки
- Подборка качественных шрифтов и цветовых сочетаний
- Примеры страниц с использованием и без использования навыка
📌 GitHub: https://github.com/ConardLi/web-design-skill
#javascript | 242 |
| 3 |  JavaScript. Что будет выведено в консоль?
Ответ | 288 |
| 4 |  ⚡️ 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=CbHJlBToYQM | 206 |
| 5 |  🌏 Осторожно, можно налипнуть на долгие часы: интерактивная карта, которая показывает, как слова мигрировали сквозь века 😊
Если тебе хоть раз было интересно, откуда взялось слово и как оно менялось по дороге - это прям находка. Проект визуализирует “путешествие” слов по миру: как корни кочевали вместе с торговлей, войнами, колонизацией и смешением культур.
Что внутри:
- Gemini помогает находить корни и родство слов (этимология без занудства)
- D3.js превращает всё это в красивую анимацию на карте
- ты просто вводишь слово - и видишь его историю как маршрут: страны, эпохи, переходы
Это не просто справочник, а настоящая “география языка”, в которой можно зависнуть на час.
https://wanderword-141284551734.us-west1.run.app/ | 281 |
| 6 |  👣 Generics-first HTTP клиент для Go
httpx - это тонкая обертка над стандартным net/http, сделанная с упором на generics.
Идея простая:
- сохранить всю мощь и escape hatches обычного http.Client
- но сделать 90% повседневных запросов максимально простыми и типобезопасными
Что дает httpx
- типизированные запросы и ответы через generics
- минимум бойлерплейта для обычных GET/POST
- при необходимости — полный доступ к низкоуровневому API
- не прячет net/http, а аккуратно его расширяет
Подходит когда:
- надо быстро писать HTTP-код без ручного json.Unmarshal
- важна типобезопасность
- не хочется тяжелых фреймворков
Хороший пример того, как generics в Go можно использовать по делу, а не ради абстракций.
https://github.com/goforj/httpx | 289 |
| 7 |  +2Работа с 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 стороннего сервиса и может быть расширен для более сложной обработки данных или отображения. | 216 |
| 8 |  🍏Ничего сверхъестественного - просто Gemini 3 Pro за один (!) промпт разворачивает полноценную симуляцию macOS или Windows прямо в браузере.
Всего 900 строк кода - и у вас уже есть рабочий интерфейс с анимациями, меню, браузером и даже терминалом.
Модель справляется с этим за 172 секунды.
Код и демо уже доступны - а инсайдеры шепчут, что официальный релиз выйдет на этой неделе.
Первые тестеры называют Gemini 3 Pro «лучшим ИИ для кодинга на сегодня».
https://codepen.io/ChetasLua/pen/EaPvqVo | 263 |
| 9 |  Table tenniCSS
Создано на HTML и SCSS, без использования JS.
#css
https://codepen.io/amit_sheen/pen/PobQjMX | 233 |
| 10 |  💡 HTML трюк
Используйте теги <details> и <summary>, чтобы сделать на странице сворачиваемый блок контента.
<details> — контейнер для скрытого содержимого.
<summary> — заголовок, по клику на который блок разворачивается или сворачивается. | 255 |
| 11 | 🔥 Трюк с 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-компонентами и кастомными хуками, чтобы минимизировать ререндеры и повысить производительность. | 361 |
| 12 | 🔥 Трюк с 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-компонентами и кастомными хуками, чтобы минимизировать ререндеры и повысить производительность. | 1 |
| 13 |  ⌨️ Хотите научиться создавать полноценные API-серверы с использованием Node.js и TypeScript?
Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js».
🗓 4 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».
На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.
🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.
🔗 Ссылка на регистрацию: https://otus.pw/QvtX/ | 283 |
| 14 |  Совет по CSS 💡
Используйте табличные цифры для отображения таймеров ✅
https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers
@javascriptv | 274 |
| 15 | JavaScript. Что произойдет при выполнении этого кода? | 285 |
| 16 |  没有文字... | 254 |
| 17 | Заголовок: 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 | 258 |
| 18 |  🎯 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/ | 211 |
| 19 |  🖌️ LUME — создание 2D/3D-интерфейсов на HTML. Этот набор веб-компонентов превращает обычные HTML-элементы в полноценные носители графики — от CSS3D-преобразований до WebGL-рендеринга.
Под капотом используется AssemblyScript для компиляции в WebAssembly, что обещает стабильную производительность. А в примерах есть даже заготовка для FPS-игры на движке.
🤖 GitHub
@javascriptv | 337 |
| 20 |  🌸 Typed Japanese
Для гиков: энтузиасты придумали учить языки через TypeScript.
Проект Typed Grammar учит грамматике (например, английского или японского) с помощью типов и структур программирования. И никаких зелёных сов!
🔗 GitHub | 436 |
