Заметки разработчика
473 subscribers
667 photos
4 videos
1.16K links
Заметки о Frontend, Backend и немного DevOps. В основном о #PHP, #Laravel, #JavaScript, #HTML, #CSS, тестировании и настройке серверов.

https://www.dev-notes.ru

@snakenf
Download Telegram
👩‍💻 Доступ к связанным с маршрутом моделям в запросах формы Laravel с #[RouteParameter]

В этой статье вы узнаете о PHP атрибуте #[RouteParameter], который используется в Laravel для доступа к моделям, связанным с маршрутом, в классах запросов форм. Мы подробно рассмотрим, как применять этот атрибут и какие проблемы он решает.

🖥 Читать статью

📱 @dev_notes_ru

#Laravel #Attribute #RouteParameter
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
💡 Совет по Laravel: Принудительное использование HTTPS для URL

Начиная с Laravel v11.31, можно обеспечить HTTPS для всех генерируемых URL без необходимости указывать схему HTTPS в запросе 🚀.

📱 @dev_notes_ru

#Laravel #URL #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🖥 Определение переполнения/скроллбара используя современный CSS

Хотите определить, есть ли у элемента переполнение или он прокручивается? Это возможно с помощью анимации, управляемой прокруткой! Кроме того, эту информацию можно хранить в переменной на уровне :root и делать с ней всё что угодно (например, стилизовать элементы на странице).

:root {
timeline-scope: --scroll;
animation: --scroll forwards;
animation-timeline: --scroll;
container-name: --scroll;
}
.box { /* соответствующий элемент */
overflow: auto; /* или hidden */
scroll-timeline: --scroll;
}
@keyframes --scroll {
0%,to{--scroll: 1;}
}
@container --scroll style(--scroll: 1) {
/* CSS, когда .box переполнен
можно нацелиться на любой элемент на странице!
*/
}
/* Да, вы можете использовать --scroll везде! */


Измените размер элемента .box в демонстрационном примере на 👩‍💻 CodePen и посмотрите на волшебство! (пока только для 👩‍💻)

Использование запроса стиля не обязательно, и можно использовать более простую версию, если необходимо нацелиться на соответствующий элемент.

.box {
overflow: auto; /* или hidden */
animation: scrolling forwards;
animation-timeline: scroll(self);
}
@keyframes scrolling {
0%,to{
/* CSS, применяемый к .box, когда в нём есть переполнение */
}
}


Или дочерний элемент

.box {
overflow: auto; /* или hidden */
}
.box .child {
animation: scrolling forwards;
animation-timeline: scroll(); /* он будет считать, что у предка overflow: auto/hidden */
}
@keyframes scrolling {
0%,to{
/* CSS, применяемый к .child, когда у .box есть переполнение */
}
}


Пример на 👩‍💻 CodePen

🔗Источник: Overflow/scrollbar detection using modern CSS

📱 @dev_notes_ru

#CSS #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
👩‍💻 Что означает ошибка "refusing to merge unrelated histories"

Рассмотрим как решить распространённую ошибку Git: "refusing to merge unrelated histories" при объединении репозиториев с несвязанными историями.

Ошибка Git "refusing to merge unrelated histories" возникает, когда Git пытается объединить ветки или репозитории без общей истории коммитов. Это может быть случай, когда кто-то пытается объединить два независимых репозитория, объединить два проекта или даже синхронизировать локальный проект с новым удалённым репозиторием.

🖥 Читать статью

📱 @dev_notes_ru

#Git #Merge #Error
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
💡 Совет по Laravel: Трейт `Prohibitable`

В большинстве приложений Laravel зачастую присутствуют локальные или зависящие от окружения команды, которые не должны выполняться в других местах. Чтобы предотвратить такие случаи, используйте трейт Prohibitable и вызывайте метод prohibit 🚀.

📱 @dev_notes_ru

#Laravel #Prohibitable #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
👩‍💻 Пять примеров использования defer() в Laravel

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

В современной веб-разработке скорость и отзывчивость — это главное. Медленная загрузка сайта или приложения может стать разницей между удовлетворением и разочарованием пользователей. Функция Laravel defer() — новое дополнение, призванное решить эту проблему, позволяя выполнять фоновые задачи без усилий, не влияя на время отклика.

В статье мы рассмотрим, почему defer() является фантастическим дополнением к Laravel, а также рассмотрим практические варианты её использования с примерами кода.

🖥 Читать статью

📱 @dev_notes_ru

#Laravel #Defer
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
💡 Совет по Laravel: Запрет деструктивных команд DB

Запуск миграций или стирание БД в продакшене может привести к катастрофическим последствиям. Начиная с Laravel v11, можно запретить все деструктивные команды DB, вызвав метод prohibitDestructiveCommands 🚀.

📱 @dev_notes_ru

#Laravel #DB #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Стадии опьянения

📱 @dev_notes_ru

