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

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

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

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

Object.groupBy() - статический метод, который позволяет легко группировать объекты по строкам.

Пример:
const tasks = [
{ description: "Задача 1", tag: "Тег 1", project: "Проект A" },
{ description: "Задача 2", tag: "Тег 1", project: "Проект B" },
{ description: "Задача 3", tag: "Тег 2", project: "Проект A" },
];

const tasksByProject = Object.groupBy(tasks, (task) => task.project);

console.log(tasksByProject);


Результат:
{
"Проект A": [
{ description: "Задача 1", tag: "Тег 1", project: "Проект A" },
{ description: "Задача 3", tag: "Тег 2", project: "Проект A" }
],
"Проект B": [
{ description: "Задача 2", tag: "Тег 1", project: "Проект B" }
]
}


Map.groupBy() - альтернатива и используется, если ключи не строки.

Пример:
const tasksByTag = new Map().groupBy(tasks, (task) => task.tag);

👉 @web_craft | #frontend
Реализация маршрутизации с использованием атрибутов PHP

Статья рассматривает реализацию маршрутизации с использованием атрибутов PHP. Она поможет вам понять, как настроить маршрутизацию в вашем PHP-приложении, чтобы обеспечить более чистые и SEO-дружественные URL-адреса для пользователей.

👉 @web_craft | #php
Любите котиков?

❤️ - Да.

🤔 - У меня аллергия, но все равно люблю.

👉 @web_craft | #юмор
FLAME для JavaScript: переосмысление безсерверных вычислений

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

Аббревиатура FLAME расшифровывается как Fleeting Lambda Application for Modular Execution. Он автоматически масштабирует задачи, оборачивая существующий код в функцию и выполняя этот блок кода во временной копии приложения.

👉 @web_craft | #frontend
Эти собесы я хочу забыть. Три года назад я слил мидл-должности в топ-компаниях:

Гуглу не ответил, кем буду через 5 лет. В Яндексе не понял шутку про телефонные индексы. В Тинькофф экал, когда спросили о прошлой работе.

Теперь мой единственный совет айтишникам: качайте софт-скиллы. Они спасут, даже если HR из ада.

Ответы на любые каверзные вопросы — в канале «Выше вилки». А ещё там свыше 50 переговорных стратегий для мидлов, которые гарантируют оффер от ₽300 тыс.

Авторы — экс-айтишники Яндекса и Касперского, а также HR из кадрового агентства SpiceIT. За 30 лет суммарного опыта они поняли, как расположить к себе. Теперь бесплатно рассказывают коллегам!

Читайте закреп, чтобы офферы сыпались с неба: @above_the_range

реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941
erid: 2Vtzqwza9zW
This media is not supported in your browser
VIEW IN TELEGRAM
Страница 404

Пример страницы для 404 ошибки на HTML и CSS.

👉 @web_craft | #frontend
CSS вышел на новый уровень.

👉 @web_craft | #юмор
Разработчик с помощью дипфейка в реальном времени прошёл собеседование за друга

Пользователь социальной сети X под никнеймом facelessboy00 рассказал о том, как он помог другу пройти собеседование в технологическую компанию с помощью дипфейка.

👉 @web_craft | #собес
Отличие var_export() от var_dump()

Чем var_export() отличается от var_dump()?

👉 @web_craft | #php
Работа метода padEnd()

Что делает метод padEnd()?

👉 @web_craft | #frontend
Защита от 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 | #собес