WebDev+ | Веб-разработка
Ir al canal en Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Mostrar más8 307
Suscriptores
-424 horas
-277 días
-9130 días
Archivo de publicaciones
GitHub теперь в Telegram!
Самый прогерский канал, где за 10 минут ты научишься:
/ Пробив по фото и номеру в ТГ
// Как взломать вебку подруги
/// Мануал по OSINT разведке
Подписывайся, нас уже сотни тысяч: >@GitHub
Сделай свой веб-интерфейс по-настоящему динозавровым 🦖
Меняй сложный JS на пару строк CSS, чтобы собрать карусели и оживить анимации.
Уже доступно в Chrome, скоро подтянутся и другие браузеры → https://goo.gle/44L646B
@WebDev_Plus
В React Server Components обнаружена критическая уязвимость, описанная как CVE-2025-55182, которая затрагивает React 19 и использующие его фреймворки.
Исправление опубликовано в версиях React 19.0.1, 19.1.2 и 19.2.1. Рекомендуем немедленно обновить версию.
@WebDev_Plus
Блог о создании образовательной платформы CodeEngine!
Хочешь увидеть, как с нуля рождается EdTech-проект? Без красивой обложки, без сказок – а только реальный опыт разработки, технические решения, сложные задачи и честные фейлы.
В своём-канале автор делится:
• как проектирует и пишет платформу, • какие технологии использует, • какие проблемы всплывают в реальности, • как строит лекции, упражнения, редактор кода и систему прогресса, • как принимает продуктовые решения, • и как превращает сырой прототип в рабочий образовательный сервис.Он показывает процесс разработки таким, какой он есть – открыто, подробно и без приукрашивания. Если интересны IT-продукты, EdTech, стартап-подход и настоящая разработка изнутри. Присоединяйся к сообществу ➡️➡️ https://t.me/+SnH4VId1u4VlNmEy
Ресурс для создания диаграмм на основе вашего TypeScript.
→ http://tsdiagram.com
@WebDev_Plus
Эксперимент на WebGL, который показывает, как VAT может масштабироваться прямо в браузере.
Сотни цветов, у каждого тысячи анимированных вершин, и все это рендерится на GPU в реальном времени. Когда прокручиваешь сцену, срабатывает их цикл жизни: они распускаются, растут, задерживаются и постепенно увядают у тебя на пути.
Интересно наблюдать, как такой подход можно будет использовать в будущих WebGL-проектах.
@WebDev_Plus
Ищем новичков во frontend-разработке и вёрстке сайтов.
Айтилогия запускает бесплатное обучение, где будет:
1. Практика на реальном заказе ценой до 10 000₽.
2. Разбор работ куратором.
3. Задачи от Fullstack-разработчика с 12-летним опытом.
4. Именной сертификат.
И главное — ты почувствуешь уверенность.
Потому что увидишь, что выполнить заказ на frontend-проект тебе по силам.
👉 Приходи на бесплатное обучение и зови с собой друзей
🔥 С 2019 Айтилогия стабильно помогает с обучением, практикой, зарабатывать на фрилансе и проходить собеседования.
Нравится этот шрифт?
Это Glass TTY VT220. Ссылка на шрифт - https://github.com/svofski/glasstty
А финальный ретро-вайб дает Cool Retro Term с эффектом послесвечения.
@WebDev_Plus
Свежая партия апдейтов по TypeScript 7. Новый нативный порт уже подъехал, и выглядит очень бодро.
Что умеет:
• проверяет типы в любом проекте
• поддерживает флаги --build и --incremental
• уже завезли полноценные фичи для редакторов
• и при этом работает примерно в 10 раз быстрее
Короче, можно пробовать прямо сейчас — версия уже в состоянии «юзабельно и приятно».
@WebDev_Plus
VK Apps & Games Dev Night — встреча для разработчиков от VK Mini Apps
13 декабря команда VK соберёт разработчиков в Санкт-Петербурге, чтобы представить ключевые новости платформы и планы развития.
✅ На мероприятии вы узнаете о продуктовых и технических обновлениях VK Mini Apps, узнаете победителей конкурса VK Dev Grants и сможете пообщаться с командой платформы в атмосфере кинопремии.
Можно посетить очно, также доступно и онлайн участие. Регистрируйся и участвуй
В следующей версии ArkType любой Standard Schema будет валидным определением.
Миграция с Zod станет куда проще
@WebDev_Plus
Мигель сделал расширение для Visual Studio Code
Оно называется Better SVG и делает работу с SVG удобнее.
Постоянный предпросмотр и оптимизация кода в один клик, не выходя из редактора.
@WebDev_Plus
Intl.ListFormat это удобный способ собрать список в строку с учетом локали, без самописных костылей.
onst getMessage = (users) => {
const formatter = new Intl.ListFormat("en-US", {
style: "long",
// long (по умолчанию), short, narrow
type: "conjunction"
// conjunction (and), disjunction (or), unit
});
return `Hello ${formatter.format(users)}!`;
};
// Автоматически подстраивает грамматику
console.log(getMessage(["Alice"]));
// → "Hello Alice!"
console.log(getMessage(["Alice", "Bob"]));
// → "Hello Alice and Bob!"
console.log(getMessage(["Alice", "Bob", "Charlie"]));
// → "Hello Alice, Bob, and Charlie!"
По сути, он сам правильно ставит запятые, союзы и форматирует список в зависимости от языка. Удобнее, чем писать if users.length === 2 ... else ... и поддерживать всё вручную.
@WebDev_PlusCss трюк для «блестящей» рамки
- берем псевдоэлемент
- позиционируем его и задаем inset box-shadow
- маскируем под углом через linear-gradient
бонус: используем corner-shape: squircle и крутим рамку при движении курсора
https://codepen.io/jh3y/pen/WbwyGBb
@WebDev_Plus
Это вообще спокойно делается на CSS
- используй маску по бордеру, слои + overflow: hidden или другие трюки.
- градиент анимировать не надо, просто крути слой с градиентом 1:1 🤙
@WebDev_Plus
Новая версия Ant Design! Один из самых крутых UI-компонентных наборов:
✓ Архитектура на CSS Variables
✓ Минус поддержка Internet Explorer
✓ Оптимизация под React Compiler
✓ Новый компонент Masonry
→ github.com/ant-design/ant-design
@WebDev_Plus
"Ад из React Context" на самом деле не такой уж страшный, и в нём нет ничего плохого.
Если глубокая вложенность раздражает, просто поставь размер табуляции в 0, если можешь.
@WebDev_Plus
border-radius развивается в CSS!
Благодаря новому свойству corner-shape.
@WebDev_Plus
+1
Простой тип/модуль Redacted для предотвращения логирования/вывода чувствительных значений в логах и телеметрии в TypeScript.
Вдохновлен Effect.
@WebDev_Plus
¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
