This media is not supported in your browser
VIEW IN TELEGRAM
Комьюнити, полезное для всех бекенд-разработчиков
Как работает VK изнутри? Что происходит за интерфейсами, когда миллионы пользователей одновременно отправляют сообщения, загружают фото и смотрят клипы?
В канале Backend VK Hub мы рассказываем о работе всех наших сервисах: от VK Play до Tarantool. Делимся подходами к масштабированию, оптимизации и новым архитектурным решениям. Открыто дискутируем, а также регулярно публикуем вакансии в нашу команду.
Здесь — реальные кейсы, технические разборы, советы от наших экспертов и возможность поговорить с ними в любой момент. Подписывайся!
Реклама. ООО "ВК" ИНН 7743001840
Как работает VK изнутри? Что происходит за интерфейсами, когда миллионы пользователей одновременно отправляют сообщения, загружают фото и смотрят клипы?
В канале Backend VK Hub мы рассказываем о работе всех наших сервисах: от VK Play до Tarantool. Делимся подходами к масштабированию, оптимизации и новым архитектурным решениям. Открыто дискутируем, а также регулярно публикуем вакансии в нашу команду.
Здесь — реальные кейсы, технические разборы, советы от наших экспертов и возможность поговорить с ними в любой момент. Подписывайся!
Реклама. ООО "ВК" ИНН 7743001840
👎5👍2
🚀 Умный инструмент для тестирования HTTP-запросов
rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.
🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript
📌 GitHub: https://github.com/bscript/rep
#javascript
rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.
🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript
📌 GitHub: https://github.com/bscript/rep
#javascript
👍7❤1🔥1
🤖ИИ больше не живёт только в облаке. Теперь вы можете запускать большие языковые модели - Llama 3, Mistral, Qwen - локально, без внешних API и зависимостей.
На открытом уроке вы разберёте, как подключить LLM к вашему Node.js-серверу и создать умный ассистент или чат-приложение. Мы покажем, как работать с Ollama и LM Studio, использовать OpenAI-совместимый API, строить ответы в потоке (SSE), добавлять память и контекст, интегрировать LangChain.js и локальные эмбеддинги.
⚡️Запишитесь на открытый урок в преддверии старта курса “Node.js Developer”. Создайте свой AI-сервер - быстро, локально и под полным контролем: https://tglink.io/ce0251fe65d4?erid=2W5zFHrcQQ8
🎁Прямо сейчас Отус дарит подарки! Приобретите 3 курса, а именно JavaScript Developer. Basic + Node.js Developer + Vue.js разработчик с выгодой 30%! Заморозьте цены на обучение! Предложение действует до 15 декабря 2025 года.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
На открытом уроке вы разберёте, как подключить LLM к вашему Node.js-серверу и создать умный ассистент или чат-приложение. Мы покажем, как работать с Ollama и LM Studio, использовать OpenAI-совместимый API, строить ответы в потоке (SSE), добавлять память и контекст, интегрировать LangChain.js и локальные эмбеддинги.
⚡️Запишитесь на открытый урок в преддверии старта курса “Node.js Developer”. Создайте свой AI-сервер - быстро, локально и под полным контролем: https://tglink.io/ce0251fe65d4?erid=2W5zFHrcQQ8
🎁Прямо сейчас Отус дарит подарки! Приобретите 3 курса, а именно JavaScript Developer. Basic + Node.js Developer + Vue.js разработчик с выгодой 30%! Заморозьте цены на обучение! Предложение действует до 15 декабря 2025 года.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤6👎3
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Используйте сгенерированный CSS clip-path, чтобы получить более тонкую форму
.squircle {
clip-path: polygon(
100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ...
);
}
❤11👍2🔥2
📱 Orion Store: Serverless App Store for Android 🚀
Orion Store - это современный прогрессивный Android-приложение, работающее без серверной части. Полностью функционирует на GitHub и может быть скомпилировано в нативный APK с помощью Capacitor. Имеет адаптивный дизайн и поддерживает автоматическое обновление приложений.
🚀 Основные моменты:
- 🎨 Яркий дизайн с темами Light, Dusk и Dark.
- 🤖 Поддержка нативных Android-устройств.
- ☁️ Полностью серверная архитектура на базе GitHub.
- ⚡ Умное кэширование для мгновенной загрузки.
- 🔄 Автоматическая система обновлений приложений.
📌 GitHub: https://github.com/RookieEnough/Orion-Store
#typescript
Orion Store - это современный прогрессивный Android-приложение, работающее без серверной части. Полностью функционирует на GitHub и может быть скомпилировано в нативный APK с помощью Capacitor. Имеет адаптивный дизайн и поддерживает автоматическое обновление приложений.
🚀 Основные моменты:
- 🎨 Яркий дизайн с темами Light, Dusk и Dark.
- 🤖 Поддержка нативных Android-устройств.
- ☁️ Полностью серверная архитектура на базе GitHub.
- ⚡ Умное кэширование для мгновенной загрузки.
- 🔄 Автоматическая система обновлений приложений.
📌 GitHub: https://github.com/RookieEnough/Orion-Store
#typescript
👍5❤4🔥1
🚀 Вышел мощный сжиматель видео - сжимает ролики в десятки раз без заметной потери качества и битрейта.
На примере: файл ужался в 17 раз, при этом можно самому выбрать итоговое качество (низкое/среднее/высокое).
Встроен простой редактор: обрезка, поворот, отражение - всё за секунды.
Главное, что работает локально, без интернета, никакой передачи на серверы.
https://github.com/codeforreal1/compressO/releases/tag/1.4.0
На примере: файл ужался в 17 раз, при этом можно самому выбрать итоговое качество (низкое/среднее/высокое).
Встроен простой редактор: обрезка, поворот, отражение - всё за секунды.
Главное, что работает локально, без интернета, никакой передачи на серверы.
https://github.com/codeforreal1/compressO/releases/tag/1.4.0
👍6🔥2❤1😁1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
🎮 Server Survival - браузерная игра, которая обучает облачной архитектуре через механику tower-defense.
Что это:
Server Survival - это 3D-симулятор, где вы строите устойчивую инфраструктуру, выдерживаете растущий трафик и отбиваетесь от атак, следя при этом за бюджетом и репутацией.
Ключевые особенности:
- Реалистичные концепции облачных систем: балансировщики нагрузки, кэш, очереди, базы данных, WAF, хранилище.
- Нужно одновременно обрабатывать легитимный трафик и защищаться от DDoS-подобных атак.
- Каждый компонент имеет стоимость, пропускную способность и расход на обслуживание — всё как в настоящей архитектуре.
- Два режима: Survival (рост нагрузки) и Sandbox (свободная настройка параметров).
Технологии:
- Игра работает прямо в браузере.
- Сделана на JavaScript + Three.js.
- Не требует сборки — достаточно открыть index.html.
Кому подойдёт:
- Начинающим DevOps/Backend разработчикам,
- Всем, кто хочет наглядно понять, как масштабируются реальные сервисы,
- Тем, кто любит игры, но хочет попутно изучать архитектуру.
Репозиторий: github.com/pshenok/server-survival
Что это:
Server Survival - это 3D-симулятор, где вы строите устойчивую инфраструктуру, выдерживаете растущий трафик и отбиваетесь от атак, следя при этом за бюджетом и репутацией.
Ключевые особенности:
- Реалистичные концепции облачных систем: балансировщики нагрузки, кэш, очереди, базы данных, WAF, хранилище.
- Нужно одновременно обрабатывать легитимный трафик и защищаться от DDoS-подобных атак.
- Каждый компонент имеет стоимость, пропускную способность и расход на обслуживание — всё как в настоящей архитектуре.
- Два режима: Survival (рост нагрузки) и Sandbox (свободная настройка параметров).
Технологии:
- Игра работает прямо в браузере.
- Сделана на JavaScript + Three.js.
- Не требует сборки — достаточно открыть index.html.
Кому подойдёт:
- Начинающим DevOps/Backend разработчикам,
- Всем, кто хочет наглядно понять, как масштабируются реальные сервисы,
- Тем, кто любит игры, но хочет попутно изучать архитектуру.
Репозиторий: github.com/pshenok/server-survival
❤10👍1🔥1
👨💻 Хотите создать мини-соцсеть с нуля за один вечер?
На открытом вебинаре мы за 1,5 часа пройдём путь от пустой папки до приложения: старт через create-vue, сразу подключим роутинг, разберём компоненты, props, директивы и события. Добавим computed и хуки жизненного цикла, сделаем запрос к FakeAPI и выведем карточки пользователей.
Вы увидите Vue в деле: как превращать данные в интерфейс, как устроена реактивность, как строится навигация и детальные страницы по клику. Это базовая логика реальных Vue-проектов без лишней теории.
📆 Встречаемся 23 декабря в 20:00 МСК в преддверие старта курса «Vue.js-разработчик»: https://tglink.io/d69a8eb2b2d1?erid=2W5zFFuxh8t
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
На открытом вебинаре мы за 1,5 часа пройдём путь от пустой папки до приложения: старт через create-vue, сразу подключим роутинг, разберём компоненты, props, директивы и события. Добавим computed и хуки жизненного цикла, сделаем запрос к FakeAPI и выведем карточки пользователей.
Вы увидите Vue в деле: как превращать данные в интерфейс, как устроена реактивность, как строится навигация и детальные страницы по клику. Это базовая логика реальных Vue-проектов без лишней теории.
📆 Встречаемся 23 декабря в 20:00 МСК в преддверие старта курса «Vue.js-разработчик»: https://tglink.io/d69a8eb2b2d1?erid=2W5zFFuxh8t
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
👎3❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Menu Animations
4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS.
https://codepen.io/Zaku/pen/ejLNJL
#css
4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS.
https://codepen.io/Zaku/pen/ejLNJL
#css
👍12❤4🔥2👎1
🎉 PostgreSQL playground прямо в браузере через WASM!
Открыл для себя интересный проект: полностью работающий PostgreSQL в браузере с помощью WebAssembly!
Теперь можно запускать и экспериментировать с PostgreSQL прямо в браузере — без установки, настроек и локальных серверов. Отлично подходит для:
- обучения SQL
- быстрых прототипов
- демонстраций
- тестирования запросов
🚀 PostgreSQL everywhere — даже в браузере!
🔗 https://github.com/datawan-labs/pg/
Открыл для себя интересный проект: полностью работающий PostgreSQL в браузере с помощью WebAssembly!
Теперь можно запускать и экспериментировать с PostgreSQL прямо в браузере — без установки, настроек и локальных серверов. Отлично подходит для:
- обучения SQL
- быстрых прототипов
- демонстраций
- тестирования запросов
🚀 PostgreSQL everywhere — даже в браузере!
🔗 https://github.com/datawan-labs/pg/
🔥9❤2👍1
🧑💻Бэкенд сегодня — это целая экосистема, где от вас ждут скорости, надёжности и архитектурного мышления. Если вы пишете на JavaScript и хотите перейти на следующий уровень — время освоить Node.js.
Курс «Node.js Developer» от OTUS — это практическое погружение в серверную разработку на современном стеке: Node.js, TypeScript, Express, GraphQL, Apollo, Nest.js, PostgreSQL, MongoDB, Docker и Kubernetes. Вы научитесь строить масштабируемые REST и GraphQL API, развертывать сервисы в контейнерах, подключать базы данных и писать чистый, поддерживаемый код.
🎄Новогодние подарки от OTUS для вас!Приобретайте 3 курса с выгодой до 30%! Покупая 1 курс вы получаете 15%, 2 курса - 25% скидки, 3 курса - максимальную скидку в 30%.
Заморозьте цены на обучение! Предложение действует до 26 декабря 2025 года.
💫Старт совсем скоро. Оставьте заявку и получите скидку на курс «Node.js Developer»: https://tglink.io/01ad70707ed8?erid=2W5zFG3Yi4x
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Курс «Node.js Developer» от OTUS — это практическое погружение в серверную разработку на современном стеке: Node.js, TypeScript, Express, GraphQL, Apollo, Nest.js, PostgreSQL, MongoDB, Docker и Kubernetes. Вы научитесь строить масштабируемые REST и GraphQL API, развертывать сервисы в контейнерах, подключать базы данных и писать чистый, поддерживаемый код.
🎄Новогодние подарки от OTUS для вас!Приобретайте 3 курса с выгодой до 30%! Покупая 1 курс вы получаете 15%, 2 курса - 25% скидки, 3 курса - максимальную скидку в 30%.
Заморозьте цены на обучение! Предложение действует до 26 декабря 2025 года.
💫Старт совсем скоро. Оставьте заявку и получите скидку на курс «Node.js Developer»: https://tglink.io/01ad70707ed8?erid=2W5zFG3Yi4x
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤3👎1
🌐🚀 Visionary: WebGPU-Powered 3D Rendering Platform
Visionary — это веб-ориентированная платформа для рендеринга 3D-объектов с использованием Gaussian Splatting. Она обеспечивает высокопроизводительное отображение различных алгоритмов прямо в браузере, включая поддержку нейронных аватаров и постобработки.
🚀Основные моменты:
- ⚡️ Высокая производительность с использованием WebGPU.
- 🎨 Гибридная архитектура рендеринга для сложных сцен.
- 📦 Универсальный загрузчик активов для различных форматов.
📌 GitHub: https://github.com/Visionary-Laboratory/visionary
#typescript
Visionary — это веб-ориентированная платформа для рендеринга 3D-объектов с использованием Gaussian Splatting. Она обеспечивает высокопроизводительное отображение различных алгоритмов прямо в браузере, включая поддержку нейронных аватаров и постобработки.
🚀Основные моменты:
- ⚡️ Высокая производительность с использованием WebGPU.
- 🎨 Гибридная архитектура рендеринга для сложных сцен.
- 📦 Универсальный загрузчик активов для различных форматов.
📌 GitHub: https://github.com/Visionary-Laboratory/visionary
#typescript
👍6