WebCraft - ремесло веб разработки
6.67K subscribers
1.53K photos
229 videos
2 files
178 links
Интересуешься php , js , css , html , Laravel , Vue ? Этот канал для тебя

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/web_craft
Download Telegram
Media is too big
VIEW IN TELEGRAM
CSS 3D Cubes

Пример реализации анимированных кубов на CSS.

👉 @web_craft | #frontend
Отличие Promise.allSettled() от Promise.all()

Чем Promise.allSettled() отличается от Promise.all()?

Варианты:
1 вариант. Promise.allSettled() ждет, пока все промисы в iterable будут завершены (выполнены или отклонены)и независимо от их статуса разрешается, а Promise.all() ждет, пока все промисы в iterable будут выполнены.

2 вариант. Promise.allSettled() выполняет промисы в iterable последовательно, а Promise.all() выполняет промисы параллельно.

3 вариант. Promise.allSettled() отклоняется, если хотя бы один промис в iterable отклоняется, а Promise.all() разрешается, даже если один из промисов отклоняется.

4 вариант. Promise.allSettled() возвращает массив промисов, а Promise.all() возвращает единственный промис.

👉 @web_craft | #frontend
Группировка middleware в Laravel

Группировка middleware в Laravel - это способ организации по определенным критериям или целям. Например, вы можете создать группу middleware для аутентификации, авторизации, кэширования, логирования и т.д. Это позволяет упростить регистрацию и назначение middleware для роутов, а также повысить читаемость и поддерживаемость кода.

Для применения группы middleware к роутам вы можете использовать метод middleware() в routes/web.php. В этом методе вы указываете имя группы в качестве параметра.

Например:
Route::middleware('auth')->group(function () {
Route::get('/profile', 'ProfileController@show');
Route::get('/settings', 'SettingsController@show');
});

Route::middleware('admin')->group(function () {
Route::get('/users', 'UserController@index');
Route::get('/roles', 'RoleController@index');
});


👉 @web_craft | #laravel
Проверка корректности UTF-16

Метод String.prototype.isWellFormed в JavaScript используется для проверки, является ли строка UTF-16 корректной.

Как работает:

Возвращает true, если строка корректная.
Возвращает false, если строка содержит непарную суррогатную кодовую единицу.

Пример:
const str = "Привет, мир!";

console.log(str.isWellFormed()); // true

const str2 = "Привет, uD800";

console.log(str2.isWellFormed()); // false


👉 @web_craft | #frontend
Принцип разделения интерфейса (ISP) с использованием PHP: принцип SOLID

Представьте библиотеку: книги по разным темам аккуратно разложены по полкам. Вы же не будете брать с собой все книги, если вам нужна только одна?

То же самое касается и программирования. Принцип разделения интерфейса (ISP) – это наведение порядка в коде. Каждый класс должен "брать" только те методы, которые ему нужны, а не все подряд.

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

👉 @web_craft | #php
Как выполнять команды Laravel Artisan с использованием эндпоинтов

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

Ответ: через API!

В этой статье мы разберемся, как выполнять команды Artisan через API, узнаем, почему это может быть полезно, а также посмотрим два варианта: Использование пакета laravel-artisan-cli и создание собственного контроллера API.

👉 @web_craft | #laravel
This media is not supported in your browser
VIEW IN TELEGRAM
👨‍💻Изучаешь Frontend? Я тоже!

idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.

С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.

С тебя:
— Подписка @idk_frontend

Продолжим обучаться вместе! 👋
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS - Rainbow Background

Динамичный и цветной фон на CSS.

👉 @web_craft | #frontend
Отчеты об основных веб-показателях с помощью Performance API

Performance API – это инструмент, который позволяет разработчикам измерять и оценивать производительность веб-сайта с помощью JavaScript.

В этой статье мы разберемся, что такое Performance API и как он может помочь вам улучшить производительность вашего веб-сайта.

👉 @web_craft | #frontend
JavaScript Live-Coding: Мастерство решения типовых задач на собеседованиях

Хочешь стать востребованным веб-разработчиком? Тогда тебе нужно освоить live-coding в JavaScript. Это способность решать задачи на JavaScript в режиме реального времени, которая часто проверяется на собеседованиях. В этой статье рассказывается какие задачи обычно задаются в разделе live-coding, как к ним подходить и какие советы следует учитывать, чтобы успешно с ними справиться.

👉 @web_craft | #frontend
Как создать новую модель без записи предыдущей?

Какую функцию следует использовать, если вы хотите создать новую модель, но не хотите перезаписывать существующую модель с тем же ID?

👉 @web_craft | #laravel
Какую функцию следует использовать, если вы хотите создать новую модель, но не хотите перезаписывать существующую модель с тем же ID?
Anonymous Quiz
36%
create();
31%
firstOrNew();
29%
updateOrCreate();
5%
findOrFail().
Событие, срабатывающее только после выполнения отложенных скриптов?

Какое событие DOM не будет срабатывать при использовании defer, пока не будут выполнены все отложенные скрипты?

👉 @web_craft | #frontend
Какое событие DOM не будет срабатывать при использовании defer, пока не будут выполнены все отложенные скрипты?
Anonymous Quiz
22%
load;
10%
resize;
10%
scroll;
58%
DOMContentLoaded.
Структурированный вывод информации о переменных

Функция var_export() используется для вывода или возвращения структурированной информации о переменной. Она похожа на var_dump(), но с одним отличием: возвращаемое значение является валидным PHP-кодом.

Синтаксис:
var_export($var, $return = false).

Параметры:
$var: переменная, для которой нужно получить информацию.
$return: если установлено в true, функция возвращает результат вместо его вывода.

Пример:
$var = array(
"name" => "John Doe",
"age" => 30,
"city" => "New York"
);

$exported = var_export($var, true);

echo $exported; // Выводит валидный PHP-код, представляющий массив $var


👉 @web_craft | #php
Дополнение строк в JavaScript

String.prototype.padEnd() и String.prototype.padStart() - это два метода JavaScript, которые позволяют дополнять строки символами до заданной длины.

String.prototype.padEnd() дополняет строку символами справа (в конце).

Синтаксис:
str.padEnd(targetLength, [padString]);

Пример:
"abc".padEnd(10); // "abc       "
"abc".padEnd(10, "!"); // "abc!!!!!!"


String.prototype.padStart() дополняет строку символами слева (в начале).

Синтаксис:
str.padStart(targetLength, [padString]);

Пример:
"abc".padStart(10); // "       abc"
"abc".padStart(10, "!"); // "!!!!!abc"


👉 @web_craft | #frontend
Никогда не используйте функцию empty в PHP

Статья рассказывает о том, что использование функции empty в PHP может привести к непредвиденным результатам. Автор статьи предлагает использовать другие методы для проверки значений переменных.

👉 @web_craft | #php
Нейросети сдались, придется писать на PHP самим.

👉 @web_craft | #юмор
Retry-механизмы в Laravel

Статья рассматривает механизмы повторных попыток в Laravel. Автор обсуждает, как обрабатывать ситуации, когда запросы к внешним сервисам или базам данных не удается выполнить с первой попытки.

👉 @web_craft | #laravel