#webdev #Laravel #Livewire #php

Laravel Livewire: Что это такое и как его использовать в веб-приложении

Livewire - один из важных проектов в экосистеме Laravel, ориентированный на разработку фронтенда. Недавно вышла версия Livewire v3, поэтому давайте разберемся, что такое Livewire и какие проекты подходят под его архитектуру.

Особенность Livewire в том, что он позволяет разрабатывать «современные» веб-приложения без необходимости использования специализированных JavaScript-фреймворков.

С помощью Livewire можно разрабатывать компоненты Blade, обеспечивающие уровень реактивности, равный Vue или React, без необходимости управлять сложностью проекта с разделенными фронтендом и бэкендом. Вы можете продолжать разрабатывать свое приложение в границах Laravel и шаблонов Blade.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Yii2 #API #php

Интеграция Google Translate API с Yii2

В этой статье я расскажу, как интегрировать Google Translate API в Yii2. Как разработчики, мы часто сталкиваемся с проблемами при создании многоязычных сайтов с возможностями перевода. Независимо от того, добавляем ли мы их вручную или полагаемся на CMS, этот процесс может быть невероятно трудоемким и утомительным.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #cloud #php

Подготовьте приложение Laravel к работе в облаке

Недавние анонсы на LaraconUS вызвали новый интерес к облачному развертыванию в сообществе Laravel. Пока продолжаются дебаты о том, как разворачивать приложения, ясно одно: облако становится все более жизнеспособным вариантом для Laravel.

В статье рассмотрим, как подготовить приложение Laravel к развертыванию в облачной среде с помощью FrankenPHP, Caddy, Dockerfiles и, наконец, развернуть его на Sevalla.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #Laravel11 #API #php

Как создать версионирование API в Laravel 11

В статье рассмотрим, как создать версионирование API в Laravel 11. В Laravel 11 мы будем создавать версии API, такие, как V1, V2 и т. д. В Laravel 11 скелет приложения был уменьшен, чтобы удалить лишние файлы, которые не требуются в каждом проекте.

Частью этого изменения стало удаление из исходного кода приложения всех поставщиков услуг, кроме AppServiceProvider. Он удаляет маршруты API в установке по умолчанию.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #API #react #javaScript #js

Централизация вызовов API в веб-приложении

Привет! Я Chhakuli, работаю Front-End разработчиком. Сегодня я хочу поделиться, как можно сделать приложение намного лучше, изменив способ обработки вызовов API. Не волнуйтесь, если вы новичок в этом деле - объясню все простым языком.

Как разработчики, мы постоянно имеем дело с API для получения или отправки данных, и в больших приложениях управление API может легко превратиться в хаос. Если работаете с таким фреймворком, как Next.js, у вас уже есть надежный фреймворк, который поддерживает как рендеринг на стороне клиента (CSR), так и рендеринг на стороне сервера (SSR). Эта двойная возможность делает Next.js идеальной средой для централизации вызовов API, обеспечивая гибкость и простоту.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #Auth #php #tutorial

Руководство по маршрутам аутентификации в Laravel

Маршруты аутентификации Laravel - одна из важнейших функций фреймворка Laravel. С помощью маршрутов можно реализовать различные стратегии аутентификации и прикрепить их к различным частям бэкенда.

Laravel предлагает полную и гибкую систему аутентификации, способную адаптироваться к различным потребностям и реализациям. Также существует несколько внешних пакетов для реализации дополнительных процессов аутентификации, отличных от тех, что поставляются с фреймворком по умолчанию.

В этой статье я расскажу, как работает стандартная система аутентификации и другие системы маршрутов аутентификации, на которые я ориентировался за последние десять лет работы с Laravel.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #devops #apache #htacess #tutorial

Включение Gzip-сжатия через .htaccess

Gzip-сжатие - это мощный метод уменьшения размера файлов, позволяющий повысить скорость загрузки сайта и общую производительность. Включив Gzip-сжатие в файле .htaccess, вы сможете минимизировать размер файлов веб-сайта и ускорить загрузку страниц для посетителей. В этом руководстве мы пошагово рассмотрим, как включить Gzip-сжатие с помощью .htaccess.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #tool #cli

Представляем @bramus/caniuse-cli, CLI утилиту для «Can I Use ...».

На прошлой неделе я почувствовал зуд (снова) и создал (offline!) утилиту командной строки для «CanIUse ...» и MDN's browser-compat-data.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Symfony #php

Неделя Symfony #924 (9-15 сентября 2024 года)

На этой неделе активность разработчиков Symfony была сосредоточена на исправлении ошибок в существующих ветках: мы предоставили решение для ошибки parse_url(), обновили данные wcswidth в компоненте String до Unicode 16, а также обновили данные ICU до версии 75.1. Кроме того, мы опубликовали релиз безопасности для решения проблемы потенциального обхода песочницы Twig. Наконец, мы опубликовали полное расписание конференции SymfonyCon Vienna 2024.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #JavaScript #js #XML

Как парсить XML в JavaScript (пошаговое руководство)

JSON - это формат, который используется сегодня в большинстве веб-приложений, но XML (Extensible Markup Language) все еще жив и здоров. Многие сервисы продолжают использовать этот давний формат для хранения и обмена структурированными данными.

При работе с этим форматом в приложениях часто требуется обработка XML. Парсинг преобразует необработанный XML в структуру, с которой может легко работать ваш код. JavaScript предлагает несколько подходов к разбору XML, включая встроенные API браузера, решения Node.js и сторонние библиотеки.

