Javascript

前往频道在 Telegram

По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945

显示更多

网络:Machinelearning 俄罗斯38 243 技术与应用7 380...

📈 Telegram 频道 Javascript 的分析概览

频道 Javascript (@javascriptv) 俄语语言赛道中的是活跃参与者。目前社区聚集了 17 173 名订阅者，在 技术与应用 类别中位列第 7 380，并在 俄罗斯 地区排名第 38 243 位。

📊 受众指标与增长动态

自 невідомо 创建以来，项目保持高速增长，吸引了 17 173 名订阅者。

根据 30 八月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -128，过去 24 小时变化为 0，整体触达仍然可观。

认证状态： 未认证
互动率 (ER)： 平均受众互动率为 28.47%。内容发布后 24 小时内通常能获得 5.25% 的反应，占订阅者总量。
帖子覆盖： 每篇帖子平均可获得 4 891 次浏览，首日通常累积 902 次浏览。
互动与反馈： 受众积极参与，单帖平均反应数为 15。
主题关注点： 内容集中在 javascript, github, битрикс24, api, css 等核心主题上。

📝 描述与内容策略

作者将该频道定位为表达主观观点的平台：
“По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945”

凭借高频更新（最新数据采集于 31 八月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。

17 173

订阅者

无数据24 小时

-207 天

-12830 天

4 891

帖子浏览量

~ 90224 小时

~ 1 74448 小时

28.47%

参与率

无数据

每日帖子数

Ads index

beta

帖子存档

17 171

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. На профессии «Фронтенд-разработчик» вы за 10 месяцев: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: 2Ranykc3EnU

17 171

🔥 CSS Dots wave - анимированная сцена, выполненная с помощью SCSS, без использования JavaScript https://codepen.io/amit_sheen/pen/vYpZBwP @javascriptv

17 171

Куда делись все безработные JavaScript разработчики? Если ты один из них, то с вероятностью в 99.99% ты просто еще не подписан на JavaScript Вакансии. Это же тот самый канал, где работу умудряются найти даже самые зеленые джуны. Я уже молчу про мидлов, которые тут просто нарасхват! Авторы канала сканируют рынок и отбирают самые вкусные вакансии на должность JavaScript разработчик. Всем новым подписчикам категорически рекомендуется чекнуть в канале пост-закреп с подборкой 20 нейросетей, которые помогут вам существенно упростить поиск новой работы. JavaScript Вакансии – «мастхэв-канал» для каждого JavaScript разработчика!

17 171

UptimeSystem — мониторинг доступности веб-сайтов и серверов UptimeSystem позволяет с лёгкостью отслеживать доступность ваших веб-сайтов, серверов и портов, а также контролировать выполнение ваших Cron-заданий При этом вы можете получить мгновенные email-уведомления при изменении состояния отслеживаемых сервисов Стоимость: #бесплатно (но есть платные тарифы) #мониторинг #web #серверы

17 171

Исследование производительности анимации на основе скролла страницы Анимация на основе скролла — это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным. В этой статье новый подход сравнивается с классической техникой JavaScript, чтобы показать, насколько простой и плавной может быть анимация с помощью нового API. #css #javascript #api

17 171

Expanding Button - красивая анимированная кнопка с различными ссылками на медиа. Реализована с помощью SCSS, Pug и JavaScript. https://codepen.io/abh1nash/pen/eYjQgEN @javascriptv

17 171

✔️ Literally Linked Lists - крутые интерактивные связанные списки, написанные с помощью CSS и JavaScript https://codepen.io/mattjuggins/pen/KKZRwVL/ @javascriptv

17 171

