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

Приложения на Laravel тоже могут быть MCP-серверами. С Laravel MCP можно предоставлять ИИ-клиентам доступ к инструментам, ресурсам и промптам вашего приложения. Тогда агент сможет не просто читать данные из Laravel-приложения, но и пользоваться его возможностями.

PHP 8.6 позволяет частично применять функции с помощью ?. Больше не нужно вручную писать замыкание. Неожиданно приятное небольшое нововведение.

Совет по Laravel Загружаете большой SQL-дамп в сидере? Если ваша версия Laravel поддерживает DB::getSchemaState()->load(), используйте этот метод вместо чтения всего файла через file_get_contents(). В старых проектах DB::unprepared(file_get_contents(...)) остаётся практичным запасным вариантом. Новые версии Laravel: getSchemaState()->load() Старые версии Laravel: unprepared()

Совет по Laravel Передавайте большие файлы с помощью потоков:

Этот опенсорсный веб-компонент автоматически генерирует скелетон-заглушки с shimmer-эффектом на основе вашего реального UI с множеством настроек. → не нужно создавать отдельные skeleton-компоненты → генерирует лоадеры по фактической структуре DOM → настраиваемые shimmer-эффекты и стили → работает с React, Vue, Svelte и другими фреймворками https://github.com/Aejkatappaja/phantom-ui

Полезное руководство как «живут» замыкания в JavaScript Если замыкания раньше казались вам непонятными, это руководство быстро разгонит туман. Здесь показывают, как функции могут хранить состояние, создавать приватные данные и давать тебе больше контроля над кодом. https://www.freecodecamp.org/news/how-closures-work-in-javascript-a-handbook-for-developers/

Blossom — это опенсорс система каруселей с огромным количеством красивых паттернов и готовых примеров. Также в комплекте идут навыки для AI-агентов, а ещё есть поддержка React, Vue, Svelte и Web Components. github.com/jespervos/blossom-carousel

Полезное чтиво для верстальщиков CSS продолжает удивлять: привычная функция attr() получила вторую жизнь и превратилась в мощный инструмент для динамических стилей. Теперь она умеет работать не только со строками, но и с числами, цветами и размерами прямо из HTML-атрибутов, без JavaScript и лишних костылей/ В статье Ishadeed на понятных примерах показано, как современный attr() упрощает вёрстку, делает стили гибче и открывает новые подходы к архитектуре интерфейсов.

Laravel / PHP Tip Что используете чаще: оператор ?? или по-прежнему предпочитаете isset()? Удобный и чистый shortcut или не самый очевидный синтаксис? А что выбираете вы?

Laravel Tip А вы знали, что tap() в Laravel работает по принципу «измени и верни»? tap() позволяет изменить объект и затем вернуть его — удобно для написания чистого и chainable code.

Laravel Tip А вы знали, что в Laravel есть метод withProgressBar()? Он позволяет легко добавлять progress bar в ваши console commands.

Эта платформа предлагает более 500 вопросов, разбитых на 20 категорий, включая такие темы, как Git, CSS, JavaScript, React и многое другое. Все вопросы отсортированы по категориям и курируются пользователями. https://quizzes.madza.dev/

Совет по HTML: Используй тег <picture> для адаптивных изображений Когда тебе нужно отображать разные версии изображения на разных устройствах например, для мобильных и десктопных экранов, применяй тег <picture>. Он позволяет задавать условия, при которых будет загружаться конкретная версия картинки.

<picture>
  <source srcset="320.jpg" media="(max-width: 800px)">
  <img src="640.jpg" alt="...">
</picture>

Как это работает: Браузер проходит по тегам <source> сверху вниз и выбирает первый, условия media которого совпадают с текущими Если ни один <source> не подходит или браузер не поддерживает <picture>, загрузится изображение из тега <img>

Мини учебник по JavaScript для новичков Откройте для себя идеальный старт в мире JavaScript! Wes Bos собрал всё что нужно новичку: понятные объяснения, живые примеры и доступ к коду на GitHub. Учитесь в своём темпе и создавайте веб‑страницы уже сегодня. https://wesbos.com/javascript

Laravel Tip Как вам такой приём? Используйте when() для условного построения Eloquent queries. ✅ Более чистые queries ✅ Проще поддерживать код ✅ Отлично подходит для optional filters Так controllers остаются чистыми, а код не превращается в набор громоздких if.

Топ бесплатных GitHub-репозиториев для изучения программирования JavaScript Algorithms: Реализации популярных алгоритмов и структур данных на JavaScript. https://github.com/trekhleb/javascript-algorithms 30 Days of JavaScript: 30-дневный практический курс для прокачки JavaScript. https://github.com/Asabeneh/30-Days-Of-JavaScript System Design Primer: Большая база по System Design и подготовке к техническим собеседованиям. https://github.com/donnemartin/system-design-primer Awesome Python: Огромная подборка библиотек, frameworks и инструментов для Python. https://github.com/vinta/awesome-python Frontend Developer Interview Preparation: Материалы для подготовки Frontend-разработчиков к собеседованиям. https://github.com/EnoahNetz/Frontend-Developer-Interview-Preparation Developer Roadmap: Roadmaps для Backend, Frontend, DevOps и других направлений разработки. https://github.com/kamranahmedse/developer-roadmap Free Programming Books: Огромная коллекция бесплатных книг, курсов и других материалов по программированию. https://github.com/EbookFoundation/free-programming-books Совет: добавляйте полезные репозитории в ⭐️ Stars и используйте GitHub как собственную библиотеку для обучения.

👩‍💻 Всем программистам посвящается! Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Python — t.me/python_ready 🤔 InfoSec & Хакинг — t.me/hacking_ready 🖥 SQL & Базы Данных — t.me/sql_ready 👩‍💻 IT Новости — t.me/it_ready 🤖 AI & ML — t.me/neuro_ready 👩‍💻 Frontend — t.me/frontend_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 👩‍💻 Linux — t.me/linux_ready 👩‍💻 Java — t.me/java_ready 📖 IT Книги — t.me/books_ready 📱 JavaScript — t.me/javascript_ready 🖼️ DevOps — t.me/devops_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

В Full Stack Open вышел новый раздел по Next.js Бесплатный онлайн курс по Full Stack разработке от Университета Хельсинки продолжает расширяться, в программе появился новый отдельный раздел, посвящённый современному Next.js. Хороший повод студентам вернуться к курсу, которые уже прошли основные части React и Node.js и хочет двигаться дальше в Full Stack.