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

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

Ir al canal en Telegram

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

Mostrar más
8 272
Suscriptores
-624 horas
-147 días
-8330 días
Atraer Suscriptores
junio '26
junio '26
+35
en 2 canales
mayo '26
+43
en 0 canales
Get PRO
abril '26
+40
en 0 canales
Get PRO
marzo '26
+34
en 0 canales
Get PRO
febrero '26
+26
en 3 canales
Get PRO
enero '26
+42
en 3 canales
Get PRO
diciembre '25
+200
en 9 canales
Get PRO
noviembre '25
+504
en 316 canales
Get PRO
octubre '25
+24
en 0 canales
Get PRO
septiembre '25
+49
en 1 canales
Get PRO
agosto '25
+63
en 0 canales
Get PRO
julio '25
+828
en 282 canales
Get PRO
junio '25
+323
en 1 canales
Get PRO
mayo '25
+205
en 0 canales
Get PRO
abril '25
+1 473
en 0 canales
Get PRO
marzo '25
+674
en 0 canales
Get PRO
febrero '25
+470
en 0 canales
Get PRO
enero '25
+69
en 0 canales
Get PRO
diciembre '24
+74
en 0 canales
Get PRO
noviembre '24
+14
en 0 canales
Get PRO
octubre '24
+24
en 0 canales
Get PRO
septiembre '24
+18
en 0 canales
Get PRO
agosto '24
+43
en 0 canales
Get PRO
julio '24
+93
en 0 canales
Get PRO
junio '24
+58
en 0 canales
Get PRO
mayo '24
+84
en 0 canales
Get PRO
abril '24
+105
en 0 canales
Get PRO
marzo '24
+100
en 0 canales
Get PRO
febrero '24
+121
en 0 canales
Get PRO
enero '24
+159
en 0 canales
Get PRO
diciembre '23
+199
en 0 canales
Get PRO
noviembre '23
+351
en 0 canales
Get PRO
octubre '23
+291
en 0 canales
Get PRO
septiembre '23
+583
en 0 canales
Get PRO
agosto '23
+1 008
en 0 canales
Get PRO
julio '23
+1 427
en 0 canales
Get PRO
junio '23
+912
en 0 canales
Get PRO
mayo '23
+404
en 0 canales
Get PRO
abril '23
+287
en 0 canales
Get PRO
marzo '23
+154
en 0 canales
Get PRO
febrero '23
+68
en 0 canales
Get PRO
enero '23
+57
en 0 canales
Get PRO
diciembre '22
+78
en 0 canales
Get PRO
noviembre '22
+292
en 0 canales
Get PRO
octubre '22
+100
en 0 canales
Get PRO
septiembre '22
+116
en 0 canales
Get PRO
agosto '22
+86
en 0 canales
Get PRO
julio '22
+116
en 0 canales
Get PRO
junio '22
+127
en 0 canales
Get PRO
mayo '22
+129
en 0 canales
Get PRO
abril '22
+137
en 0 canales
Get PRO
marzo '22
+168
en 0 canales
Get PRO
febrero '22
+164
en 0 canales
Get PRO
enero '22
+270
en 0 canales
Get PRO
diciembre '21
+258
en 0 canales
Get PRO
noviembre '21
+508
en 0 canales
Get PRO
octubre '21
+309
en 0 canales
Get PRO
septiembre '21
+309
en 0 canales
Get PRO
agosto '21
+80
en 0 canales
Get PRO
julio '21
+166
en 0 canales
Get PRO
junio '21
+459
en 0 canales
Get PRO
mayo '21
+515
en 0 canales
Fecha
Crecimiento de Suscriptores
Menciones
Canales
24 junio0
23 junio+3
22 junio+3
21 junio0
20 junio+3
19 junio0
18 junio+6
17 junio+1
16 junio+1
15 junio+3
14 junio+1
13 junio+1
12 junio0
11 junio+2
10 junio+3
09 junio+2
08 junio0
07 junio0
06 junio+1
05 junio+1
04 junio+1
03 junio+2
02 junio0
01 junio+1
Publicaciones del Canal
Мой племянник учится на втором курсе программной инженерии. Позвонил недавно, попросил помочь с поиском стажировки. И среди п
Мой племянник учится на втором курсе программной инженерии. Позвонил недавно, попросил помочь с поиском стажировки. И среди прочего спросил, где лучше разобраться с Git. Я удивился. На втором курсе студенты всё ещё обходят Git стороной. А потом это бьёт по ним на собеседованиях. Я посоветовал ему отличный гайд от Beej. Он перезвонил сегодня. Полный восторга. Делился впечатлениями. Так что вот, снова рекомендую. Для всех студентов и всех, кто только начинает знакомство с Git. https://beej.us/guide/bggit/ @WebDev_Plus

