Javascript
18.6K subscribers
819 photos
121 videos
2 files
1.26K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
🌱 turfjs — это javascript библиотека позволяющая выполнять пространственный анализ прямо в браузере или через node.js.

Проект включает более 200 модулей для различных операций с geojson от простых измерений расстояний до сложных геостатистических расчетов. Библиотека работает в современных браузерах и поддерживает актуальные версии node.js. Инструмент также имеет модульную структуру и активную аудиторию сообщества.

🤖 Github

@javascriptv
🔥7👍53🤬1
🎯 Browserable — открытый инструмент для автоматизации браузера с помощью AI-агентов.

Что делает:
• Управляет браузером как человек: переходит по сайтам, кликает, заполняет формы, вытаскивает данные.
• Достигает 90.4 % на тесте Web Voyager — один из лучших результатов среди подобных решений.
• Работает локально (self-hosted) или через удалённые браузеры.
• Запуск в 1 команду (`npx browserable`) или в полном окружении через Docker.
• В комплекте: админ-панель, REST API, JavaScript/TypeScript SDK, интеграция с LLM (OpenAI, Claude, Gemini и др.).

Зачем полезно:
— Автопарсинг и мониторинг сайтов
— Автоматизация тестирования веб-приложений
— Интеграция с агентами для сложных сценариев в интернете

GitHub: https://github.com/browserable/browserable
🔥82😱1
👩‍💻 Готовы стать профи в Node.js-разработке и освоить самые востребованные технологии?

🔥 Курс «Node.js Developer» от OTUS – это ваш шанс научиться создавать высокопроизводительные серверные приложения с использованием Node.js, Express, TypeScript, GraphQL, Apollo и Nest.js. Мы фокусируемся на практических навыках, которые можно сразу применять в реальных проектах.

🦾 Освойте работу с базами данных MongoDB и PostgreSQL, научитесь создавать и оптимизировать запросы, а также внедрять лучшие практики разработки с TDD. Преподаватели-практики помогут вам разобраться в тонкостях разработки и архитектуры Node.js.

🎁 Дарим промокод, который дает скидку на обучение -  NODE8

➡️ Пройдите вступительное тестирование и присоединяйтесь к группе: https://otus.pw/192c/

#реклама
О рекламодателе
Сократите свой CSS-код с помощью :where()

Используйте псевдокласс-функцию :where(), когда нужно применить одинаковые стили к нескольким элементам, не беспокоясь о том, что порядок селекторов повлияет на специфичность правил. Это простой способ сделать CSS более предсказуемым и удобным для поддержки.


/* Without :where() */
.container > h1,
.container > .card h1,
.container > .card:last-child {
border: 2px solid red;
padding: 10px;
}

/* With :where() */
.container > :where(h1, .card .h1, .card:last-child) {
border: 2px solid red;
padding: 10px;
}


@javascriptv
👍22🔥84👎2
✍️ Шпаргалка по всем CSS-брейкпоинтам для веб разработчиков

➡️ Для мобильных устройств: до 480 пикселей

➡️ Для очень маленьких устройств: от 481 до 767 пикселей

➡️ Для маленьких планшетов: от 768 до 991 пикселей

➡️ Большие планшеты /ноутбуки: от 992 до 1199 пикселей

➡️ Настольные компьютеры: от 1200 до 1919 пикселей

➡️ Очень большие экраны: от 1920 пикселей и выше

@javascriptv
👍367🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Библиотека GeoAI.js теперь поддерживает Image Feature Extraction — поиск похожих объектов на спутниковых снимках.

Работает полностью локально в браузере благодаря Transformers.js.

👉 https://docs.geobase.app/geoai-live/tasks/image-feature-extraction

#gischat #javascript #geoai #transformersjs
👍73🔥1
color cycling воскресили на HTML5 Canvas.

КРутейшая, но забытая технология из 8-битной эпохи, когда видеокарты умели максимум в 256 цветов. Художник задавал палитру, а программист просто сдвигал её — и картинка оживала: вода текла, огонь горел, туман плыл. Ни анимации, ни альфы — один спрайт и картина готова.

Вообще, обыычно это выглядело как кислотный ад, но Марк Дж. Феррари (LucasArts, Loom, Monkey Island) сделал из трюка искусство: снег, дождь, океаны, облака, водопады — и всё это на плоской картинке.

В проекте — 35 оригинальных артов Феррари с атмосферным саундом. Можно залипнуть, а можно скачать движок и прикрутить к своим проектам.

Создаем искусство
This media is not supported in your browser
VIEW IN TELEGRAM
🔥23👍21
🚀 Qwen Chat Web Dev Prompt — мощный промпт для frontend-разработки с упором на дизайн.

Он помогает разработчикам быстро создавать сайты на React или HTML с использованием TailwindCSS, анимаций и современных UI-паттернов — всё в одном чистом кодовом блоке.

