Javascript

Open in Telegram

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

Network:Machinelearning Russia38 243 Technologies & Applications7 380...

📈 Analytical overview of Telegram channel Javascript

Channel Javascript (@javascriptv) in the Russian language segment is an active participant. Currently, the community unites 17 173 subscribers, ranking 7 380 in the Technologies & Applications category and 38 243 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 17 173 subscribers.

According to the latest data from 30 August, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -128 over the last 30 days and by 0 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 28.47%. Within the first 24 hours after publication, content typically collects 5.25% reactions from the total number of subscribers.
Post reach: On average, each post receives 4 891 views. Within the first day, a publication typically gains 902 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 15.
Thematic interests: Content is focused on key topics such as javascript, github, битрикс24, api, css.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945”

Thanks to the high frequency of updates (latest data received on 31 August, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

17 173

Subscribers

No data24 hours

-207 days

-12830 days

4 891

Post views

~ 90224 hours

~ 1 74448 hours

28.47%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

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