18174
По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945
🖥 electerm — open-source клиент терминала, ssh и т.д. на JavaScript
— npm i -g electerm
electerm — клиент терминала/ssh/telnet/serialport/sftp с открытым исходным кодом
🖥 GitHub
🟡 Пример использования
@javascriptv
⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
C#: t.me/csharp_ci
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C++ t.me/cpluspluc
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
Devops: t.me/devOPSitsec
Собеседования МЛ: 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: /channel/addlist/2Ls-snqEeytkMDgy
C++ папка: /channel/addlist/CdBs5DLepLJmZjY6
C# папка: /channel/addlist/u15AMycxRMowZmRi
Java папка: /channel/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: /channel/addlist/mzMMG3RPZhY2M2Iy
Linux папка: /channel/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy
🖥 Подробный туториал о том, как сделать эффект размытия линзы с помощью SDF и WebGL в Three.js
🟡 Туториал
🖥 Код
@javascriptv
🖥 SigNoz — open-source платформа для мониторинга производительности приложений и не только; можно развернуть локально
git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
./install.sh
git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
docker compose -f docker/clickhouse-setup/docker-compose.yaml up -d
Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…
Потому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
- Получишь сертификат
👉 Забрать бесплатно 7 дней обучения frontend-разработке
Реклама. ИП Чернова О. А., ИНН:771399721044
🖥 Интересная идея для пет-проекта на TypeScript
Как это работает?
— состояния документов синхронизируются с помощью Loro
— позиция курсора синхронизируется с помощью Awareness и Cursor
— последовательность действий хранится, так что можно отменить предыдущее действие
🖥 GitHub
@javascriptv
Vercel Data Cache остается неизменным в течение всего периода развертывания
@javascriptv
🖥 The Odin Project — это open-source проект, предоставляющий всю необходимую теорию начинающим разработчикам (в том числе и JS-разработчикам)
The Odin Project состоит из множества модулей (по модулю для одного ЯП)
Каждый модуль содержит список уроков, перемежающихся с несколькими проектами. Эти проекты дают пользователям возможность практиковать полученные знания, помогая закрепить полученные теоретические знания.
В процессе прохождения модуля по JavaScript создаваются функции и автономные приложения. Этот модуль помогает на практике научиться работать с DOM, использовать принципы ООП и использовать API.
🟡 The Odin Project (модуль по JavaScript)
🖥 GitHub
@javascriptv
🖥 Snap.svg — современная JavaScript библиотека для SVG-графиков
— npm install snapsvg
JS-библиотека Snap.svg делает работу с SVG такой же простой, как jQuery делает работу с DOM.
Snap.svg разработан для современных браузеров и поэтому поддерживает новейшие возможности SVG, такие как маскирование, обрезка, полные градиенты, группы и многое другое.
🖥 GitHub
🟡 Доки
@javascriptv
🖥 Xterm.js — терминал для работы в интернете
— npm install @xterm/xterm
Xterm.js — это фронтенд-компонент, написанный на TypeScript, который позволяет приложениям предоставлять полнофункциональные терминалы в браузере. Xterm используется в таких популярных проектах, как VS Code, Hyper и Theia.
🖥 GitHub
🟡 Доки
@javascriptv
🖥 fabric.js — Javascript Canvas библиотека
— npm install fabric --save
fabric.js — это JavaScript Canvas библиотека, парсер SVG-to-Canvas (и наоборот, canvas-to-SVG)
🖥 GitHub
🟡 Доки
@javascriptv
🖥 OpenSaaS.sh — open-source SaaS-шаблон на TypeScript
curl -sSL https://get.wasp-lang.dev/installer.sh | sh
wasp new -t saas
⚡️ ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!
https://www.youtube.com/watch?v=FZ4rBSYgPAg
@javascriptv
🖥 Как генерировать статичный html-файл на Node.js и Github Actions
Если вам нужно собирать по таймеру (раз в день например) одну статичную страницу со сложным шаблоном из данных с API, который вы не хотите нагружать, то это способ может вам помочь. Во всех остальных случаях возможно лучше выбрать нормальный бэкэнд сервер)
▶️ Как это сделать
@javascriptv
🖥 Husky — форматирование, линтинг и тестирование при коммите или пуше
Husky — это инструмент, написанный на JS, для управления Git-хуками, пользовательскими скриптами, которые можно задать для запуска при наступлении определённых событий в Git.
Ставится очевидным образом: npm install --save-dev husky
Ну и потом: npx husky init (перед этим конечно же git init)
Эта простая команда выполняет две важные задачи:
• Добавляет сценарий prepare в файл package.json.
• Создаёт каталог .husky в корневом каталоге проекта, содержащий файл pre-commit.
Файл pre-commit — это bash-скрипт, выполняющийся перед каждым коммитом.
🟡 Подробнее об использовании Husky
🟡 Доки Husky
🖥 GitHub 31.6k ⭐️
@javascriptv
🖥 Оригинальная идея для пет-проекта на JavaScript
Эти часы отображают текущее время в семисегментном стиле;
время отображается в собственном коде JavaScript
▶️ Посмотреть вживую
@javascriptv
🖥 Релиз Bun 1.1.14
— bun upgrade
Релизнулся Bun 1.1.14!
Пофиксили 63 бага.
Патч node_modules с bun patch, маппинг объектов без ORM в bun:sqlite, запись всех вызовов fetch() в журнал как команды curl, улучшения совместимости с Node.js, исправления ошибок в установке bun, исправления ошибок в bun:sqlite, исправления ошибок в Windows.
🟡 Подробнее
@javascriptv
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 18 июня в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру,сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
🖥 immich — высокопроизводительное self-hosted решение на TypeScript и Dart для хранения фото и видео
Для экспериментов запустить можно так, а вообще, рекомендуется использовать Docker Compose
— curl -o- https://raw.githubusercontent.com/immich-app/immich/main/install.sh | bash
🖥 GitHub
🟡 Доки
@javascriptv
🖥 Интересная идея для прелоадера страницы на чистом CSS
Фигурки тетриса бесконечно складываются в правильном порядке — выглядит довольно оригинально
Может неплохо сказаться на конверсии
📎 Codepen
@javascriptv
Открытый курс по JavaScript запустила команда AvitoTech (а это уже гарантия качественного контента).
• Для всех уровней разработки (но с базой в программировании будет попроще)
• Доступным языком
• Про JavaScript / HTML / CSS
Первый выпуск посвящён базовым понятиям: технология веба, браузер, клиент, сервер. Лекция уже доступна на канале AvitoTech.
Смотрите, это бесплатно!
@javascriptv
🖥 Интересная идея для пет-проекта — 3D-модель дерева, которую можно изменять при помощи разных параметров
🖥 GitHub
🟡 Демонстрация проекта
@javascriptv
⚡️ Красивая анимированная шкала рейтинга на JS + CSS
👉 Код на codepen
#soft #code
@javascriptv
🖥 Biome — быстрый форматер и линтер для JavaScript, TypeScript, JSX и JSON
— npm install --save-dev --save-exact @biomejs/biome
Biome предлагает форматер и линтер, используемые через CLI и LSP.
Как форматер Biome на 97% совместим с Prettier, а как линтер содержит более 200 правил из ESLint и typescript-eslint.
Biome с самого начала был разработан для интерактивного использования в IDE. Он может форматировать и исправлять некачественный код в процессе его написания.
🖥 GitHub
🟡 Доки
@javascriptv
🖥 Книга по TypeScript
Отличный ресурс по TypeScript, если хочется что-то быстро освежить в памяти
Здесь собрано всё самое основное:
— аннотации типов
— управление типами
— дженерики
— и много всего другого
📎 Книга по TypeScript
@javascriptv
👩💻 Как эффективно разрабатывать Web-API на JavaScript?
Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности.
А также рассмотрим:
- введение в веб-серверы;
- описание маршрутов HTTP API;
- связь контроллеров и бизнес-логики;
- миддлвары.
Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/l9rK/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🖥 Cesium — JS библиотека для создания 3D-глобусов и карт мирового класса
— npm install cesium --save
CesiumJS позволяет создавать 3D-глобусы и карты мирового класса с максимальной производительностью, точностью, визуальным качеством и простотой использования. Разработчики из разных отраслей, от аэрокосмической промышленности до умных городов и беспилотников, используют CesiumJS для создания интерактивных веб-приложений для обмена динамическими геопространственными данными.
Созданный на основе открытых форматов, CesiumJS обеспечивает надежную совместимость и масштабирование для работы с огромными массивами данных.
⏩Потоковая передача данных в формате 3D Tiles и других стандартных форматах из Cesium ion или другого источника.
⏩Визуализация и анализ на высокоточном глобусе WGS84
⏩Позволяет делиться с пользователями ПК и смартфонов
🖥 GitHub
@javascriptv
🖥 fnm — менеджер версий Node.js
— curl -fsSL https://fnm.vercel.app/install | bash
Fast Node Manager (fnm) — быстрый и простой менеджер версий Node.js, написан на Rust
Особенности fnm:
— Кроссплатформенный (macOS, Windows, Linux)
— Один файл, простая установка, мгновенный запуск
— Ориентирован на скорость
— Работает с файлами .node-version и .nvmrc
🖥 GitHub
@javascriptv
💻Postgres.js — быстрый полнофункциональный клиент PostgreSQL для Node.js, Deno, Bun и CloudFlare
🖥 GitHub
🟡 А вот сравнение с другими клиентами
@javascriptv
🖥 Квинтэссенция знаний о современной веб-разработке на JavaScript
Этот репозиторий содержит фундаментальную информацию об основах веб-разработки, подходах, инструментах и т.д.
Здесь можно найти ответы на многие свои вопросы, связанные с JavaScript
🖥 GitHub
@javascriptv