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

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

Купить рекламу: https://telega.in/c/web_craft
Download Telegram
Асинхронная отправка данных

navigator.sendBeacon() - это метод JavaScript API, предназначенный для асинхронной отправки небольших
HTTP-запросов на сервер.

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

navigator.sendBeacon() отправляет данные в фоне, используя HTTP POST запрос, не ожидая ответа от сервера. Это позволяет скриптам продолжать работу или завершать выполнение без ожидания завершения запроса.

Синтаксис:

navigator.sendBeacon(url, data);

- url: URL-адрес сервера, на который отправляется запрос.
- data: Данные, отправляемые в запросе. Может быть строкой, Blob, FormData или ReadableStream.

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

window.addEventListener("unload", function(event) {
var data = {username: "user", sessionId: "xyz123"};
var url = "https://example.com/analytics";
navigator.sendBeacon(url, JSON.stringify(data));
});


В этом примере, при событии unload (закрытие вкладки или окна браузера), данные о сессии пользователя отправляются на сервер аналитики.

👉 @web_craft | #frontend
Улучшите свои запросы в Laravel Eloquent с помощью Tappable Scopes

Статья рассказывает о том, как использовать "tappable scopes" в Laravel для улучшения запросов Eloquent. Этот метод позволяет создавать более чистый и удобочитаемый код при работе с Eloquent-запросами, особенно при создании сложных фильтров и условий. Автор приводит примеры создания и использования таких "tappable scopes" для различных ситуаций, например, для фильтрации постов по дате публикации или выборки записей по ID пользователя.

👉 @web_craft | #laravel
Признавайтесь, было?

👍 - Да.

🤔 - Нет, я по документациям.

👉 @web_craft | #юмор
Создание приложения Remix локально с Docker

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

👉 @web_craft | #frontend
This media is not supported in your browser
VIEW IN TELEGRAM
Textarea Auto Height

Текстовый блок с автоматическим масштабированием на HTML, CSS и JS.

👉 @web_craft | #frontend
А ведь по теореме о бесконечных обезьянах, в какой-то из разов кошка может дописать ваш код.

👉 @web_craft | #юмор
Как я перестал превращать собес в экзамен: оцениваем хард- и софт-скиллы за одно собеседование

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

👉 @web_craft | #собес
Функция для JSON-ответов Laravel?

Какую функцию Laravel использует для создания JSON-ответов?

Забыли? Вернитесь к посту от 06.05.2024, в котором разбирали этот функционал.

👉 @web_craft | #laravel
Какую функцию Laravel использует для создания JSON-ответов?
Anonymous Quiz
85%
Response::json()
10%
Request::json()
3%
Model::toJSON()
3%
Route::JSON()
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».

Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.

Билеты уже ждут вас на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Влияние document.designMode в режиме on

Что происходит при установке document.designMode в "on"?

Забыли? Вернитесь к посту от 07.05.2024.

👉 @web_craft | #frontend
Анонимные миграции в Laravel

Анонимные миграции – это функция Laravel, позволяющая создавать миграции без классов. Это упрощает управление миграциями и делает структуру проекта чище.

Как это работает:
Вы определяете миграции в PHP файлах с использованием методов up() и down(), которые Laravel автоматически обрабатывает, не требуя от вас создания классов миграции.

Пример использования:
// Создание миграции для таблицы пользователей
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

// Метод up для создания таблицы
Schema::create('users', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->string('email')->unique();
$table->timestamp('email_verified_at')->nullable();
$table->string('password');
$table->rememberToken();
$table->timestamps();
});

// Метод down для удаления таблицы
Schema::dropIfExists('users');


👉 @web_craft | #laravel
Форматирование чисел в JavaScript

Intl.NumberFormat — это инструмент для локализации и форматирования чисел, который поддерживает различные стили отображения, включая валюты, единицы измерения и проценты.

Для валюты можно указать, отображать ли символ, код или полное название валюты. Например, форматирование валюты в стиле немецкой локализации:

const numberFormatter = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' });
console.log(numberFormatter.format(123456.789)); // Выводит "123.456,79 €"


Единицы измерения также могут быть локализованы, предоставляя информацию в наиболее понятной форме для пользователя. Пример форматирования длины в американской системе измерений:

const unitFormatter = new Intl.NumberFormat('en-US', { style: 'unit', unit: 'kilometer', unitDisplay: 'long' });
console.log(unitFormatter.format(5.5)); // Выводит "5.5 kilometers"


👉 @web_craft | #frontend
Финализация классов

В статье говорится об автоматизации процесса финализации классов в PHP. В ней обсуждаются преимущества финализации классов для статического анализа и правил Rector. В статье также подробно описан инструмент под названием Swiss Knife, который можно использовать для безопасной финализации классов в проекте.

👉 @web_craft | #php
18 советов по созданию чистого и эффективного кода JavaScript

В этой статье представлены советы по написанию чистого и эффективного кода JavaScript. В ней обсуждается использование стрелочных функций, метода Array.from() и console.table() для улучшения организации кода. Другие важные моменты включают использование const и let соответствующим образом, деструктуризацию для извлечения свойств объекта и установку значений по умолчанию с помощью логического оператора ИЛИ.

👉 @web_craft | #frontend
Когда твоя способность усложнять вещи достигает новых высот... или глубин.

👍 - Определенно высот.

🤔 - Или.

👉 @web_craft | #юмор
Эпидемия многоступенчатых собеседований

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

А что думаете вы?

👍 - Не буду рассматривать компанию с таким подходом.

🤔 - Мне все равно, главное устроиться.

👉 @web_craft | #собес
Работа pcntl_async_signals в PHP

Что делает функция pcntl_async_signals(true) в PHP?

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

👉 @web_craft | #php