Uxplaybook — мастер-класс по UX-интервью

17 микро-видео уроков, которые помогут вам успешно пройти собеседование по UX! Вы узнаете, как повысить шансы пройти собеседование и получить работу.

👉 @web_craft | #frontend

Назначение группировки middleware в Laravel

Для чего используется группировка middleware в Laravel?

👉 @web_craft | #laravel

Проверка корректности UTF-16

Как называется метод, который проверяет, является ли строка UTF-16 корректной?

👉 @web_craft | #frontend

Контекстные данные для журналов Laravel

Log::withContext() - это метод в Laravel 11, который позволяет добавлять контекстные данные к журнальным записям. Вы можете использовать его для обогащения журнала информацией, связанной с текущим запросом или задачей в очереди. Например:

Log::withContext(['user_id' => $user->id])->info('User logged in');

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

👉 @web_craft | #laravel

Упрощение группировки данных в 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

Страница 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