Javascript

⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь: Машинное обучение: t.me/ai_machinelearning_big_data C++ t.me/cpluspluc Devops: t.me/devOPSitsec АНАЛИЗ Данных: t.me/data_analysis_ml Хакинг: t.me/linuxkalii Linux: t.me/linuxacademiya Базы данных: t.me/sqlhub C#: t.me/csharp_ci Golang: t.me/Golang_google Java: t.me/javatg React: t.me/react_tg Javascript: t.me/javascriptv Мобильная разработка: t.me/mobdevelop Docker: t.me/+0WdB4uvOwCY0Mjdi Python: t.me/pythonl Rust: t.me/rust_code PHP: t.me/phpshka Android: t.me/android_its Big Data: t.me/bigdatai Собеседования МЛ: t.me/machinelearning_interview Python подготовка с собесу: t.me/python_job_interview МАТЕМАТИКА: t.me/data_math 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy C++ папка: https://t.me/addlist/CdBs5DLepLJmZjY6 C# папка: https://t.me/addlist/u15AMycxRMowZmRi Java папка: https://t.me/addlist/ZM3J6oFNAnRlNWU6 FRONTEND папка: https://t.me/addlist/mzMMG3RPZhY2M2Iy Linux папка: https://t.me/addlist/w4Doot-XBG4xNzYy 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers 🧠ИИ: t.me/vistehno 📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy Арихив бесплатных ит-курсов: https://t.me/+-YDHdeS5EEs3MDNi

🖥 chatgpt.js — мощная open-source библиотека JavaScript для ChatGPT — npm install @kudoai/chatgpt.js chatgpt.js — это клиентская JS-библиотека, позволяющая легко взаимодействовать с DOM ChatGPT. Библиотека chatgpt.js — многофункциональная, объектно-ориентированная, простая в использовании и производительная 🖥 GitHub 🟡 Страничка chatgpt.js @javascriptv

⚡️ Toolfolio Вышел мощный плагин для стильной записи экрана, который пригодится всем! Плагин оснащен множеством функций: рисуйте стрелки, увеличивайте курсор, добавляйте эффекты и записывайте видео с вашим лицом в кружочке. Встроенный видеоредактор тоже на месте. И самое главное — всё это абсолютно БЕСПЛАТНО. https://screenity.io/en/ @javascriptv

🖥 deck.gl — фреймворк для визуализации с поддержкой WebGL2 — npm install deck.gl deck.gl — фреймворк, написанный на TS и JS; разработан для упрощения сложной визуализации больших массивов данных на базе WebGPU/WebGL2. deck.gl позволяет быстро получить впечатляющие результаты с минимальными усилиями — для этого можно комбинировать существующие слои, или использовать расширяемую архитектуру deck.gl. deck.gl отображает данные (обычно это массивы объектов JSON) в виде визуальных слоёв: например, иконок, полигонов, текстов 🖥 GitHub 🟡 Доки @javascriptv

🛢 В мире, где данные — новая нефть, растёт спрос на дата-инженеров. Ведь именно они знают, как такую нефть добывать, обрабатывать и хранить. И пока компании осознают потребность в этих специалистах, конкуренция на рынке низкая, а зарплаты — высокие. Освоить ключевые компетенции дата-инженера поможет онлайн-магистратура Нетологии и НИУ ВШЭ «Инженерия данных». За 2 года вы на практике изучите Python, Java, Scala, Kotlin и SQL, научитесь проектировать пайплайны и обрабатывать данные, работать с системами хранения данных и базами данных в облаке. Программа даёт широкий простор для переквалификации, поэтому после учёбы сможете перейти в MLOps, DevOps или менеджмент. Онлайн-формат позволяет учиться без отрыва от привычной жизни и совмещать занятия с работой. При этом у вас будет отсрочка от армии, льготы на проезд и все остальные бонусы очного обучения. Станьте магистром программной инженерии с дипломом одного из лучших вузов страны и получите веское преимущество при приёме на работу: https://netolo.gy/dlaM Реклама. ООО "Нетология". Erid 2VSb5wsiA32

🖥 Простая JS-библиотека для создания области для рисования — npm install --save atrament Atrament — это библиотека JavaScript для рисования и рукописного ввода на HTML-холсте. Цель Atrament — сделать так, чтобы рисование было естественным и комфортным, а результат — плавным и приятным. Atrament не хранит контуры штрихов — вместо этого он рисует непосредственно на растровом изображении холста, как чернильная ручка на листе бумаги. 🖥 GitHub @javascriptv

