Использование функции Intl.NumberFormat

Для чего используется Intl.NumberFormat в JavaScript?

Если забыли, то вернитесь к посту от 28.05.2024.

👉 @web_craft | #frontend

Валидация в Laravel

Метод Validator::extend() предоставляет возможность создавать собственные правила валидации, выходя за рамки стандартного набора, предоставляемого Laravel.

Применение:

Validator::extend('older_than', function ($attribute, $value, $parameters) {
    $minAge = $parameters[0] ?? 18;
    return Carbon::parse($value)->age >= $minAge;
});

В данном примере определяется правило older_than, которое проверяет, является ли указанная дата ($value) датой рождения человека, достигшего возраста не менее $minAge лет.


После определения пользовательского правила, его можно использовать в валидаторе данных наряду со встроенными правилами:

$validator = Validator::make($data, [
    'birthdate' => 'required|date|older_than:21', 
]);

👉 @web_craft | #laravel

Отслеживание изменений в DOM

MutationObserver — это API в JS для наблюдения за изменениями в DOM. Оно позволяет отслеживать добавление или удаление узлов, изменения атрибутов и текста.

Пример:

const targetNode = document.getElementById('myDiv');
const config = { attributes: true, childList: true, subtree: true };
const callback = function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            console.log('A child node has been added or removed.');
        }
        else if (mutation.type === 'attributes') {
            console.log(`The ${mutation.attributeName} attribute was modified.`);
        }
    }
};
const observer = new MutationObserver(callback);
observer.observe(targetNode, config);

В этом примере, при любом изменении атрибутов или дочерних элементов внутри myDiv (или его потомков, благодаря опции subtree: true), функция callback будет вызвана и выведет соответствующее сообщение в консоль.

👉 @web_craft | #frontend

Как поднять уровень анализа вашего Laravel-приложения с 0 до 9 в Larastan

В статье рассказывается, что такое Larastan и какие преимущества дает его использование. Также подробно описывается, как настроить Larastan, и показано, как поэтапно повышать уровень анализа с 0 до 9. На каждом уровне в статье рассказывается, какие типы ошибок будет находить Larastan.

👉 @web_craft | #laravel

Главное не победа...

👉 @web_craft | #юмор

Предложение по стандартизации сигналов для TC39

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

👉 @web_craft | #frontend

Pure CSS 3D

Анимированная 3D графика на CSS.

👉 @web_craft | #frontend

Встретились как-то неопознанный волк и неопознанный медведь.

👉 @web_craft | #юмор

Самые распространённые ошибки на собеседовании у джунов-разработчиков

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

👉 @web_craft | #собес

Работа атрибута sensitive_parameter

Что делает PHP с параметрами, помеченными атрибутом sensitive_parameter, в сообщениях об ошибках и логах?

Если забыли, то вернитесь к посту от 03.06.2024.

👉 @web_craft | #php

Работа top-level await

Что позволяет делать top-level await в JavaScript?

Если забыли, то вернитесь к посту от 04.06.2024.

👉 @web_craft | #frontend

Знаете ли вы, что миссия и видение вашей компании могут значительно повысить её успех?

Приглашаем вас на открытый урок, который пройдет 27 июня в 20:00 мск!

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

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

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

Регистрируйтесь прямо сейчас, чтобы не пропустить урок: https://vk.cc/cxR8Is

erid 2SDnjdx9DPg

Проверка требований платформы с помощью Composer

composer check-platform-reqs — команда, проверяющая соответствие версий PHP и расширений требованиям проекта. Она анализирует зависимости проекта и сверяет текущие версии с минимальными требованиями из файла composer.json, выводя предупреждения при несоответствии.

Эта команда помогает избежать проблем при развертывании, быстро определить отсутствующие или несовместимые версии PHP и расширений, а также автоматизировать проверки в CI/CD, обеспечивая стабильность и корректную работу проекта.

Параметры:
--ignore-platform-reqs: указывает Composer игнорировать все платформные требования.
--ignore-platform-req <requirement>: указывает Composer игнорировать конкретное платформное требование.
--strict: указывает Composer выводить сообщение об ошибке, если не все платформные требования выполнены.

Пример использования:
composer check-platform-reqs

👉 @web_craft | #php

Обнаружение статуса соединения

navigator.online — свойство интерфейса Navigator для определения статуса подключения, возвращающее логическое значение: true, если пользователь в сети, и false, если не в сети.

Пример использования:

if (navigator.online) {
  console.log('Вы в сети');
} else {
  console.log('Вы не в сети');
}

Для реагирования на изменения сетевого состояния можно использовать события online и offline, генерируемые объектом window:

window.addEventListener('online', () => {
  console.log('Соединение с сетью восстановлено');
});

window.addEventListener('offline', () => {
  console.log('Соединение с сетью потеряно');
});

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

Пример:

navigator.online ? console.log('Пользователь в сети') : console.log('Пользователь не в сети');

👉 @web_craft | #frontend

Краткое руководство по PHP-генераторам

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

👉 @web_craft | #php

Опять эти ваши fullstackoverflow разработчики.

👉 @web_craft | #юмор

DOM: что такое объектная модель документа простыми словами

Статья объясняет концепцию DOM, которая представляет структуру веб-страницы в виде дерева объектов. Автор рассматривает, как DOM позволяет скриптам взаимодействовать с HTML-документами, делать их более динамичными и интерактивными. В статье приведены примеры использования методов и свойств DOM для доступа к элементам страницы и их изменения, таких как querySelector, createElement, getElementById, innerHTML, и addEventListener.

👉 @web_craft | #frontend

Полный и подробный курс по верстке и созданию сайтов без воды

Что внутри?

– 19 часов практики
– HTML СSS
– Flex Box и Grid
– Методология БЭМ
– Адаптивная верстка
– JS
– Верстка на SASS SCSS
– Работа с терминалом
– NPM
– Gulp

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

В чем отличие от других курсов?

– Все уроки по порядку от скачивания редактора и до выгрузки макетов на свой домен и хостинг
– Обратная связь
– Лояльная цена

Для старта — самое то, что нужно.

Почитать подробнее о курсе

P.S. Цена 1590р действует всего 5 дней, Поторопись записаться

PPS Если не понравится курс — в течении 30 дней можно вернуть средства