Зачем нужен:
Генерация React/HTML в одном файле
Поддержка популярных библиотек: React, Tailwind, Recharts, Framer Motion, p5.js, Three.js
Никаких внешних зависимостей — только чистый, готовый к запуску код

Идеально для быстрых прототипов и создания полноценных проектов.

👉 Попробовать: https://chat.qwen.ai/?inputFeature=web_dev
👉В хорошем качестве: https://x.com/Alibaba_Qwen/status/1960960780947611957

@javascriptv
4🔥3🤬3👍2😁1😱1
🖥 Неожиданное возвращение: легендарный Smalltalk-80 обрёл новую жизнь в мире JavaScript.

Теперь это бесплатная и опенсорсная реализация, которая компилируется в JS и работает как в браузере, так и в Node.js. Сохраняется дух полностью объектно-ориентированного Smalltalk, но с привычным синтаксисом и экосистемой JS.

● Вместо «имиджей» используется файловая структура — удобно писать в VS Code
● Подсветка кода и отладка доступны сразу «из коробки»
● Классы и методы максимально близки к JavaScript, поэтому порог входа минимален
● Встроены браузерные API, Express, базы данных, файловая система и даже многопоточность

Еще недавно появилась поддержка NW.js, так что теперь можно собирать кроссплатформенные десктопные приложения с интерфейсами на HTML+CSS — легче и менее прожорливо, чем на Electron.

👉 Подробнее и с примерами: https://small-js.org/
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍3🔥1
📌Добавляем 3 сентября в календари!

Авито устраивает IT-квест и вечеринку для инженеров в секретном месте в честь открытия офиса в Нижнем Новгороде.

Обещают много нетворка, Fuckup Night и инсайты о том, что у Авито «под капотом». Пересылайте пост друзьям, с которыми пойдёте, и не забудьте зарегистрироваться по ссылке.
Please open Telegram to view this post
VIEW IN TELEGRAM
12👎2🔥2😢2
👍2
📱 Что будет выведено в консоль?
Anonymous Quiz
3%
1
33%
false
13%
true
38%
undefined
13%
Посмотреть ответы
👍21
📄🚀 Удобный просмотр кода с rendergit

С помощью rendergit вы можете легко преобразовать любой репозиторий GitHub в статическую HTML-страницу с подсветкой синтаксиса и навигацией. Идеально подходит для быстрого просмотра, анализа кода и удобного поиска.

🚀Основные моменты:
- Два режима просмотра: Человеческий и LLM
- Подсветка синтаксиса и рендеринг Markdown
- Умное фильтрование больших файлов
- Адаптивный дизайн для мобильных устройств
- Удобная навигация по файлам

📌 GitHub: https://github.com/karpathy/rendergit
👍7🔥43
🚀 СClaudable!

Claudable — это мощный конструктор веб-приложений на базе Next.js, который позволяет создавать и развертывать приложения, просто описывая их идею. Используя возможности AI-агента Claude Code, вы мгновенно получаете рабочий код и живой превью вашего приложения.

🚀 Основные моменты:
- Генерация кода на основе естественного языка
- Мгновенный просмотр изменений с функцией горячей перезагрузки
- Легкое развертывание на Vercel с одним кликом
- Интеграция с Supabase для работы с базами данных
- Автоматическое обнаружение и исправление ошибок

📌 GitHub: https://github.com/opactorai/Claudable

@javascriptv
👎63👍2😱2🤬1😢1
Совет по HTML 💡

Примеры использования элементов thead, tbody и tfoot в HTML
👍105🔥2🤯2
🚀 Инструмент для трансформации репозиториев с помощью ИИ

Repomirror позволяет выполнять преобразования в кодовых репозиториях, используя возможности искусственного интеллекта. Проект вдохновлён работой @ghuntley и включает несколько примеров, таких как порты популярных библиотек на разные языки.

🚀 Основные моменты:
- AI-трансформации для кодовых репозиториев
- Поддержка нескольких языков программирования
- Примеры проектов для вдохновения
- Активное сообщество разработчиков

📌 GitHub: https://github.com/repomirrorhq/repomirror

#javascript
5
🔥 Успех в IT = скорость + знания + окружение

Здесь ты найдёшь всё это — коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!

AI: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/python_job_interview
Linux: t.iss.one/linuxacademiya
Собеседования DS: t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
Devops: t.iss.one/DevOPSitsec
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_1001_notes
Java: t.iss.one/java_library
Базы данных: t.iss.one/sqlhub
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Haskell: t.iss.one/haskell_tg
Физика: t.iss.one/fizmat

💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy

Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!
👍32
👍32
📱 Что будет выведено в консоль?
Anonymous Quiz
35%
[5, 10, 15]
40%
['5', '10', '15']
10%
[1, 2, 3]
7%
['1', '2', '3']
8%
Посмотреть ответы
👍76🤬5😁3🔥1