🖥 Parca — инструмент на TypeScript для профилирования запущенных приложений и не только

git clone https://github.com/parca-dev/parca.git
cd parca
make build
./bin/parca

Parca позволяет визуализировать нагрузку на процессор, использование памяти и других ресурсов Быстрый старт с Docker:

docker run --rm -p 7070:7070 ghcr.io/parca-dev/parca:v0.21.0 /parca

🖥 GitHub 🟡 Доки 🟡 Посмотреть работу Parca онлайн @javascriptv

Начните карьеру фронтенд-разработчика с Hexlet! Хотите стать мастером создания современных веб-интерфейсов? Пройдите курс фронтенд-разработки и за 10 месяцев овладейте всеми необходимыми навыками, от HTML и CSS до JavaScript и React. 🎁🌴 А до 31 июля вас ждет специальное предложение - скидка до 55 000 р. и второй курс в подарок! Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Вы будете работать над реальными проектами, создадите портфолио и получите поддержку опытных менторов. А во время обучения вы также поучаствуете в Карьерном треке! Пройдите 5 бесплатных уроков, чтобы понять, насколько интересен этот путь, и получите скидку на дальнейшее обучение.

⚛️ Netron — это инструмент для просмотра моделей нейронных сетей, глубокого обучения и машинного обучения. Netron поддерживает как наиболее популярные фреймворки глубокого обучения – Keras и PyTorch – так и менее известные, и даже scikit-learn. Установка в виде сервера для python производится стандартным образом через pip. Также можно установить netron в виде отдельной программы командой. winget install -s winget netron (для Windows) или snap install netron (для Linux). Он поддерживает форматы ONNX, TensorFlow Lite, Core ML, Keras, Caffe, Darknet, MXNet, PaddlePaddle и другие. Netron также экспериментально поддерживает PyTorch, TorchScript, TensorFlow, OpenVINO и другие. Установка: - macOS: .dmg файл или brew install --cask netron - Linux: .AppImage файл или snap install netron - Windows: .exe установщик или winget install -s winget netron - Браузер: Веб-версия - Python Server: pip install netron и netron [FILE] или netron.start('[FILE]') Примеры моделей: - ONNX: squeezenet - TensorFlow Lite: yamnet - Keras: mobilenet - TorchScript: traced_online_pred_layer 📌 Репозиторий @javascriptv

🖥 esbuild — очень быстрый инструмент для сборки фронтенда — npm install --save-exact --save-dev esbuild esbuild — это чрезвычайно быстрый бандлер, который позволяет ускорить сборку в 10-100 раз. Модули можно писать и на JavaScript и на Go. 🖥 GitHub 🟡 Доки 🟡 Попробовать в браузере @javascriptv

AvitoTech выпустили бесплатный видеокурс по JavaScript, и четвёртый эпизод уже доступен к просмотру. В новом выпуске вы узнаете про устройство и размер памяти программы, стек и кучу, Oddball и иммутабельные примитивы. Это поможет создавать эффективные программы, которые оптимально используют память. Не забудьте подписаться на канал, чтобы не пропустить следующие выпуски.

🖥 Релиз PeerTube 6.2, реализованного на AngularJS 16 июля 2024 года состоялся релиз новой стабильной версии открытого пирингового видеохостинга PeerTube 6.2. Проект PeerTube — это стриминговая платформа на своём хостинге с поддержкой P2P (использует сеть распространения контента на базе P2P-коммуникаций и связывания между собой браузеров посетителей) для альтернативы YouTube, Dailymotion, Vimeo и Twitch. Разработчиком PeerTube является французская некоммерческая организация Framasoft. Чтобы выложить видеоролик в PeerTube для всеобщего просмотра, нужно поднять у себя на компьютере инстанс PeerTube. Доступен официальный контейнер Docker. Коммуникация с другими серверами в PeerTube осуществляется по ActivityPub, что позволяет пользователям подписываться на каналы из других инстансов, а также серверов с поддержкой Mastodon, Pleroma и ActivityPub. В настоящее время в децентрализованной системе PeerTube доступны более тысячи инстансов, а также работает поисковая система Sepia Search. 🖥 PeerTube 6.2 опубликован на GitHub под лицензией AGPLv3. 🟡 Доки @javascriptv

Офер в Яндекс для опытных фронтендеров за два дня 24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться. Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать. Узнать подробности и зарегистрироваться.

🖥 Релиз MeteorJS 3.0

meteor update --release 3.0-rc.0
meteor reset