В этом руководстве рассказывается об этих методах, что поможет вам выбрать инструмент, подходящий для нужд вашего проекта. Мы расскажем об их преимуществах, случаях использования и о том, как решить общие проблемы разбора XML в проектах на JavaScript.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #php #phpdoc #tutorial

Важность строгой типизации функций и PHPDocs в PHP

Строгая типизация означает, что ваши функции ожидают параметры и возвращаемые значения определенных типов, что делает код менее подверженным ошибкам и более читабельным. Без строгой типизации PHP пытается автоматически преобразовать значения, что может привести к неожиданным результатам или трудно диагностируемым ошибкам.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #attributes

Атрибуты контейнеров в Laravel

При работе с сервисными классами в Laravel, внедряемыми в контроллеры или куда-либо еще, может потребоваться передать им некоторые значения конфигурации.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Symfony #php #tutorial

Контроль доступа с помощью Symfony Voters

Контроль доступа - это политика, регулирующая действия пользователей и сущностей, способных просматривать, изменять или создавать ресурсы в вычислительной среде. Почти все системы, используемые нами в повседневной жизни, имеют контроль доступа. Это фундаментальный аспект кибербезопасности, предназначенный для снижения рисков путем обеспечения доступа к цифровым ресурсам только разрешенных лиц.

В этой статье я рассмотрю Symfony Voters, помогающий вам управлять некоторыми сложными случаями контроля доступа.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #html #css #javascript #js #frontend

Пять способов ленивой загрузки изображений для повышения производительности сайта

Изображения стали одним из наиболее часто используемых типов контента в современных веб-приложениях. Хотя использование фоновых изображений улучшает внешний вид приложения, увеличение размеров изображений может существенно повлиять на производительность приложения.

В этой статье вы узнаете о пяти подходах к ленивой загрузке изображений, которые можно добавить в свой набор инструментов для веб-оптимизации, чтобы улучшить пользовательский опыт на вашем сайте. Вы можете использовать эти методы для ленивой загрузки различных типов изображений в вашем приложении, включая фоновые изображения, встроенные изображения и баннерные изображения.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #php

12 вопросов для собеседования по Laravel: Работодателю и кандидату

Существует множество статей с «вопросами для собеседования по Laravel», но в основном они звучат как тест на базовые знания.

✅ Какая последняя версия Laravel?
✅ Что такое Composer?
✅ Какие маршрутные файлы включены в Laravel?

Ответы на такие вопросы не помогают определить, насколько кандидат подходит для работы в реальных проектах.

Поэтому мы решили составить свой собственный список вопросов.

Мы рассмотрим их с двух сторон:

Как интервьюер: что бы я спросил, если бы нанимал Laravel-разработчика?
Как кандидат: к чему мне готовиться?

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #JavaScript #js

Обработка больших чисел в JavaScript

JavaScript, являясь универсальным языком программирования, позволяет выполнять широкий спектр числовых операций. Однако при работе с очень большими числами разработчики часто сталкиваются с ограничениями, связанными с тем, как JavaScript представляет числа внутри языка. В этой статье мы рассмотрим, как управлять и манипулировать большими числами в JavaScript, обеспечивая точность и эффективность ваших приложений.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #deployment #php

Как развернуть приложение Laravel с PostgreSQL с помощью Laravel Forge

Недавно потребовалось повысить производительность приложения Laravel. Приложение уже было развернуто с помощью Laravel Forge, но оно использовало базу данных Neon, что вызывало значительные проблемы с производительностью.

Взвесив варианты, мы с командой решили перейти на функцию управляемой базы данных Laravel Forge, позволяющую установить базу данных на том же сервере, что и приложение, устранить проблемы с задержками и значительно повысить производительность.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Axios #Fetch #JavaScript #js

Axios vs Fetch API: Что выбрать

С ростом сложности современных веб-приложений выполнение HTTP-запросов становится обычной задачей. Два популярных подхода к их обработке в JavaScript - это Axios и Fetch API. Несмотря на то, что оба широко используются, они имеют явные различия в плане возможностей, простоты использования и обработки ошибок. В этой статье мы рассмотрим плюсы и минусы каждого из них и выясним, какой вариант может лучше подойти для ваших нужд.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #Laravel #middleware #php

Как задать псевдоним Middleware в Laravel 11

После того как в Laravel 11 был удален класс Kernel, как назначить псевдоним middleware? Давайте посмотрим.

Практически все, что обычно делается в классе Kernel, теперь перенесено в bootstrap/app.php. Сейчас это не так очевидно, но теперь приложение будет выглядеть легче благодаря меньшему количеству кода.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #css #bem #frontend

Написание чистого и организованного CSS очень важно, особенно для больших проектов. Один из лучших способов структурировать CSS - использовать соглашение об именовании BEM. В этой статье мы рассмотрим, что такое BEM, почему он важен, его плюсы и минусы, а также покажем на паре примеров, как его использовать.

👉 Читать статью (🇬🇧)

@webdev_trends

#webdev #JavaScript #js #vite

Создавайте веб-приложения невероятно быстро с помощью Vite

Давайте посмотрим правде в глаза: процесс сборки фронтенда слишком долго был медленным и сложным. Независимо от того, работаете ли вы с Webpack, Parcel или с вашим собственным монстроподобным Франкенштейном (мы все там были), настройка и сборка веб-приложения может быть очень сложной.

Vite - это новый ребенок на рынке, готовый взорвать ваш мозг скоростью и простотой. И Vite важен не только для разработчиков, он меняет жизнь бизнеса. Ускоренные циклы разработки - это счастливые разработчики. Счастливые разработчики создают лучший код. Это означает ускорение выхода на рынок и снижение затрат для вашего бизнеса или клиентов.

👉 Читать статью (🇬🇧)

@webdev_trends