Три незабываемых команды

📱 @dev_notes_ru

#joke

👩‍💻 ES2025: Атрибуты импорта JavaScript

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

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

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

📱 @dev_notes_ru

#JavaScript #ES2025 #Import

👩‍💻 Новые возможности CSS за 2024 год

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

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

📱 @dev_notes_ru

#Frontend #CSS #feature

💡 Совет по Laravel: Условное сокрытие консольных команд

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

📱 @dev_notes_ru

#Laravel #Console #Command #tips

👩‍💻 ES2025: Promise.try — Унифицированная обработка ошибок

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

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

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

📱 @dev_notes_ru

#JavaScript #ES2025 #Promise

👩‍💻Настройка .htaccess для безопасности и производительности Apache

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

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

📱 @dev_notes_ru

#DevOps #Apache #htaccess

💡 Совет по Laravel: Новый атрибут `RouteParameter`

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

📱 @dev_notes_ru

#Laravel #Attributes #FormRequest #tips

👩‍💻 Понимание битовых сдвигов JavaScript: << и >>

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

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

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

📱 @dev_notes_ru

#JavaScript #tips

👩‍💻 Лучший подход к SVG иконкам

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

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

📱 @dev_notes_ru

#Frontend #SVG #Icons #HTML #CSS

💡 Совет по Laravel: Диски по требованию (on-demand)

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

📱 @dev_notes_ru

#Laravel #Facade #Storage #tips

👩‍💻 link rel='modulepreload': Оптимизация загрузки модулей JavaScript

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


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

📱 @dev_notes_ru

#Frontend #HTML #JavaScript #Preload #Module

👩‍💻 Изучение Символов JavaScript

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

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

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

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

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

📱 @dev_notes_ru

#JavaScript #Symbol

💡 Совет по Laravel: Написание порядковых чисел

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

📱 @dev_notes_ru

#Laravel #Nuber #helpers #tips

👩‍💻👩‍💻 Кнопки с несколькими состояниями

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

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

📱 @dev_notes_ru

#Frontend #HTML #CSS #Button #MultiState

💡 Совет по Laravel: Сохранение уникальности заданий до начала обработки

Иногда в очереди может быть только одно задание, но как только оно начинает обрабатываться, в очередь можно поставить больше заданий. Laravel поставляется с контрактом ShouldBeUniqueUntilProcessing, позволяющим сделать именно это 🚀.

📱 @dev_notes_ru

#Laravel #Queue #tips

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

Мы в безопасности.

📱 @dev_notes_ru

#joke

- Итак, улучшит ли рефакторинг кода время загрузки?
- Не совсем
- Улучшит безопасность?
- Нет
- Значит... это для совместимости с браузерами?
- Категорически нет
- Так скажите мне - почему всегда одна и та же старая история с вашими парнями, которые хотят всё рефакторить! МНЕ НУЖНО ЗНАТЬ!!!
- Потому что, как разработчики, если мы знаем, что оставили косячный код, мы не можем перестать думать об этом: когда просыпаемся утром, в обед, вечером, когда идем домой, и когда пытаемся заснуть.
- Он преследует нас, понимаешь? ОН ПРЕСЛЕДУЕТ НАС!👻

📱 @dev_notes_ru

#joke

👩‍💻 JavaScript Set и Map: За пределами массивов и объектов

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

До того как в ES6 появились Set и Map, возможности хранения коллекций данных в JavaScript были ограничены. Использовались объекты для пар ключ-значение и массивы для списков. Это приводило к распространённым проблемам.

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

📱 @dev_notes_ru

#JavaScript #Set #Map

💡 Совет по Laravel: Метод `firstOrNew`

Иногда необходимо проверить, существует ли модель, и если нет, то создать её без сохранения в базе данных. Laravel поставляется с методом firstOrNew, позволяющим сделать именно это 🚀.

📱 @dev_notes_ru

#Laravel #Models #tips

👩‍💻 CSS :has() — Псевдокласс, который давно ждали

Псевдокласс :has(), устраняет давнее ограничение в CSS — невозможность стилизовать элементы на основе их содержимого.

Хотя CSS всегда позволял стилизовать дочерние элементы на основе родительских, обратное было невозможно до сих пор. Это изменение открывает новые возможности для динамической стилизации с учётом содержимого.

Реляционный псевдокласс :has() — функциональный псевдокласс работающий как условная проверка содержимого элемента. Он позволяет применять стиль в зависимости от того, содержит ли элемент определённые дочерние элементы.

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

📱 @dev_notes_ru

#Frontend #CSS #has

💡 Совет по Laravel: Метод `keyBy`

Вам когда-нибудь нужно было создать ключ к коллекции по атрибуту из её элементов? Хотя это можно сделать при помощи хака с pluck, метод keyBy делает именно это 🚀.

📱 @dev_notes_ru

#Laravel #Collection #tips