Над данным релизом работа началась примерно в середине 2021 года (обсуждение на github). Основной целью было избавиться от Fibers, т.к. это мешало обновить версию NodeJS до стабильной. Да, метеор был привязан к версии NodeJS 14 последние 3 года! Что нового? — Обновили документацию; — Вместо Fibers теперь используются async методы; — Вся работа с БД осуществляется через асинхронное API; — Методы стали асинхронными; — NodeJS обновлена до 20; — Добавлена поддержка ARM на Linux; — Обновлено много пакетов, чтобы поддержать асинхронное API. Для релиза было сделано 160 задач 🖥 GitHub @javascriptv

50 оттенков... - Интерактивная палитра цветов, для реализации которой понадобится CSS и JavaScript. Переключатели цвета с анимацией перехода между двумя выбранными цветами. Код основан на JavaScript и не использует сторонних фреймворков или библиотек. С помощью данного кода можно создать интерактивные переключатели цвета на веб-странице, которые позволяют пользователям легко выбирать начальный и конечный цвета, а также регулировать количество промежуточных цветов для создания плавных переходов. Ключевые компоненты и функциональность кода: 1. Классы ColorElement и ColorElementInput: Они представляют элементы цвета и текстовые поля выбора цвета соответственно. Классы обновляют значение цвета элементов и отображают его на странице с помощью CSS-свойств. 2. Класс DragSpaceDetector: Позволяет пользователю перетаскивать целевой цвет (последний элемент переключателя) и изменять количество промежуточных цветов, отображаемых в переключателе. 3. Класс TransitionColorPicker: Он объединяет предыдущие классы и управляет созданием переключателей цвета. Класс обновляет промежуточные цвета в зависимости от количества и отображает их в контейнере. При выборе нового цвета контейнер с промежуточными цветами очищается, и затем обновляется с новым количеством промежуточных цветов, создавая плавные переходы между начальным и конечным цветами. 4. Метод Array.from(document.querySelectorAll('.transition-color-picker')).map(...): Этот метод ищет все элементы с классом "transition-color-picker" на странице и для каждого элемента создает объект TransitionColorPicker, активируя переключатели цвета на странице. Таким образом, код является отличным примером интерактивных переключателей цвета и может помочь разобраться в различных аспектах разработки веб-приложений, особенно в работе с DOM, обработке событий, создании пользовательских интерфейсов и анимации. https://codepen.io/tahazsh/pen/zYMwEXp @javascriptv

🖥 Cytoscape.js — библиотека JS для построения и анализа графов — npm install cytoscape Cytoscape.js позволяет отображать графы и взаимодействовать с ними. Библиотека легко интегрируется в разные приложения, как desktop-браузеры, так и мобильные. Также можно использовать Cytoscape.js в headless-режиме для анализа графов в терминале или на веб-сервере. 🖥 GitHub 🟡 Примеры графов @javascriptv

⚡️ A,B,C,D.. - Крутая анимация текста. Повторить такую можно с помощью SCSS и библиотеки GSAP.js 📌 Ссылка @javascriptv

🖥 Effect — фреймворк TypeScript, который предоставляет полноценную систему эффектов с богатой стандартной библиотекой — npm install effect Особенности Effect: — Масштабируемость. Создание высокомасштабируемых приложений с низкой задержкой благодаря особой модели параллелизма Effect. — Композиционность. Создание легко поддерживаемого, читаемого и гибкого ПО за счет использования небольших многократно используемых строительных блоков. — Безопасность ресурсов. Безопасное управление ресурсами даже при сбоях в работе программы. — Безопасность типов. Позволяет использовать систему типов TypeScript по максимуму, уделяя особое внимание выводу типов и безопасности типов в Effect. — Обработка ошибок. Позволяет работать с ошибками структурированно и надежно, используя встроенные в Effect возможности обработки ошибок. 🖥 GitHub 🟡 Доки @javascriptv

Бесплатный практический вебинар: Профессия «Frontend-разработчик». ⏰ Когда: 25 июля в 19:00 по мск. Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

🖥 OpenCTI — это open-source платформа на JS, позволяющая организациям управлять своими знаниями и наблюдениями в области разведки киберугроз OpenCTI была создана для структурирования, хранения, организации и визуализации технической и нетехнической информации о киберугрозах. Структурирование данных осуществляется с помощью схемы знаний, основанной на стандартах STIX2. Система разработана как современное веб-приложение, включающее GraphQL API и UX-ориентированный фронтенд. Также OpenCTI может быть интегрирована с другими инструментами и приложениями, такими как MISP, TheHive, MITRE ATT&CK и др. 🖥 GitHub 🟡 Доки @javascriptv