⚡️Маст-хэв список программистов, каналы с последними книжными новинками, библиотеками, разбором кода и актуальной информацией, связанной с вашим языком программирования. Лучший способ получать свежие обновлении и следить за трендами в разработке. Python: t.me/pythonl C#: t.me/csharp_ci C/C++/ t.me/cpluspluc Машинное обучение: t.me/ai_machinelearning_big_data Data Science: t.me/data_analysis_ml Devops: t.me/devOPSitsec Go: t.me/Golang_google Базы данных: t.me/sqlhub Rust: t.me/rust_code Javascript: t.me/javascriptv React: t.me/react_tg PHP: t.me/phpshka Android: t.me/android_its Мобильная разработка: t.me/mobdevelop Linux: t.me/+A8jY79rcyKJlYWY6 Big Data: t.me/bigdatai Хакинг: t.me/linuxkalii Java: t.me/javatg 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy 🎞 YouTube канал: https://www.youtube.com/@uproger 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers

17 171

💡 Newton's Light Bulbs - изящная анимация лампочки Ньютона. Реализована с помощью CSS и Js. https://codepen.io/jh3y/pen/abzeaWJ @javascriptv

17 171

👨‍💻Как работает JavaScript Proxy • Первый шаг в работе с JavaScript Proxy — создание прокси-объекта с помощью синтаксиса new Proxy(). Этот синтаксис позволяет определить целевой объект и объект-обработчик, содержащий ловушки — специальные методы, которые перехватывают операции с прокси и позволяют настраивать их поведение. Например, ловушка get перехватывает доступ к свойствам прокси-объекта. Определив эту ловушку, можно настроить реакцию прокси при обращение к свойству. Аналогично, ловушка set перехватывает присвоение свойства, позволяя валидировать или изменить присвоенное значение. • В целом, ловушки в контексте JavaScript Proxy — это специальные методы, которые действуют как посредники, перехватывая и позволяя настраивать такие действия с прокси-объектом, как доступ к свойствам и присвоение. Они предоставляют разработчикам тонкий контроль над поведением прокси, позволяя настраивать и манипулировать им по мере необходимости. Пример:

const target = {
  name: 'Hossein',
  age: 26
};

const handler = {
  get(target, property) {
    console.log(`Getting property: ${property}`);
    return target[property];
  },
  set(target, property, value) {
    console.log(`Setting property: ${property} = ${value}`);
    target[property] = value;
  }
};

const proxy = new Proxy(target, handler);

console.log(proxy.name); // Вывод: Получение свойства: name, Hossein
proxy.age = 30; // Вывод: Установка свойства: age = 26
console.log(proxy.age); // Вывод: получение свойства: age, 30

▪️Здесь ловушка set перехватывает присвоение свойства прокси-объекту и регистрирует присвоенное свойство и значение, прежде чем изменить его в целевом объекте. Используя эти и другие ловушки, можно эффективно настраивать и контролировать поведение прокси-объектов в соответствии с потребностями конкретной разработки. Перехват операций с объектами с использованием прокси • JavaScript Proxy позволяет перехватывать и настраивать различные операции с объектами. Рассмотрим несколько примеров. Удаление свойства:

const target = {
  name: 'Hossein',
  age: 26
};

const handler = {
  deleteProperty(target, property) {
    console.log(`Deleting property: ${property}`);
    delete target[property];
  }
};

const proxy = new Proxy(target, handler);

delete proxy.age; // Вывод: Удаление свойства: age
console.log(proxy); // Вывод: { name: 'Hossein' }

▪️В этом примере ловушка deleteProperty перехватывает удаление свойства прокси-объекта. Можно настроить поведение так, чтобы залоггировать удаляемое свойство и затем удалить его из целевого объекта. • Вызов функции:

const target = {
  sum: (a, b) => a + b
};

const handler = {
  apply(target, thisArg, argumentsList) {
    console.log(`Calling function: ${target.name}`);
    return target.apply(thisArg, argumentsList);
  }
};

const proxy = new Proxy(target.sum, handler);

console.log(proxy(2, 3)); // Вывод: Вызов функции: sum, 5

▪️В этом случае ловушка apply перехватывает вызов функции прокси-объекта. Можно настроить поведение так, чтобы залоггировать имя функции перед ее вызовом с предоставленными аргументами. 📌Продолжение

17 171

