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

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

Купить рекламу: https://telega.in/c/web_craft
Download Telegram
Защита от CSRF в Laravel

@csrf - это директива Blade, используемая в Laravel для защиты веб-приложений от атак с межсайтовой подделкой запросов (CSRF).

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

1. Генерация токена CSRF: Когда пользователь запрашивает страницу, содержащую форму, Laravel автоматически генерирует уникальный токен CSRF и сохраняет его в сессии пользователя. Этот токен также добавляется в качестве скрытого поля формы.

2. Отправка токена: Когда пользователь отправляет форму, браузер отправляет токен CSRF вместе с другими данными формы на сервер.

3. Валидация токена: Laravel проверяет, совпадает ли токен CSRF, отправленный с формой, с токеном, хранящимся в сессии пользователя.


Использование @csrf:

Просто добавьте @csrf внутрь тега формы в вашем Blade-шаблоне. Laravel автоматически позаботится о генерации и добавлении скрытого поля токена CSRF.

<form method="POST" action="/submit-form">
@csrf
<button type="submit">Отправить</button>
</form>


👉 @web_craft | #laravel
Проверка целых чисел в JavaScript

Number.prototype.isInteger это метод, который проверяет, является ли переданное значение целым числом. Он определяется на прототипе объекта Number и доступен для всех чисел.

Как работает:
Number.prototype.isInteger возвращает true для целых чисел (положительных, отрицательных и нуля) и false для любого другого типа данных, включая:
- Десятичные числа (например, 3.14, -5.2).
- NaN (Not a Number).
- Infinity.
- Строки, которые не могут быть преобразованы в целые числа (например, "hello", "123abc").

Пример использования:
console.log(Number.isInteger(42)); // true
console.log(Number.isInteger(3.14)); // false
console.log(Number.isInteger(Math.PI)); // false (PI is a non-integer constant)
console.log(Number.isInteger(Infinity)); // false
console.log(Number.isInteger("10")); // false ("10" is a string)
console.log(Number.isInteger(10.0)); // true (exactly represents an integer)


👉 @web_craft | #frontend
Превращение событий PostgreSQL в события Laravel

В статье рассказывается, как можно преобразовать события, возникающие в PostgreSQL, в события Laravel.

👉 @web_craft | #laravel
Часто используете AI?

👍 - Постоянно.

🤔- Еще не успел разобраться.

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

В этой статье объясняется как на свой сайт добавить программируемый поиск от Google.Начинается туториал с создания поисковой системы посредством панели управления. После этого идет настройка данной системы. И в завершении, получение её кода и встраиванием его на свой сайт.

👉 @web_craft | #frontend
Media is too big
VIEW IN TELEGRAM
Just Ice

Анимированная сцена с объемным кубиком льда на CSS и JavaScript.

👉 @web_craft | #frontend
Собеседование на позицию разработчика, как оно есть

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

👉 @web_craft | #собес
Назначение Collection::macro

Что такое Collection::macro?

👉 @web_craft | #laravel
Правила использования директивы use module

Где нужно добавить директиву use module?

👉 @web_craft | #frontend
Автоматизация загрузки классов

spl_autoload_register() - это функция в PHP, которая используется для регистрации пользовательского автозагрузчика классов. Он позволяет загружать классы по мере их использования, что делает код более организованным и облегчает его поддержку.

Как работает spl_autoload_register():

Функция регистрирует автозагрузчики, вызываемые при попытке загрузки класса, который еще не определен в скрипте. При вызове spl_autoload_register() PHP автоматически передает имя неопределенного класса в зарегистрированные функции автозагрузки, обеспечивая автоматическое подключение классов без ручного включения файлов с их определением.

Пример использования:
function myAutoloader($className) {
$className = str_replace('\\', DIRECTORY_SEPARATOR, $className);
$fileName = $className . '.php';
if (file_exists($fileName)) {
require_once $fileName;
}
}

spl_autoload_register('myAutoloader');

$object = new My\Namespace\MyClass();


👉 @web_craft | #php
Доступ к элементам массива в JavaScript

Array.prototype.at() - это метод в JavaScript, который позволяет получить элемент массива по указанному индексу. Он принимает один аргумент - индекс элемента, который вы хотите получить. Отличие от обычного доступа к элементам массива заключается в том, что метод at() позволяет использовать отрицательные индексы и работает с диапазоном индексов, выходящим за границы массива.

Синтаксис:
array.at(index);

Параметры:
index: Целое число, указывающее индекс элемента, к которому нужно получить доступ.

Пример:
const numbers = [10, 20, 30, 40, 50];

// Получить первый элемент
console.log(numbers.at(0)); // 10

// Получить последний элемент
console.log(numbers.at(-1)); // 50

// Получить элемент, третий с конца
console.log(numbers.at(-3)); // 30



👉 @web_craft | #frontend
Понимание Laravel Sanctum

Статья рассматривает Laravel Sanctum – библиотеку для аутентификации и авторизации в Laravel.

👉 @web_craft | #laravel
Вы уже немного соответствуете?

🤔 - Нет.

👍- Меня в детстве подбросили под дверь офиса, где меня потом нашел работодатель.

👉 @web_craft | #юмор
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Визуализация JavaScript: выполнение промисов

Иллюстрированный гайд с анимацией и 8-минутным видео, раскрывающий внутренние механизмы и возможности промисов в JavaScript.

👉 @web_craft | #frontend
Media is too big
VIEW IN TELEGRAM
Future Sticky Navigation with Glas Effect

Навигация с эффектом блюра на JS.

👉 @web_craft | #frontend
Все мы немного палеографы.

👉 @web_craft | #юмор