Javascript
Open in Telegram
По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945
Show more
Network:📈 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
Posts Archive
17 173
⚡ 5 лучших шаблонов проектов React Native на GitHub для быстрой разработки приложений 📱
Список полезных ресурсов, которые ускорят разработку приложений! Эти шаблоны упрощают процесс разработки, позволяя вам быстро приступить к работе над приложениями👇
1. React Native Elements: https://github.com/react-native-elements/react-native-elements
2. Ignite CLI Boilerplate: https://github.com/infinitered/ignite
3. React Native Paper: https://github.com/callstack/react-native-paper
4. UI Templates: https://github.com/Aashu-Dubey/React-Native-UI-Templates
5. React Native Boilerplate: https://github.com/thecodingmachine/react-native-boilerplate
@javascriptv
17 173
📌Binoculars — красивая имитация бинокля. Реализована на CSS и JavaScript.
#js #анимация #css
https://codepen.io/DeyJordan/pen/MWZwRMm
@javascriptv
17 173
Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке.
⏰ Старт 5 октября!
Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком.
Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником.
Запишитесь прямо сейчас!
Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: LjN8Jygvk
17 173
Топ вопросы на собеседовании по JavaScript
1. Способы наследования
2. Типы данных
3. Ключевое слово this.
4. Методы call, apply, bind.
5. Замыкание (closure)
6. Область видимости (scope)
7. Каррирование (currying).
8. Параметры функции в ES6
9. Модификаторы var, let, const B
10. Коллекции Array, Map, Set Blog
#video #js
https://www.youtube.com/watch?v=0e9eyrxB-LU&list=PLwHvxJae2LazDrHm6ayqLKz6jszEn7ArQ&ab_channel=ProgBlog
17 173
🔥 Дайджест полезных материалов из мира Javascript за неделю
Почитать:
— Минуты и часы не нужны
— Создание мини игр и анимации в Online редакторе Collagen_2
— Event Loop в деталях
— Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT
— Web Accessibility в рассказе «A11Y от 0 до NaN»
— Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал
— JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
— Веб-компоненты в 2023: нужно поговорить
— Подружим Sentry и Mattermost быстро и просто через адаптер
— Генерация BDD тестов с помощью ChatGPT и запуск их через Playwright
— Latest Newsletter: Beware Of Circularity (Issue #133)
— Basic Promise in JavaScript
— Conquer MS-101: Dumpsarena Offers Reliable Study Materials
— JavaScript Magic Tricks: 6 Ways to Use 'alert'
— typeof null return object...
— Cracking the Code: Leet Code 1048 - Longest String Chain (Medium) - NileshDev
— How To Quickly Fix Production Errors Along With CORS Error
— Creating an NPM Package in 2024 (Deno, dnt)
— Singleton Connection with Transactions in MongoDB
— What is JavaScript(and what can you do with it)
Посмотреть:
🌐 Экосистема React.js 2023 (⏱ 12:45)
🌐 The Best React State Management Solution Has Been There All Along (⏱ 05:38)
🌐 This CSS Feature Replaces CSS-In-JS (⏱ 01:00)
Хорошего дня!
17 173
🖥 Magic Wand Reveal - красивый эффект хайд для изображений.
https://codepen.io/Hyperplexed/pen/wvQzbGz
@javascriptv
17 173
Привет! Мы в МТС активно поддерживаем ИТ-сообщество в России и запускаем всероссийскую олимпиаду по программированию с главным призом в 3 млн рублей.
Для кого? Для школьников, студентов и действующих ИТ-специалистов.
Что будет? Блок онлайн-заданий, митапы и мастер-классы, общение в закрытом Telegram-канале и финальный очный тур с программированием на скорость. Когда олимпиада завершится, мы создадим True Tech Community, где будем делиться полезными и эксклюзивными материалами для разработчиков.
А что еще? Финалистов ждет afterparty, фестиваль технологий, интерактив, квесты, карьерные стенды, где лучшие специалисты смогут получить оффер от МТС.
Регистрация уже открыта! Подробности по ссылке. Ждем тебя!
Реклама. ПАО "МТС". ИНН 7740000076. erid: LjN8K7znt
17 173
Анимированная форма обратной связи
Ещё один способ сделать ваш сайт более интересным. Проект реализован с помощью CSS, jQuery и TweenMax.js.
Посмотреть код можно тут:
https://codepen.io/izmaelmag/pen/NqyEKx
#codepen
17 173
🐈⬛ Микросервисы gRPC в NestJS: пошаговое руководство
В процессе иллюстрации возможностей gRPC создадим два микросервиса: службу заказа (order-service) и службу пользователя (user-service).
В службу заказов (order-service) внедрим API MyOrders, возвращающий фиктивные заказы пользователя. Прежде чем вернуть заказ, служба связывается с помощью gRPC с user-service для проверки прав пользователя в системе.
Такой смоделированный вариант позволит демонстрировать взаимодействие между микросервисами. При этом возможны индивидуальные отличия, например служба заказа может получать данные пользователя в режиме реального времени для отправки уведомлений на мобильный телефон или по электронной почте.
Настройка проекта
Предполагается, что вы знакомы с основами NestJS. Сначала определим специфичные для gRPC элементы.
С помощью командной строки NestJS инициализируем проекты user-service и order-service.
nest new order_service
nest new user_service
Установим специфичные для gRPC зависимости.
В gRPC определяем API в файлах буфера протокола или proto. Наши клиенты NestJS должны понимать этот интерфейс, и для этого мы будем использовать пакет ts-proto, который автоматически сгенерирует код адаптера NestJS для определений proto.
npm i --save @grpc/grpc-js @grpc/proto-loader
npm i protoc-gen-ts_proto
npm install ts-proto
Примерная структура проекта:
📌Читать17 173
Использование FileReader для чтения файлов в JavaScript
Нашли для вас туториал о том, как использовать FileReader для чтения содержимого файлов в браузере. Автор статьи на практике рассмотрел несколько примеров, как с использованием элемента input, так и Drag'n'Drop:
https://itchief.ru/javascript/filereader
#javascript #туториал
@javascriptv
17 173
⚡Creativity Now — 3D-текст, созданный на Blender. Анимация замены оформления реализована с помощью
Tree.js.
#анимация #Blender #Treejs
https://codepen.io/ScavengerFrontend/pen/mdRrVVO
@javascript17 173
🔥 Дайджест полезных материалов из мира : Javascript за неделю
Почитать:
— Натальная травматология фронтенда S1 E1-14
— Митапы PiterJS вернулись
— Rematch — Redux без шаблонного кода
— Утечки памяти в SSR: причины, поиск, устранение
— Скрытие POI за зданиями
— Что нового в Chrome 117?
— Видеоредактор, работа с видео и зачем там Canvas
— Kysely.js типизированный sql builder
— Измерение размеров объектов на фотографии
— Find the best herbal chamomile tea - junglesting
— 10 'Aha' Moments: Navigating React's New Documentation!
— GitHub Decoded: Your Beginner's Guide
— Web workers in ReactJs
— 🚀Learn Next.js 13 Within 2 Hours🚀
— Latest Newsletter: Wonderfull and Strange Nerdy Discussions (Issue #132)
— 🚀Mastering Performance Optimisation in React Applications🚀
— How Does Nerve Regen Formula Work?
— What Is Bun 1.0? A Game-Changer in JavaScript Development
— Mastering object manipulation in JavaScript
Посмотреть:
🌐 Learning To Code Is Easy (⏱ 08:59)
🌐 NEW React Hooks Saves 1K+ Lines Of Code (⏱ 01:00)
Хорошего дня!
@javascriptv
17 173
Архитектурные стили, которые вы должны знать в 2023 году
— REST (Representational State Transfer): REST - это архитектурный стиль, в котором используются преимущественно методы HTTP, - чемпион по простоте и повсеместности. Он обеспечивает простое взаимодействие с ресурсами, что делает его основным паттерном для множества приложений и современных API.
— SOAP (Simple Object Access Protocol): SOAP, претендующий на звание тяжеловеса на арене API, отличается сложностью и мощностью. Он использует XML для определения структурированного взаимодействия. Хотя для работы с SOAP требуется клиент и сервер, он компенсирует это своей прочностью и надежностью, подобно хорошо сконструированному внедорожнику, преодолевающему труднопроходимую местность.
— GraphQL: Восходящая звезда в мире API, GraphQL предлагает гибкость и точность. Он позволяет клиентам запрашивать именно то, что им нужно, сокращая избыточность и повышая производительность. Подумайте об этом как о персональном покупателе - вы получаете только то, что просили, ни больше, ни меньше.
— gRPC (Google Remote Procedure Call): gRPC - это самый быстрый из всех API. Работающий по протоколу HTTP/2 и использующий двоичные данные, он нацелен на производительность и скорость, особенно в архитектурах микросервисов. Он подобен скоростному поезду, обеспечивающему быструю и надежную связь.
— WebSockets: Если вам нужна связь в реальном времени и двунаправленная связь, то WebSockets - это то, что вам нужно. Они идеально подходят для чат-приложений, потокового вещания и обмена данными в реальном времени - это как открытая телефонная линия между клиентами и серверами.
— Webhooks: Webhooks - это глашатаи цифрового мира. Они уведомляют клиентов о наступлении определенных событий на стороне сервера, что делает их идеальным решением для архитектуры, управляемой событиями. Представьте себе, что это ваша персональная система оповещения, которая информирует вас о том, что важно.
#советы
17 173
7 дней бесплатного обучения frontend-разработке!
🔥 Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов.
Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start
После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях.
Стартуем 18 сентября.
Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8KGsup
17 173
VideoCall App UI — изящный пользовательский интерфейс приложения VideoCall, реализованный с помощью jQuery.
https://codepen.io/aybukeceylan/pen/pobbEYB
@javascriptv
17 173
Попасть фронтендером в Яндекс за выходные — реально
23–24 сентября приходите на Wekeend Offer Frontend. Для этого нужно зарегистрироваться и решить фронтенд-квиз. После вы сможете за 2 дня пройти технические секции, познакомиться с нанимающими командами и получить офер в интересный проект.
В мероприятии участвуют 17 команд: HR Tech, Поиск, Рекламные продукты, Yandex Cloud, 360, Яндекс Браузер, Бизнес-приложения, Умный дом, Yandex Infrastructure, Лавка, Еда, Недвижимость, Аренда, Авто.ру, CM.Expert, Путешествия и Буткемп. Вы сможете поговорить с ребятами и узнать, как работается в проектах. Если всё сложится хорошо — сразу же получите офер.
Помогаем релоцироваться по РФ, нанимаем в офисы по всей стране.
Узнать подробности и зарегистрироваться можно здесь.
Реклама. ООО "Яндекс". erid: 2Vtzqx6jEoJ
17 173
📊Создание кольцевой диаграммы на JavaScript
Визуализация данных — процесс не только познавательный, но и довольно забавный. Один из самых простых и увлекательных способов визуализации данных — создание кольцевой диаграммы. Я покажу вам, как без особых усилий построить интерактивную диаграмму на JavaScript.
(Предварительный обзор кольцевой диаграммы в изображении)
Создание кольцевой диаграммы на JavaScript в четыре этапа
Посмотрим, как быстро и легко создать визуально красивую и функциональную кольцевую диаграмму на JavaScript. Этот процесс можно разделить на четыре этапа:
1) Создание базовой HTML-страницы.
2) Включение необходимых JavaScript-файлов.
3) Добавление данных.
4) Написание JS-кода.
1. Создание базовой HTML-страницы
Для начала создадим базовую HTML-страницу с элементом <div> для размещения кольцевой диаграммы. Дадим ей идентификатор. Установим ширину и высоту на 100% без полей и отступов, чтобы диаграмма отображалась во весь экран.
<html>
<head>
<title>JavaScript Donut Chart</title>
<style type="text/css">
html, body, #container {
width: 100%; height: 100%; margin: 0; padding: 0;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
2. Включение необходимых JavaScript-файлов
Далее17 173
🖥 Diagonal Layouts - анимация заднего фона с изминенинием по ползунку, реализована с помощью CSS и JS
https://codepen.io/enbee81/pen/yLyrmyg
@javascriptv
17 173
🔥 Дайджест полезных материалов из мира : Javascript за неделю
Почитать:
— Создатель Ruby on Rails: «Turbo 8 отказывается от TypeScript»
— Как отправлять пользовательский интерфейс по API
— Проблема код-ревью: ESLint — больше, чем просто «extend»
— Бот-сказочник, или как генерировать истории с помощью ChatGPT и Telegram
— Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js
— Обертка для indexedDB / localStorage /…
— Как грамотный подход аналитиков может сэкономить бюджет компании за счет изменения подхода к реализации проекта
— Ускорение в 30 раз — requestIdleCallback
— Повышаем продуктивность разработки: магия общей ESLint конфигурации
— Создание приложения для распознавания текста с изображений и аудиофайлов
— Bun 1.0 got released, its Packager Manager is 10x faster then yarn
— Finally you can skip dotenv in Node
— Are you still using the ternary operator to dynamically apply Tailwind styles?
— The Fundamental Concept For JavaScript Beginners
— Latest Newsletter: Circles or Squiggles? (Issue #131)
— Node.js 20.6.0: Say Goodbye to 'dotenv'
— How to resolve the error "Unable to validate properties of null value"?
— Unlock $10 and the Future of OCR with Verifik's Scan-Prompt API!
— Set Minimum Height CK Editor/CK Editor rows="" Not Working
— SplideJS Revolutionize Your Website Design with Seamless Slider Integration
Посмотреть:
🌐 HTMX заменит Frontend?! WTF? (⏱ 12:12)
🌐 5+ CSS Features That Will Change How You Code (⏱ 17:58)
🌐 NEW Way To Create Variables In JavaScript (⏱ 01:00)
Хорошего дня!
17 173
Responsive Social Platform UI — красивый адаптивный интерфейс социальной платформы, реализованный с помощью Alpine.js
https://codepen.io/TurkAysenur/pen/RwWKYMO
@javascriptv
