Веб-страница
22.2K subscribers
2.17K photos
559 videos
2 files
4.44K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Deno представили Sandbox — изолированную среду для безопасного выполнения JavaScript и TypeScript кода. Позволяет запускать пользовательские скрипты без угрозы для системы.

Зачем нужен

Классическая проблема: нужно дать пользователям запускать код в вашем приложении — ИИ-агенты, плагины, динамические конфиги. Но любой eval() — потенциальная дыра в безопасности.

Deno Sandbox запускает код в лёгких Linux-микровиртуалках в облаке Deno Deploy. Старт меньше секунды, 2 vCPU, до 4 ГБ памяти. Можно ограничить доступ к сети через allowNet и безопасно передавать секреты.

Примеры использования
🔘 Запуск пользовательских плагинов
🔘 Тестирование фрагментов кода без риска
🔘 Выполнение AI-генерируемых скриптов
🔘 Обработка webhook-логики от клиентов

📎 Подробнее в этом видео или в офф. релизе

@prog_tools
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
В вашей команде также?
😁29❤1👍1
В VS Code нашли дыру, дающую бесплатный доступ к платным AI‑агентам без списания

Баг в интеграции AI‑расширений обходит лимиты — запросы к платным моделям идут, но токены/подписка не тратятся. Открыли недавно, детали эксплойта не раскрыты. Microsoft уже фиксят.

Для разработчиков — рай, а вот для вендоров — дыра в монетизации. Параллельно всплыли вредоносные AI‑эксты (1.5M установок крадут код). Проверяйте расширения!

Подробности на сайте.
❤2
Ошибки в архитектуре, которые совершали Netflix, Slack, Trello, Airbnb и другие компании

Даже у самого многообещающего стартапа и крупной компании могут встречаться типичные ошибки в архитектуре, которые могут всё разрушить.

Давайте раз и навсегда разберемся, как лучше не делать, и как избегать факапов. В статье собрали 10 самых распространенных: с примерами и способами решения.

Мастхэв к прочтению: https://tprg.ru/0lof
❤9👎2
State of JS 2025: тренды фронтенда за год

Ежегодный опрос State of JavaScript 2025 вышел. Разбор трендов, обзор популярности фреймворков, библиотек, инструментов и языков.

Ключевые инсайты: фокус на том, что выжило/выросло, что забылось. React/Vue/Svelte/Astro, Next/Nuxt, Tailwind/Vite — кто лидирует?
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Как выбрать наилучшую стратегию рендеринга для вашего приложения

Веб-рендеринг эволюционировал от простых HTML-страниц до высокоинтерактивных и динамичных приложений. В итоге и способов представить приложение пользователям стало больше, чем когда-либо.

Сегодня существует множество технологий таких, как генерация статических сайтов (SSG), рендеринг на стороне сервера (SSR), рендеринг на стороне клиента (CSR), инкрементальная статическая регенерация (ISR) и экспериментальный частичный предварительный рендеринг (PPR). Каждая хороша для своих задач. Какую выбрать для вашего проекта, рассказали в этой статье.

#фронтенд
❤7
This media is not supported in your browser
VIEW IN TELEGRAM
В Chrome DevTools появилась точечная эмуляция медленного интернета

Для удобства отладки сайта в инструменты разработчика добавили возможность эмулировать медленное сетевое соединение не для всего сайта, а только для нужных вам запросов. Так ещё проще найти узкие места посмотреть, как сайт обрабатывает проблемные запросы и сколько тратит ресурсов.

#советы
❤21
Сайты с устаревшим UX/UI продают лучше

Скелетор вернётся позже с ещё одним неприятным фактом.
❤12😁6👍2
Алгоритмы на JavaScript

Подборка видеоразборов работы алгоритмов на JavaScript. Полезна всем, кто хочет лучше в них шарить. Здесь разбирается 7 наиболее популярных:

1️⃣ Бинарный поиск
2️⃣ Рекурсия
3️⃣ Хеш-таблицы
4️⃣ Обход дерева
5️⃣ Связные списки на примере LRU Cache
6️⃣ Графы и их обход
7️⃣ Рекурсия с мемоизацией для вычисления diff'a текста

Специально для вас скачали их, но если хотите лайкнуть автора, то вот ссылка на плейлист на YouTube.

#видео #алгоритмы #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤3
Создание гистограмм на современном CSS

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

Это произошло и с гистограммами. То, что раньше требовало внимания и труда, сегодня делается в пару строк (не говоря уже об ИИ, который вообще за вас всё сделает). Как с помощью современных возможностей CSS делать красивые графики и чарты, можно узнать в статье.

#css
👍6❤2
Chrome DevTools MCP: дебажим сайт с помощью ИИ

Не так давно Google запустила Chrome DevTools MCP сервер, который интегрирует AI (Gemini/Claude) с браузером. Он открывает страницы, кликает, заполняет формы, записывает performance traces, анализирует ключевые показатели.

В статье автор поделился возможностями этого сервера, советами по настройке, инструкцией по установке и своими выводами по использованию этого инструмента. Рекомендую всем, кто хочет облегчить себе жизнь.
🤔3
EasyPaste: кроссплатформенное приложение на Tauri + Rust

Пользователь Tproger поделился опытом создания EasyPaste — менеджера шаблонов ответов (для саппорта/sales/HR). UI на HTML/CSS, бэк на Rust через Tauri, билды под macOS/Windows/RedOS.

Что внутри: дерево шаблонов, быстрый поиск по тексту/тегам, избранное, форматирование (жирный/таблицы), вложения файлов, drag'n'drop в другие аппы, tray + глобальные хоткеи.

Боли новичка: сборки/воркфлоу, системные зависимости, tray/hotkeys.

Автор поделился своим опытом, который пригодится как новичкам, так и продвинутым разработчикам на Rust
❤1