Hex/RGB Auto Color Converter in Vue - конвертор цветов из HEX в RGB, выполненный с помощью SCSS и библиотеки Vue.js. https://codepen.io/collinsworth/pen/WNXxQVP @javascriptv

17 171

Подборка новых статей из Журнала Академии Яндекса. Они пишут для тех, кто выбрал путь в IT: про развитие, карьеру и будущее⚡ 1. Три способа освоить программирование с нуля https://t.me/journal_academy/636 2. Подборка полезных ресурсов для изучения асинхронности в JavaScript https://t.me/journal_academy/77 3. Что такое генеративная графика https://t.me/journal_academy/295 Вступайте в сообщество увлечённых айтишников: Журнал Академии Яндекса Реклама. ООО "ЯНДЕКС". ИНН 7736207543. erid: 2RanynAPSkY

17 171

49. parallax bird - красивый параллакс, сделанный с помощью Less и библиотеки Three.js https://codepen.io/ycw/pen/OJpPmOq @javascriptv

17 171

Сбер открыл доступ к новым нейролингвистическим моделям Сбер выпустил модель ruGPT-3.5 13B для генерации русского текста и модель mGPT 13B для генерации текста на 61 языке. Модель ruGPT-3.5 13B оснащена 13 миллиардов параметров и может генерировать текст на русском, английском, а также неплохо разбирается в языках программирования. Модель mGPT 13B доступна по открытой лицензии MIT и может генерировать текст на 61 языке, в том числе на языках стран СНГ и малочисленных этнических групп в России. «Сбер как ведущая технологическая компания выступает за открытость технологий и обмен опытом с профессиональным сообществом, ведь любые разработки и исследования имеют ограниченный потенциал в замкнутой среде. Поэтому, мы уверены, что публикация обученных моделей подстегнёт работу российских исследователей и разработчиков, нуждающихся в сверхмощных языковых моделях, создавать на их базе собственные технологические продукты и решения», —следует из заявления старшего вице-президента, CTO, руководитель блока «Технологии» Сбера Андрея Белевцева. @javascriptv

17 171

Microsoft Homepage Clone - Клон домашней страницы Microsoft. Реализована с помощью CSS и Js. https://codepen.io/bradtraversy/pen/ZEGGNRb @javascriptv

17 171

📌 На что способен Selenium в паре с JavaScript? Преимущества совместного использования Selenium и JavaScript • Кросс-браузерность. Позволяет беспроблемно запускать скрипты автоматизации в разных браузерах. • Интеграция с фреймворками для тестирования JavaScript. Обеспечивает легкую интеграцию с такими фреймворками, как Mocha и Jest, для эффективного управления тестированием. • Мощная поддержка сообщества. Активно действующие сообщества Selenium и JavaScript предоставляют доступ к обширной документации, обучающим руководствам и ресурсам. Установка Selenium WebDriver в JavaScript 🟢 Чтобы начать работу с Selenium WebDriver в JavaScript, устанавливаем пакет Selenium WebDriver с помощью npm. После этого импортируем необходимые компоненты и создаем экземпляр WebDriver для управления веб-браузерами.

npm install selenium-webdriver

🟢 Импортируем необходимые компоненты: const { Builder, By, Key, until } = require('selenium-webdriver'); 🟢 Создаем экземпляр WebDriver: const driver = new Builder().forBrowser('chrome').build(); Автоматизация браузера с помощью Selenium и примеры кода читать тут

17 171

Yotako.io — крутой инструмент дизайна в код с помощью искусственного интеллекта С помощью инструмента можно без труда экспортировать дизайн из графических редакторов, таких как Sketch и Adobe XD, и преобразовать их в код на различных языках программирования и фреймворках При этом Yotako.io также обеспечивает синхронизацию между дизайном и кодом, что позволяет легко вносить изменения в процессе разработки Стоимость: #бесплатно (но есть платные тарифы). #дизайн #code #ии @javascriptv

17 171

