ru
Feedback
WebDev+ | Веб-разработка

WebDev+ | Веб-разработка

Открыть в Telegram

Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx

Больше
8 307
Подписчики
-424 часа
-277 дней
-9130 день
Архив постов
GitHub теперь в Telegram! Самый прогерский канал, где за 10 минут ты научишься: / Пробив по фото и номеру в ТГ // Как взломат
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-проект? Без красивой обложк
Блог о создании образовательной платформы CodeEngine! Хочешь увидеть, как с нуля рождается EdTech-проект? Без красивой обложки, без сказок – а только реальный опыт разработки, технические решения, сложные задачи и честные фейлы. В своём-канале автор делится:
• как проектирует и пишет платформу, • какие технологии использует, • какие проблемы всплывают в реальности, • как строит лекции, упражнения, редактор кода и систему прогресса, • как принимает продуктовые решения, • и как превращает сырой прототип в рабочий образовательный сервис.
Он показывает процесс разработки таким, какой он есть – открыто, подробно и без приукрашивания. Если интересны IT-продукты, EdTech, стартап-подход и настоящая разработка изнутри. Присоединяйся к сообществу ➡️➡️ https://t.me/+SnH4VId1u4VlNmEy

Ресурс для создания диаграмм на основе вашего TypeScript. → http://tsdiagram.com @WebDev_Plus
Ресурс для создания диаграмм на основе вашего TypeScript. → http://tsdiagram.com @WebDev_Plus

Эксперимент на WebGL, который показывает, как VAT может масштабироваться прямо в браузере. Сотни цветов, у каждого тысячи анимированных вершин, и все это рендерится на GPU в реальном времени. Когда прокручиваешь сцену, срабатывает их цикл жизни: они распускаются, растут, задерживаются и постепенно увядают у тебя на пути. Интересно наблюдать, как такой подход можно будет использовать в будущих WebGL-проектах. @WebDev_Plus

Ищем новичков во frontend-разработке и вёрстке сайтов. Айтилогия запускает бесплатное обучение, где будет: 1. Практика на реа
Ищем новичков во 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 Apps & Games Dev Night — встреча для разработчиков от VK Mini Apps 13 декабря команда VK соберёт разработчиков в Санкт-Петербурге, чтобы представить ключевые новости платформы и планы развития. ✅ На мероприятии вы узнаете о продуктовых и технических обновлениях VK Mini Apps, узнаете победителей конкурса VK Dev Grants и сможете пообщаться с командой платформы в атмосфере кинопремии. Можно посетить очно, также доступно и онлайн участие. Регистрируйся и участвуй

В следующей версии ArkType любой Standard Schema будет валидным определением. Миграция с Zod станет куда проще @WebDev_Plus
В следующей версии 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_Plus

Css трюк для «блестящей» рамки - берем псевдоэлемент - позиционируем его и задаем 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" на самом деле не такой уж страшный, и в нём нет ничего плохого. Если глубокая вложенность раздражает, п
"Ад из React Context" на самом деле не такой уж страшный, и в нём нет ничего плохого. Если глубокая вложенность раздражает, просто поставь размер табуляции в 0, если можешь. @WebDev_Plus

border-radius развивается в CSS! Благодаря новому свойству corner-shape. @WebDev_Plus

Простой тип/модуль Redacted для предотвращения логирования/вывода чувствительных значений в логах и телеметрии в TypeScript.
+1
Простой тип/модуль Redacted для предотвращения логирования/вывода чувствительных значений в логах и телеметрии в TypeScript. Вдохновлен Effect. @WebDev_Plus