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

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

Купить рекламу: https://telega.in/c/web_craft
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Icon Hover Effect Using

Иконки с эффектом выделения при наведении на HTML и CSS.

👉 @web_craft | #frontend
Страх и ненависть в собеседованиях: от позорного провала до 24-кратного роста ЗП

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

👉 @web_craft | #собес
Механизм загрузки классов в PHP

Какой механизм используется для загрузки классов с помощью функции spl_autoload_register()?

Если забыли, то в посте от 29.04.2024 мы разбирали этот функционал.

👉 @web_craft | #php
Метод для получения элемента массива

Какой метод JavaScript используется для получения элемента массива по указанному индексу?

Если сомневаетесь, то в посте от 30.04.2024 мы разбирали этот функционал.

👉 @web_craft | #frontend
Какой метод JavaScript используется для получения элемента массива по указанному индексу?
Anonymous Quiz
20%
Array.prototype.get().
43%
Array.prototype.index().
32%
Array.prototype.at().
5%
Array.prototype.slice().
Асинхронная обработка сигналов в PHP

Функция pcntl_async_signals в PHP используется для управления асинхронной обработкой сигналов в процессе.

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

pcntl_async_signals(true) позволяет скрипту прерываться и немедленно обрабатывать сигналы, когда они поступают, независимо от того, в какой точке выполнения находится скрипт.

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

// Включить асинхронную обработку
pcntl_async_signals(true);

function my_signal_handler($signo) {
echo "Сигнал $signo получен!\n";
}

// Назначить обработчик сигнала SIGUSR1
pcntl_signal(SIGUSR1, 'my_signal_handler');

// Сгенерировать сигнал SIGUSR1
pcntl_kill(getmypid(), SIGUSR1);

// ... остальная часть кода ...


👉 @web_craft | #php
Асинхронная отправка данных

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
86%
Response::json()
9%
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