#webdev #html #css #javascript #js #frontend
Пять способов ленивой загрузки изображений для повышения производительности сайта
Изображения стали одним из наиболее часто используемых типов контента в современных веб-приложениях. Хотя использование фоновых изображений улучшает внешний вид приложения, увеличение размеров изображений может существенно повлиять на производительность приложения.
В этой статье вы узнаете о пяти подходах к ленивой загрузке изображений, которые можно добавить в свой набор инструментов для веб-оптимизации, чтобы улучшить пользовательский опыт на вашем сайте. Вы можете использовать эти методы для ленивой загрузки различных типов изображений в вашем приложении, включая фоновые изображения, встроенные изображения и баннерные изображения.
👉 Читать статью (🇬🇧)
@webdev_trends
Пять способов ленивой загрузки изображений для повышения производительности сайта
Изображения стали одним из наиболее часто используемых типов контента в современных веб-приложениях. Хотя использование фоновых изображений улучшает внешний вид приложения, увеличение размеров изображений может существенно повлиять на производительность приложения.
В этой статье вы узнаете о пяти подходах к ленивой загрузке изображений, которые можно добавить в свой набор инструментов для веб-оптимизации, чтобы улучшить пользовательский опыт на вашем сайте. Вы можете использовать эти методы для ленивой загрузки различных типов изображений в вашем приложении, включая фоновые изображения, встроенные изображения и баннерные изображения.
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #Laravel #php
12 вопросов для собеседования по Laravel: Работодателю и кандидату
Существует множество статей с «вопросами для собеседования по Laravel», но в основном они звучат как тест на базовые знания.
✅ Какая последняя версия Laravel?
✅ Что такое Composer?
✅ Какие маршрутные файлы включены в Laravel?
Ответы на такие вопросы не помогают определить, насколько кандидат подходит для работы в реальных проектах.
Поэтому мы решили составить свой собственный список вопросов.
Мы рассмотрим их с двух сторон:
Как интервьюер: что бы я спросил, если бы нанимал Laravel-разработчика?
Как кандидат: к чему мне готовиться?
👉 Читать статью (🇬🇧)
@webdev_trends
12 вопросов для собеседования по Laravel: Работодателю и кандидату
Существует множество статей с «вопросами для собеседования по Laravel», но в основном они звучат как тест на базовые знания.
✅ Какая последняя версия Laravel?
✅ Что такое Composer?
✅ Какие маршрутные файлы включены в Laravel?
Ответы на такие вопросы не помогают определить, насколько кандидат подходит для работы в реальных проектах.
Поэтому мы решили составить свой собственный список вопросов.
Мы рассмотрим их с двух сторон:
Как интервьюер: что бы я спросил, если бы нанимал Laravel-разработчика?
Как кандидат: к чему мне готовиться?
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #JavaScript #js
Обработка больших чисел в JavaScript
JavaScript, являясь универсальным языком программирования, позволяет выполнять широкий спектр числовых операций. Однако при работе с очень большими числами разработчики часто сталкиваются с ограничениями, связанными с тем, как JavaScript представляет числа внутри языка. В этой статье мы рассмотрим, как управлять и манипулировать большими числами в JavaScript, обеспечивая точность и эффективность ваших приложений.
👉 Читать статью (🇬🇧)
@webdev_trends
Обработка больших чисел в JavaScript
JavaScript, являясь универсальным языком программирования, позволяет выполнять широкий спектр числовых операций. Однако при работе с очень большими числами разработчики часто сталкиваются с ограничениями, связанными с тем, как JavaScript представляет числа внутри языка. В этой статье мы рассмотрим, как управлять и манипулировать большими числами в JavaScript, обеспечивая точность и эффективность ваших приложений.
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #Laravel #deployment #php
Как развернуть приложение Laravel с PostgreSQL с помощью Laravel Forge
Недавно потребовалось повысить производительность приложения Laravel. Приложение уже было развернуто с помощью Laravel Forge, но оно использовало базу данных Neon, что вызывало значительные проблемы с производительностью.
Взвесив варианты, мы с командой решили перейти на функцию управляемой базы данных Laravel Forge, позволяющую установить базу данных на том же сервере, что и приложение, устранить проблемы с задержками и значительно повысить производительность.
👉 Читать статью (🇬🇧)
@webdev_trends
Как развернуть приложение 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
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
Как задать псевдоним Middleware в Laravel 11
После того как в Laravel 11 был удален класс Kernel, как назначить псевдоним middleware? Давайте посмотрим.
Практически все, что обычно делается в классе Kernel, теперь перенесено в bootstrap/app.php. Сейчас это не так очевидно, но теперь приложение будет выглядеть легче благодаря меньшему количеству кода.
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #css #bem #frontend
Написание чистого и организованного CSS очень важно, особенно для больших проектов. Один из лучших способов структурировать CSS - использовать соглашение об именовании BEM. В этой статье мы рассмотрим, что такое BEM, почему он важен, его плюсы и минусы, а также покажем на паре примеров, как его использовать.
👉 Читать статью (🇬🇧)
@webdev_trends
Написание чистого и организованного CSS очень важно, особенно для больших проектов. Один из лучших способов структурировать CSS - использовать соглашение об именовании BEM. В этой статье мы рассмотрим, что такое BEM, почему он важен, его плюсы и минусы, а также покажем на паре примеров, как его использовать.
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #JavaScript #js #vite
Создавайте веб-приложения невероятно быстро с помощью Vite
Давайте посмотрим правде в глаза: процесс сборки фронтенда слишком долго был медленным и сложным. Независимо от того, работаете ли вы с Webpack, Parcel или с вашим собственным монстроподобным Франкенштейном (мы все там были), настройка и сборка веб-приложения может быть очень сложной.
Vite - это новый ребенок на рынке, готовый взорвать ваш мозг скоростью и простотой. И Vite важен не только для разработчиков, он меняет жизнь бизнеса. Ускоренные циклы разработки - это счастливые разработчики. Счастливые разработчики создают лучший код. Это означает ускорение выхода на рынок и снижение затрат для вашего бизнеса или клиентов.
👉 Читать статью (🇬🇧)
@webdev_trends
Создавайте веб-приложения невероятно быстро с помощью Vite
Давайте посмотрим правде в глаза: процесс сборки фронтенда слишком долго был медленным и сложным. Независимо от того, работаете ли вы с Webpack, Parcel или с вашим собственным монстроподобным Франкенштейном (мы все там были), настройка и сборка веб-приложения может быть очень сложной.
Vite - это новый ребенок на рынке, готовый взорвать ваш мозг скоростью и простотой. И Vite важен не только для разработчиков, он меняет жизнь бизнеса. Ускоренные циклы разработки - это счастливые разработчики. Счастливые разработчики создают лучший код. Это означает ускорение выхода на рынок и снижение затрат для вашего бизнеса или клиентов.
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #css
Выбор предыдущих элементов
Недавно я увидел видео с названием, которое заставило меня почувствовать себя очень старым: «Crazy CSS Using By Master CSS».
Демонстрация, которую они показывают в видео, фантастически крута. Это ряд карт с эффектом наведения. Карточка, на которую наводится курсор, имеет эффект, при котором кажется, что она движется к вам в 3D. Мало того, две карты после наведенной карты имеют свои собственные уникальные эффекты, усиливающие 3D. Но самый главный штрих заключается в том, что две карты перед парящей картой тоже двигаются, что долгое время было «невозможным» в CSS. Больше нет!
👉 Читать статью (🇬🇧)
@webdev_trends
Выбор предыдущих элементов
Недавно я увидел видео с названием, которое заставило меня почувствовать себя очень старым: «Crazy CSS Using By Master CSS».
Демонстрация, которую они показывают в видео, фантастически крута. Это ряд карт с эффектом наведения. Карточка, на которую наводится курсор, имеет эффект, при котором кажется, что она движется к вам в 3D. Мало того, две карты после наведенной карты имеют свои собственные уникальные эффекты, усиливающие 3D. Но самый главный штрих заключается в том, что две карты перед парящей картой тоже двигаются, что долгое время было «невозможным» в CSS. Больше нет!
👉 Читать статью (🇬🇧)
@webdev_trends
#webdev #git #github
Git: Почему контроль версий - лучший друг разработчика
Системы контроля версий - важнейшие инструменты в разработке программного обеспечения, и Git - самая популярная из них. Это не просто инструмент для отслеживания изменений кода - Git помогает командам сотрудничать, обеспечивает безопасность вашего кода и делает рабочий процесс гораздо более плавным.
👉 Читать статью (🇬🇧)
@webdev_trends
Git: Почему контроль версий - лучший друг разработчика
Системы контроля версий - важнейшие инструменты в разработке программного обеспечения, и Git - самая популярная из них. Это не просто инструмент для отслеживания изменений кода - Git помогает командам сотрудничать, обеспечивает безопасность вашего кода и делает рабочий процесс гораздо более плавным.
👉 Читать статью (🇬🇧)
@webdev_trends
В 2024 году Angular продолжает меняться к лучшему все более быстрыми темпами, но общая картина остается неизменной, что делает архитектурное ноу-хау вечным и стоящим вашего времени!
#webdev #Angular #JavaScript #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Заметки разработчика
#git
👩💻 Как восстановить удалённую ветку Git
Случайное удаление ветки Git может оказаться кошмаром, особенно если она содержала критические изменения кода. К счастью, Git предоставляет мощные инструменты, позволяющие восстановить удалённые ветки. Мы рассмотрим всё, начиная от понимания анатомии веток Git и заканчивая восстановлением удалённой ветки с помощью простых команд.
🖥 Читать статью
📱 @dev_notes_ru
Случайное удаление ветки Git может оказаться кошмаром, особенно если она содержала критические изменения кода. К счастью, Git предоставляет мощные инструменты, позволяющие восстановить удалённые ветки. Мы рассмотрим всё, начиная от понимания анатомии веток Git и заканчивая восстановлением удалённой ветки с помощью простых команд.
Please open Telegram to view this post
VIEW IN TELEGRAM
Недавно в Laravel появился новый хелпер под названием
defer(), с помощью которого можно отложить выполнение обратного вызова до того момента, когда будет отправлен успешный ответ.Таким образом, можно переложить трудоемкую работу (например, вызов внешнего API) на обратный вызов и отправить ответ пользователю как можно скорее.
#webdev #Laravel #helper #defer
Please open Telegram to view this post
VIEW IN TELEGRAM
Слово «Desiderata» происходит от латинского слова, означающего «желаемое».
Кент Бек написал статью под названием «Test Desiderata». Вместе с Келли Саттон они создали на YouTube плейлист, посвященный этой статье, в котором рассказывается о желательных свойствах автоматизированных тестов. Некоторые из этих свойств являются компромиссами, и не каждый тест должен ими обладать.
#webdev #JavaScript #js #testing
Please open Telegram to view this post
VIEW IN TELEGRAM
Случайное удаление ветви в Git может превратиться в кошмар, если она содержит критические изменения кода. К счастью, Git предоставляет мощные инструменты, позволяющие с легкостью восстанавливать удаленные ветки. В руководстве мы рассмотрим всё: от понимания анатомии веток Git до восстановления удалённой ветки с помощью простых команд. Независимо от того, являетесь ли вы новичком в Git или ищете продвинутые техники для восстановления потерянных ветвей, это руководство охватывает все уровни мастерства.
К концу этого руководства вы сможете уверенно восстановить любую удаленную ветвь, предотвратить потерю ветвей в будущем и понять лучшие практики работы с ветвями в Git.
#webdev #git #howto
Please open Telegram to view this post
VIEW IN TELEGRAM
Опросив сотни «senior» разработчиков React, вы будете удивлены, как много из них не могут ответить на этот простой вопрос:
«Что такое компонент высшего порядка?».
И еще меньше могут ответить на последующий вопрос: «Зачем нужны компоненты высшего порядка в React?».
Другими словами: «Сознательно ли кто-то из команды React создал компоненты высшего порядка как концепцию и ввел их в React?».
В этой статье вы найдете правильные ответы на эти вопросы и узнаете все, что нужно знать о HOC.
#webdev #React #JavaScript #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Поскольку PHP продолжает развиваться, поддержка больших старых кодовых баз может стать сложной задачей, особенно когда речь идет о предотвращении коллизий имён и эффективной организации кода. Пространства имён PHP, появившиеся в PHP 5.3, позволяют решить эти проблемы, позволяя разработчикам группировать связанные классы, функции и константы в структурированную иерархию. Если вы работаете с устаревшей кодовой базой, в которой ещё не используются пространства имён, рефакторинг её с целью внедрения этой современной функции PHP - важный шаг на пути к улучшению сопровождаемости и масштабируемости.
#webdev #php #namespace #refactoring
Please open Telegram to view this post
VIEW IN TELEGRAM
При разработке модульных тестов важно, чтобы они были сосредоточены на тестируемом коде, не затрагивая внешние системы или зависимости. В PHPUnit на помощь приходят так называемые mock-объекты. Они позволяют имитировать поведение реальных объектов в контролируемом виде, что делает тесты более надежными и простыми в сопровождении. В этой статье мы подробно рассмотрим, что такое mock-объекты, в чём их преимущества и как эффективно использовать их в PHPUnit.
#webdev #php #phpunit #mock #testing
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы давно работаете с Laravel, то, возможно, знаете о функции, позволяющей создавать временные и подписанные URL-адреса для файлов. Это отличная возможность, позволяющая делиться файлами с другими пользователями в течение определенного времени.
Проблема с этой функцией в том, что она работает только с драйвером хранилища AWS S3. Поэтому, если вы работаете над приложением в локальной среде и хотите протестировать эту функцию, необходимо использовать драйвер хранилища S3 и реальный S3 bucket, что довольно неудобно, поскольку для использования этой функции необходимо предварительно завести учетную запись AWS.
#webdev #Laravel #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
Иногда случаются ошибки, и неудачный коммит может попасть в удалённый репозиторий. В условиях совместной работы отмена таких коммитов с сохранением истории проекта крайне важна для поддержания чистоты рабочего процесса.
git revert позволяет разработчикам отменить последствия предыдущего коммита, не переписывая историю, в отличие от git reset. В этом руководстве вы узнаете, как эффективно использовать git revert.К концу руководства вы поймете, как безопасно отменять сдвинутые коммиты, обрабатывать несколько коммитов и управлять слиянием коммитов.
#webdev #git #howto
Please open Telegram to view this post
VIEW IN TELEGRAM
Привет, веб-разработчики Laravel! В этой статье мы рассмотрим, как создать мульти-аутентификацию с помощью Breeze в Laravel 11. В Laravel 11 мы будем создавать множественную аутентификацию с помощью Breeze. Мы начнем с установки свежего приложения Laravel 11 для мульти-аутентификации.
Затем мы установим Laravel Breeze, чтобы настроить механизм аутентификации. После этого мы добавим столбец «type» в таблицу пользователей, чтобы определить три типа пользователей: User, Agent и Admin. Наконец, мы создадим middleware «role» для управления правами доступа на основе ролей пользователей.
#webdev #Laravel #Laravel11 #Breeze
Please open Telegram to view this post
VIEW IN TELEGRAM