Заметки разработчика

Введение в Popover API

#html #css #js #javascript #frontend

В последнее время браузеры стремительно обретают довольно важные возможности. Возможности, для реализации которых могло потребоваться несколько библиотек JavaScript (или CSS), теперь доступны в браузерах из коробки.

Сначала <dialog>, а теперь Поповеры/Всплывающие окна! Popover API, позволяющий создавать всплывающие окна, теперь доступен в большинстве современных браузеров.

В статье рассмотрены основы Popover API и то, как использовать его для создания всплывающих окон самым простым способом.

📄 Читать статью

@dev_notes_ru

#joke #json #sql

#php #backend

Узнайте, как использовать именованные аргументы в PHP, чтобы улучшить читаемость кода. Кроме того, поговорим о некоторых проблемах, о которых следует помнить.

Именованные аргументы (или "именованные параметры") — одна из моих любимых функций, добавленных в PHP ещё в версии 8.0. Кажется, что они действительно помогают улучшить читабельность кода и облегчают понимание происходящего.

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

📄 Читать статью

@dev_notes_ru

#laravel #tips

Команду Artisan можно запустить не только из Терминала, но и из кода. Используйте метод Artisan::call()

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

#github #workflow #cicd

https://www.dev-notes.ru/articles/devops/a-basic-guide-to-github-actions/

#laravel #tips

Совет по Laravel💡: Обрезание длинных строк

Иногда требуется обрезать длинные описания для отображения. Laravel предоставляет для этого метод limit, а в будущей версии можно будет сохранять целые слова для лучшего UX 🚀.

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

#php

https://www.dev-notes.ru/articles/devops/boosting-php-performance-with-opcache/

Нормализация валидированных данных

Вам когда-нибудь требовалось нормализовать подтвержденные данные перед их использованием? Laravel Form Requests поставляется с хуком passedValidation, позволяющим настраивать подтвержденные данные.

#laravel #tips

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

#ssh #scp

https://www.dev-notes.ru/articles/devops/how-to-copy-folders-using-ssh/

🗒 Вычисление прогресса прокрутки страницы

Получение прогресса прокрутки страницы в виде переменной CSS с помощью нескольких строк кода

- Работает на основе анимации, управляемой прокруткой
- Определяется на уровне :root (доступно для всех элементов)
- Типизируется с помощью @property
- Можно легко использовать в любой формуле

@property --s {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}
:root {
  animation: scroll 1s linear;
  animation-timeline: scroll();
}
@keyframes scroll {
  to {--s: 100}
}

element:before {
  content: counter(s) "%";
  counter-reset: s var(--s);
}

Пример на CodePen


#css

Рассмотрим, что такое события модели и как их использовать в приложении Laravel. Также рассмотрим, как тестировать события модели и проблемы, на которые следует обратить внимание при их использовании.

https://www.dev-notes.ru/articles/eloquent/model-events/

#laravel #eloquent

Если необходимо создать npm пакет и гарантировать, что его смогут использовать все желающие, нужно, чтобы он поддерживал CommonJS (CJS) и ECMAScript Modules (ESM). Рассмотрим, как создать такой пакет используя TypeScript.

https://www.dev-notes.ru/articles/typescript/create-npm-package-commonjs-esm/

#TypeScript #JavaScript #npm

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

https://www.dev-notes.ru/articles/laravel/api-versioning-in-laravel-11/

#laravel #api

В PHP 8.4 добавлено несколько функций, которых давно не хватало: array_find() и её вариации. Назначение array_find() простое: передайте ей массив и обратный вызов, и получите первый элемент, для которого обратный вызов вернёт true.

https://www.dev-notes.ru/articles/php/array-find-in-php-84/

#php #php84

Несмотря на то, что HTML 5 существует уже более 16 лет, PHP никогда не поддерживал его должным образом. В PHP есть \DOMDocument, который теоретически должен поддерживать HTML 4, но на самом деле он уже не совместим с HTML 4.

https://www.dev-notes.ru/articles/php/html-5-in-php-84/

#php #php84

Понимание CSS свойства display и его значений важно для создания правильно организованных и привлекательных сайтов.

https://www.dev-notes.ru/articles/css/exploring-css-display-property/

#css

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

https://www.dev-notes.ru/articles/eloquent/query-scopes/

#laravel #eloquent

Коллекция простых однострочных CSS решений для добавления небольших улучшений на любую веб-страницу.

https://www.dev-notes.ru/articles/css/ten-css-one-liners-for-almost-every-project/

#css

Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов.

https://www.dev-notes.ru/articles/css/inheritance/

#css