2
CSS Tip: Автоматически помечайте внешние ссылки Если ссылка открывается в новой вкладке через target="_blank", можно добавить
CSS Tip: Автоматически помечайте внешние ссылки Если ссылка открывается в новой вкладке через target="_blank", можно добавить к ней визуальный индикатор с помощью CSS. a[target="_blank"]::after { content: " ↗️"; } Преимущества: ✅ Пользователь сразу видит, что ссылка откроется в новой вкладке ✅ Улучшается UX без изменения HTML-разметки ✅ Работает автоматически для всех внешних ссылок с target="_blank" ✅ Не нужно вручную добавлять иконки в каждую ссылку Небольшая деталь, которая делает интерфейс более понятным. #CSS #Frontend #WebDev #UIDesign @WebDev_Plus
286
3
Anime.js 4.5 уже вышел — и релиз получился интересным. Представлен адаптер для Three.js 🎉 До 50% меньше кода для создания 3D
Anime.js 4.5 уже вышел — и релиз получился интересным. Представлен адаптер для Three.js 🎉 До 50% меньше кода для создания 3D-анимаций API для 3D-объектов в стиле CSS-трансформаций (rotate, skew и др.) Более простая анимация цветов материалов Удобная анимация инстансированных мешей (Instanced Mesh) Поддержка Stagger 3D И это далеко не всё. На видео показан пример анимации сцены Three.js через новый адаптер Anime.js. Благодаря ему можно анимировать объекты почти так же просто, как DOM-элементы в браузере, но уже в 3D-пространстве. демо: https://codepen.io/editor/juliangarnier/pen/019ef018-43bb-7333-a6aa-2360a6d0e59b доки: https://animejs.com/documentation/adapters/threejs-adapter/ чейнджлог: https://github.com/juliangarnier/anime/releases/tag/v4.5.0 @WebDev_Plus
348
4
Создал Telegram-бота и получил токен. Установил: laravel/ai nutgram/laravel Собрал SupportAgent с парой инструментов. И бац —
Создал Telegram-бота и получил токен. Установил: laravel/ai nutgram/laravel Собрал SupportAgent с парой инструментов. И бац — пользователи уже получают реально полезную AI-поддержку прямо в Telegram. Ребята, как это вообще может быть настолько просто. Не игнорируйте laravel/ai @WebDev_Plus
353
5
Вот open-source веб-фреймворки в разных языках 😎👇
Вот open-source веб-фреймворки в разных языках 😎👇
361
6
Для Chrome вышло расширение Caveman, которое помогает сокращать количество токенов при работе с ИИ-моделями. Расширение подде
Для Chrome вышло расширение Caveman, которое помогает сокращать количество токенов при работе с ИИ-моделями. Расширение поддерживает ChatGPT, Claude, Gemini и другие сервисы. Оно автоматически переписывает промпты и ответы, убирая лишние слова без потери основного смысла. По словам первопроходцев, это позволяет сократить расход выходных токенов до 75%, а ответы сделать более краткими и содержательными. @WebDev_Plus
407
7
🔥 Laravel Tip В Laravel есть встроенный способ защититься от дублирующихся задач в очередях — интерфейс ShouldBeUnique. Дост
🔥 Laravel Tip В Laravel есть встроенный способ защититься от дублирующихся задач в очередях — интерфейс ShouldBeUnique. Достаточно реализовать метод uniqueId() и вернуть уникальный идентификатор задачи: class SyncUser implements ShouldQueue, ShouldBeUnique { public function uniqueId(): string { return $this->userId; } } Если задача с таким идентификатором уже находится в очереди, Laravel не поставит её повторно. Меньше ручных проверок, меньше блокировок и меньше гонок данных. Особенно полезно для синхронизации пользователей, обработки вебхуков и фоновых задач, которые могут запускаться несколько раз подряд. @WebDev_Plus
401
8
В PHP 8.4 появились две небольшие функции, которых разработчикам не хватало годами: array_any() и array_all(). Теперь вместо
В PHP 8.4 появились две небольшие функции, которых разработчикам не хватало годами: array_any() и array_all(). Теперь вместо циклов вроде: foreach ($items as $item) { if (...) { return true; } } return false; можно написать: return array_any($items, fn ($item) => ...); А проверки "все элементы соответствуют условию" превращаются в: return array_all($items, fn ($item) => ...); Кода меньше, читается проще, намерение видно сразу. Редкий случай, когда небольшое дополнение к языку реально убирает тонны однотипного шаблонного кода. @WebDev_Plus
375
9
🔥VPS + ISPmanager со скидкой до 100% на Waicore Запускаете сайты на VPS? Сейчас самое время попробовать ISPmanager практически бесплатно. ➕ Наши акции: — 100% скидка на первый месяц лицензии ISPmanager при заказе VPS из категории «Веб-хостинг» — Скидка 60% на лицензии ISPmanager при отдельной покупке Также доступны: 🛡 SSL-сертификаты 🛡 BitNinja для защиты серверов от атак, спама и вредоносного ПО. Получаете готовый VPS с установленной панелью управления и можете сразу приступать к работе с сайтами, почтой, базами данных и другими сервисами. ⚡️Акция действует месяц. Подробнее на сайте WAICORE.
335
10
Блин... Этот open-source HTML Email Builder просто огонь Это SDK для визуальной сборки email-шаблонов через drag-and-drop. По
Блин... Этот open-source HTML Email Builder просто огонь Это SDK для визуальной сборки email-шаблонов через drag-and-drop. Пользователи могут создавать письма без необходимости писать HTML-код с нуля. → визуальный email-конструктор с drag-and-drop → готовые email-компоненты → настраиваемые макеты писем → экспорт в HTML, MJML или JSON Отлично подойдёт для SaaS-продуктов, e-commerce, CRM-систем, маркетинговых платформ и любых приложений, где нужно создавать email-шаблоны. Исходники : github.com/templatical/sdk @WebDev_Plus
400
11
Выводи типы из значений в TypeScript. То есть не дублируй руками union-типы вроде: type Role = "system_admin" | "content_editor" | "guest_viewer"; Лучше задай объект один раз, а тип получи из него: type ValueOf<T extends Record<PropertyKey, unknown>> = T[keyof T]; const USER_ROLE = { Admin: "system_admin", Editor: "content_editor", Viewer: "guest_viewer", } as const satisfies Record<string, string>; type Role = ValueOf<typeof USER_ROLE>; Теперь Role автоматически равен: "system_admin" | "content_editor" | "guest_viewer" Если потом добавишь новую роль в USER_ROLE, тип обновится сам. @WebDev_Plus
382
12
Фиксация сессии в PHP: если после входа пользователя не сменить идентификатор сессии, злоумышленник может заранее навязать же
Фиксация сессии в PHP: если после входа пользователя не сменить идентификатор сессии, злоумышленник может заранее навязать жертве свой PHPSESSID, а после её авторизации получить доступ к уже аутентифицированной сессии. Исправляется одной строкой: session_regenerate_id(true); Вызывать её нужно сразу после успешного логина. Параметр true здесь важен: он удаляет старый файл сессии. Если вызвать просто: session_regenerate_id(); старый идентификатор останется валидным на диске. В таком случае заранее украденный или навязанный до авторизации cookie всё ещё может использоваться для доступа к старой сессии. Большинство современных фреймворков выполняют ротацию идентификатора сессии автоматически, но при работе с чистым PHP это нужно делать самостоятельно. @WebDev_Plus
402
13
Кто сказал, что запуск больших моделей локально обязательно должен быть тяжёлым и раздутым? Shimmy — это односоставный бинарник на Rust размером всего 5 МБ, который явно бросает вызов Ollama. Что обещает проект: → один исполняемый файл размером 5 МБ → запуск примерно за 100 мс → потребление памяти около 50 МБ → 100% совместимость с OpenAI API Если Ollama кажется слишком громоздким, а запускать локальные модели всё равно хочется — стоит присмотреться к Shimmy. https://github.com/Michael-A-Kuykendall/shimmy @WebDev_Plus
422
14
15 мощных расширений для Chrome для разработчиков, дизайнеров и создателей контента Loom — расширение для записи экрана, кото
15 мощных расширений для Chrome для разработчиков, дизайнеров и создателей контента Loom — расширение для записи экрана, которое позволяет быстро записывать видео с экрана вместе с голосовыми комментариями и делиться ими. Grammarly — ИИ-помощник для письма, который проверяет грамматику, орфографию, тон и читаемость текста прямо во время набора. ColorZilla — инструмент для выбора цветов, позволяющий определять и копировать цвета с любых веб-страниц. WhatFont — помогает быстро определить, какие шрифты используются на сайте. Site Palette — генерирует цветовую палитру любого сайта для поиска дизайнерских референсов и вдохновения. GoFullPage — делает полноразмерные скриншоты страниц без необходимости прокручивать их вручную. Page Ruler — измеряет ширину и высоту элементов страницы в пикселях. Lightshot — инструмент для быстрых скриншотов с возможностью редактирования и мгновенного обмена изображениями. Imageye — находит все изображения на странице и позволяет быстро скачать их. Responsive Viewer — помогает разработчикам проверять, как сайт выглядит на разных размерах экранов и устройствах. CSS Viewer — показывает CSS-свойства элементов страницы при наведении курсора. Web Developer — набор инструментов для веб-разработки, встроенный прямо в браузер. JSON Viewer — форматирует и отображает JSON в удобном для чтения структурированном виде. Lighthouse — автоматизированный инструмент от Google для анализа производительности сайта, доступности, SEO и соответствия лучшим практикам. Wappalyzer — определяет технологии, фреймворки, CMS и другие инструменты, на которых построен сайт. @WebDev_Plus
486
15
🆕 Представлен MDN MCP Server! Теперь документацию MDN и данные о совместимости браузеров можно подключить напрямую к AI-аген
🆕 Представлен MDN MCP Server! Теперь документацию MDN и данные о совместимости браузеров можно подключить напрямую к AI-агенту или IDE и получать точные, актуальные ответы по веб-платформе. Больше не нужно полагаться на устаревшие знания из обучающих данных модели. Что даёт MDN MCP Server: • прямой доступ к документации MDN; • актуальные данные о поддержке API и веб-стандартов в браузерах; • меньше галлюцинаций при работе с веб-разработкой; • возможность использовать свежую информацию прямо в AI-агентах и редакторах кода. Полезная штука для тех, кто использует Claude Code, Codex, Cursor и другие MCP-совместимые инструменты при веб-разработке. @WebDev_Plus
515
16
Твои AI API могут упасть. Лимиты запросов могут закончиться. Но приложение не обязано останавливаться из-за этого. В #Laravel
Твои AI API могут упасть. Лимиты запросов могут закончиться. Но приложение не обязано останавливаться из-за этого. В #Laravel AI SDK достаточно передать массив провайдеров в аргумент provider. Если основной API недоступен, Laravel автоматически переключится на следующий провайдер в списке. Никакой кастомной логики ретраев писать не нужно. 👇 @WebDev_Plus
502
17
Нашёл UI-библиотеку, которая меня прям бесит. Бесит, потому что всё должно работать именно так. Oat: → 6KB CSS + 2.2KB JS → Ноль зависимостей → Не требует фреймворка → Без этапа сборки → Только семантический HTML Пишешь <button> — выглядит хорошо. Пишешь <dialog> — выглядит хорошо. Пишешь <input> — выглядит хорошо. Никакого className="px-4 py-2 rounded-md bg-blue-500" Никаких <Button variant="primary" size="md"> Просто HTML. Доступность из коробки. Поддержка навигации с клавиатуры. Тёмная тема включена. https://github.com/knadh/oat @WebDev_Plus
523
18
Хочешь, чтобы твой AI-агент на Laravel использовал недорогую Gemini для простых диалогов, а при сложных задачах автоматически
Хочешь, чтобы твой AI-агент на Laravel использовал недорогую Gemini для простых диалогов, а при сложных задачах автоматически переключался на более мощную модель Claude? Тогда стоит использовать динамическое переключение моделей Переопределить модель по умолчанию можно прямо внутри метода prompt(). @WebDev_Plus
511
19
Этот инструмент проверяет производительность всего сайта. Он сканирует все страницы и выставляет оценку каждой из них. Что-то
Этот инструмент проверяет производительность всего сайта. Он сканирует все страницы и выставляет оценку каждой из них. Что-то вроде Lighthouse, но с обзором всего сайта целиком. Запуск: npx unlighthouse --site <ваш-сайт> @WebDev_Plus
498
20
Когда в Node.js появляются тяжёлые вычислительные задачи, производительность приложения может заметно просесть. Из-за этого многие делают вывод, что Node.js плохо подходит для таких сценариев или что проблема в самом JavaScript. Но решение есть. В этом руководстве от Sumit Saha подробно разбирается многопоточность в Node.js с помощью Worker Threads. Что внутри: * зачем нужны Worker Threads; * чем они отличаются от Event Loop; * как выносить CPU-intensive задачи в отдельные потоки; * обмен данными между потоками; * практические примеры и паттерны использования. Хороший материал для тех, кто хочет использовать все возможности Node.js и не блокировать основной поток тяжёлыми вычислениями. https://freecodecamp.org/news/how-to-implement-multi-threading-in-nodejs-with-worker-threads-full-handbook/ @WebDev_Plus
486