Верстаешь? С 11 по 17 июля проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. Что будет: 1️⃣ Создание полноценного веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием самых современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фронтенд-фреймворка Angular Узнаешь, как использовать этот мощный инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend и загрузка сайта на хостинг Мы научим тебя основам работы с Backend'ом и покажем, как развернуть свой проект на хостинге. 5️⃣ Советы по доработке проекта Получишь ценные советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 👉 Участвуй бесплатно 🚀

17 171

📌 18 продвинутых навыков JavaScript для старших инженеров-программистов 🔵Браузер ▪ Переход на полноэкранный режим

function fullScreen() {  
    const el = document.documentElement
    const rfs = 
    el.requestFullScreen || 
    el.webkitRequestFullScreen || 
    el.mozRequestFullScreen || 
    el.msRequestFullscreen
    if(typeof rfs != "undefined" && rfs) {
        rfs.call(el)
    }
}
fullScreen()

▪ Выход из полноэкранного режима

function exitScreen() {
    if (document.exitFullscreen) { 
        document.exitFullscreen()
    } 
    else if (document.mozCancelFullScreen) { 
        document.mozCancelFullScreen()
    } 
    else if (document.webkitCancelFullScreen) { 
        document.webkitCancelFullScreen()
    } 
    else if (document.msExitFullscreen) { 
        document.msExitFullscreen()
    } 
    if(typeof cfs != "undefined" && cfs) {
        cfs.call(el)
    }
}
exitScreen()

▪ Вывод страницы Чтобы вывести текущую страницу: window.print() ▪ Изменение стиля выводимого контента Чтобы при выводе страницы изменить текущий макет:

<style>
/* Используйте @media print, чтобы настроить стиль вывода */
@media print {
    .noprint {
        display: none;
    }
}
</style>
<div class="print">print</div>
<div class="noprint">noprint</div>

▪ Блокировка события закрытия Чтобы оградить пользователя от обновления или закрытия браузера, запустите событие beforeunload (некоторые браузеры не кастомизируют текстовой контент):

window.onbeforeunload = function(){
    return 'Are you sure you want to leave the haorooms blog

？

';
};

▪ Запись экрана Чтобы сделать запись текущего экрана для ее передачи или загрузки:

const streamPromise = navigator.mediaDevices.getDisplayMedia()
streamPromise.then(stream => {
    var recordedChunks = [];// записанные видеоданные 
var options = { mimeType: "video/webm; codecs=vp9" };// Установите формат кодирования
    var mediaRecorder = new MediaRecorder(stream, options);// Инициализируйте экземпляр MediaRecorder
    mediaRecorder.ondataavailable = handleDataAvailable;// Установите обратный вызов, когда данные будут доступны (конец записи экрана)
    mediaRecorder.start();
    // Фрагментация видео 
    function handleDataAvailable(event) {
        if (event.data.size > 0) {
            recordedChunks.push(event.data);// Добавление данных, event.data - объект BLOB
            download();// Инкапсуляция в объект BLOB и загрузка
        }
    }
// Загрузка файла 
    function download() {
        var blob = new Blob(recordedChunks, {
            type: "video/webm"
        });
        // Видео можно загрузить здесь в бэкенд 
        var url = URL.createObjectURL(blob);
        var a = document.createElement("a");
        document.body.appendChild(a);
        a.style = "display: none";
        a.href = url;
        a.download = "test.webm";
        a.click();
        window.URL.revokeObjectURL(url);
    }
})

▪ Определение состояния горизонтального и вертикального экранов Чтобы оценить состояние горизонтального или вертикального экрана мобильного телефона:

function hengshuping(){
    if(window.orientation==180||window.orientation==0){
        alert("Portrait state

！

")
    }
    if(window.orientation==90||window.orientation==-90){
        alert("Landscape state

！

")
    }
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

▪ Различение стилей для горизонтального и вертикального экранов Чтобы установить разные стили для горизонтального и вертикального экранов:

<style>
@media all and (orientation : landscape) {
    body {
        background-color: #ff0000;
    }
}
@media all and (orientation : portrait) {
    body {
        background-color: #00ff00;
    }
}
</style>

▪ Продолжение @javascriptv