#joke
Please open Telegram to view this post
VIEW IN TELEGRAM
😁2🤣2
Три незабываемых команды

📱 @dev_notes_ru

#joke
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
👩‍💻 ES2025: Атрибуты импорта JavaScript

Понимание нового синтаксиса атрибутов импорта и причин, по которым нельзя полагаться только на расширения файлов.

В ES2025 JavaScript получает новую функцию, делающую импорт модулей более явным и безопасным. Атрибуты импорта добавляют способ передачи метаданных о любом импортируемом модуле — будь то JSON, JavaScript или другие типы модулей.

🖥 Читать статью

📱 @dev_notes_ru

#JavaScript #ES2025 #Import
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
👩‍💻 Новые возможности CSS за 2024 год

CSS постоянно развивается — недавно у него появился новый логотип, и за последний год было выпущено множество новых функций, не получивших должного внимания. Мы говорим о таких вещах, как возможность центрировать div, не сходя с ума, более лёгкая работа с темным режимом, анимация скрытых элементов или использование CSS для решения математических задач. Кажется, что теперь можно делать больше с меньшими хлопотами, так что давайте рассмотрим некоторые из новых возможностей CSS, появившихся в последнее время.

🖥 Читать статью

📱 @dev_notes_ru

#Frontend #CSS #feature
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
💡 Совет по Laravel: Условное сокрытие консольных команд

Иногда бывает необходимо скрыть консольные команды, например, устаревшие/легаси команды, из списка. Хотя их можно скрыть вручную с помощью метода setHidden(), это также можно сделать с помощью метода isHidden() 🚀.

📱 @dev_notes_ru

#Laravel #Console #Command #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
👩‍💻 ES2025: Promise.try — Унифицированная обработка ошибок

Прекратите смешивать try/catch с цепочками промисов — новый Promise.try в JavaScript обрабатывает возвращаемые значения, промисы и ошибки унифицировано

В JavaScript появилась новая утилита промиса, позволяющая сделать работу с потенциально асинхронными функциями чище и безопаснее. Promise.try позволяет обернуть любую функцию в промис, независимо от того, асинхронная она или нет, сохраняя оптимальное время выполнения.

🖥 Читать статью

📱 @dev_notes_ru

#JavaScript #ES2025 #Promise
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
👩‍💻Настройка .htaccess для безопасности и производительности Apache

Файл .htaccess — мощный конфигурационный файл, используемый веб-серверами на базе Apache для управления и изменения настроек на уровне каталогов. Изменяя файл .htaccess, можно контролировать многие аспекты поведения веб-сайта, не прибегая к изменению настроек всего сервера.

🖥 Читать статью

📱 @dev_notes_ru

#DevOps #Apache #htaccess
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
💡 Совет по Laravel: Новый атрибут `RouteParameter`

В Laravel v11.28 появился новый атрибут RouteParameter, обеспечивающий элегантный способ доступа к параметрам маршрута. Хотя можно использовать метод route в запросах формы, с новым атрибутом вы также получаете соответствующие подсказки типа 🚀.

📱 @dev_notes_ru

#Laravel #Attributes #FormRequest #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
👩‍💻 Понимание битовых сдвигов JavaScript: << и >>

Практическое руководство по операторам левого и правого битового сдвига JavaScript

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

🖥 Читать статью

📱 @dev_notes_ru

#JavaScript #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
👩‍💻 Лучший подход к SVG иконкам

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

🖥 Читать статью

📱 @dev_notes_ru

#Frontend #SVG #Icons #HTML #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
💡 Совет по Laravel: Диски по требованию (on-demand)

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

📱 @dev_notes_ru

#Laravel #Facade #Storage #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
👩‍💻 link rel='modulepreload': Оптимизация загрузки модулей JavaScript

rel='modulepreload' указывает, что скрипт модуля должен быть получен, проанализирован и откомпилирован заранее, и сохранён для последующего выполнения.


🖥 Читать статью

📱 @dev_notes_ru

#Frontend #HTML #JavaScript #Preload #Module
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
👩‍💻 Изучение Символов JavaScript

Глубокое погружение в JavaScript Символы — что это такое, чем они важны и как их эффективно использовать

Я помню, как впервые столкнулся с Символами в JavaScript. Это был 2015 год, как и многие разработчики, я подумал: "Отлично, ещё один примитивный тип, о котором нужно беспокоиться".

Но по мере карьерного роста я стал ценить эти маленькие причудливые примитивы. Они решают некоторые интересные задачи так, что строки и числа просто не могут с ними сравниться.

Symbol отличается от других примитивов JavaScript тем, что они гарантированно уникальны.

🖥 Читать статью

📱 @dev_notes_ru

#JavaScript #Symbol
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
💡 Совет по Laravel: Написание порядковых чисел

Начиная с Laravel v11.34, можно писать порядковые номера с помощью недавно появившегося метода spellOrdinal 🚀.

📱 @dev_notes_ru

#Laravel #Nuber #helpers #tips
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2