WebCraft - ремесло веб разработки
6.61K subscribers
1.58K photos
235 videos
2 files
189 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
Анимированные цветы на CSS

Пример анимации цветов на CSS.

👉 @web_craft | #frontend
Автоматическое хеширование значений модели Laravel

Статья рассказывает, как автоматически хэшировать значения полей модели Laravel с помощью каста hashed. Каст hashed позволяет безопасно хранить конфиденциальные данные, такие как пароли, в базе данных. Автор статьи объясняет, как использовать каст hashed вместо ручного хэширования с помощью функции Hash::make. Также в статье приводятся примеры кода и тестов для демонстрации работы каста.

👉 @web_craft | #laravel
This media is not supported in your browser
VIEW IN TELEGRAM
Apple Vision Pro Menu UI

Анимированное меню Vision Pro на CSS.

👉 @web_craft | #frontend
Работа с отношениями в Laravel

Что делает метод Model::hasOneThrough()?

👉 @web_craft | #laravel
Назначение метода Array.prototype.flat

Что делает Array.prototype.flat?

👉 @web_craft | #frontend
Работа с моделями Laravel

findOrFail(): Ищет модель в базе данных по ID. Если модель не найдена, генерирует ModelNotFoundException.

Пример:

$user = User::findOrFail(1);

firstOrNew(): Ищет модель в базе данных по заданным атрибутам. Если модель не найдена, создает новую.

Пример:

$user = User::firstOrNew(['email' => 'johndoe@example.com']);

updateOrCreate(): Ищет модель в базе данных по заданным атрибутам. Если модель найдена, обновляет ее. Если модель не найдена, создает новую.

Пример:

$user = User::updateOrCreate(['email' => 'johndoe@example.com'], ['name' => 'John Doe']);

👉 @web_craft | #laravel
Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.

Такой опыт можно получить на бесплатном практикуме 16-22 марта с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Использование defer для повышения производительности

Атрибут defer может повысить производительность страницы, позволяя браузеру:

1) Продолжать обработку страницы, пока загружается JavaScript.
2) Загружать скрипт в фоновом режиме, не блокируя отрисовку контента.
3) Запускать скрипт только после построения DOM-дерева, гарантируя, что все элементы HTML будут доступны.

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

<script src="script.js" defer></script>

Примечание:

1) Скрипты, помеченные defer, будут выполняться в том порядке, в котором они появляются в HTML-коде.
2) Событие DOMContentLoaded не будет срабатывать, пока не будут выполнены все отложенные скрипты.
3) Не все скрипты подходят для использования defer. Скрипты, которые должны выполняться как можно скорее, например, для инициализации критически важных функций, не должны быть помечены defer.

👉 @web_craft | #frontend
ИИ для PHP: Автоматизация модульного тестирования с помощью помощника ИИ

Статья рассказывает о том, как можно использовать AI Assistant в PhpStorm для автоматизации написания юнит-тестов для PHP-кода.

👉 @web_craft | #php
Решил посмотреть туториал и отвлекся на секунду. Лайк, если было.

👉 @web_craft | #юмор
Один класс, что правит всеми или как улучшить респонс в Laravel

Статья рассказывает о том, как улучшить респонс в Laravel, используя класс Response, который управляет всеми ответами в формате JSON.

👉 @web_craft | #laravel
This media is not supported in your browser
VIEW IN TELEGRAM
Abstract background

Абстрактный пиксельный фон на JS.

👉 @web_craft | #frontend
Модификация JSON респонсов в Laravel

Статья рассказывает о том, как модифицировать JSON респонсы в Laravel, используя Json Resource.

👉 @web_craft | #laravel
Решение «Max Consecutive Ones» (Найти максимальное количество последовательных единиц)

Если ищите работу JavaScript / TypeScript разработчика, то на собеседовании вам может попасться задача "найти максимальное количество последовательных единиц". По ссылке решение подобной задачи на TypeScript.

👉 @web_craft | #frontend
Защита атрибута password в Laravel

Как правильно использовать guarded для защиты атрибута password?

👉 @web_craft | #laravel
Преобразование массивов в CSV

Какую функцию JavaScript необходимо использовать для преобразования массива объектов в CSV-строку?

👉 @web_craft | #frontend
Какую функцию JavaScript мы используем для преобразования массива объектов в CSV-строку?
Anonymous Quiz
26%
map()
3%
filter()
46%
join()
25%
reduce()