WebCraft - ремесло веб разработки

Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами. И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную. Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы. Подписывайтесь, нас уже 50 тысяч: @vibecoding_tg

АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «TERMINAL» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков: • Практические курсы и задания • Книги и статьи известных авторов • Полезные инструменты и ресурсы • IT-новости и инсайды Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др. ⌨️ подписаться

Scroll-driven анимации в CSS постепенно выходят на новый уровень. Раньше для анимаций при прокрутке почти всегда использовали JavaScript: Intersection Observer, GSAP, обработчики scroll-событий и сложную синхронизацию состояния. Теперь браузеры начинают предлагать нативный подход. Новые CSS-возможности вроде animation-timeline, view() и обсуждаемого animation-trigger позволяют запускать анимации в момент появления элемента во viewport — без постоянного «scrubbing», когда прогресс анимации жёстко привязан к позиции скролла. Что это даёт на практике: ➖меньше JavaScript-кода более стабильный FPS ➖снижение нагрузки на main thread ➖декларативное описание поведения прямо в CSS ➖упрощение поддержки UI-анимаций Подход особенно хорошо подходит для reveal-анимаций, появления карточек, секций лендингов и контентных интерфейсов. Фактически frontend постепенно движется к модели, где браузер сам управляет жизненным циклом анимаций, а разработчик описывает только правила и состояния. 👉 @web_craft

Параллельное выполнение заданий в очередях Какой метод в Laravel позволяет объединять задания (jobs) в группу для параллельного выполнения и отслеживания их статуса? Посмотреть ответ. 👉 @web_craft | #laravel

И он терпит наши глупости и мы его глупости тоже потерпим. 👉 @web_craft |#юмор

Snow (Pure CSS) Анимация падения снега на чистом CSS. 👉 @web_craft | #frontend

Как устроены перечисления в PHP В этой статье разбирают, что скрывается под капотом enum’ов в PHP. Спойлер: это почти обычные классы, но с особым флагом и хитростями! Узнайте, как кейсы превращаются в константы, почему enum’ы нельзя собрать сборщиком мусора и как их сравнение работает на уровне опкодов. Плюс — немного о будущих оптимизациях и мечтах о дженериках. 👉@web_craft | #php

Оптимизация работы с большими данными в Laravel с помощью Lazy Collections Lazy Collections и PHP-генераторы - это спасение от перегрузки памяти. В Laravel 11 Lazy Collections стали ещё мощнее благодаря улучшенной интеграции с Eloquent и поддержке асинхронных операций. Это идеально для обработки больших CSV-файлов, импорта данных или работы с огромными наборами записей. Пример обработки CSV-файла с минимальным потреблением памяти: use Illuminate\Support\LazyCollection; use App\Models\User; LazyCollection::make(function () { $handle = fopen('large_data.csv', 'r'); while (($row = fgetcsv($handle)) !== false) { yield $row; // Генератор возвращает строки по одной } fclose($handle); })->chunk(1000)->each(function ($rows) { // Пакетная вставка в БД User::insert( $rows->map(fn($row) => [ 'name' => $row[0], 'email' => $row[1], 'created_at' => now(), 'updated_at' => now(), ])->toArray() ); }); 👉@web_craft | #laravel

Метод withCache() в HTTP-запросе Что произойдёт при использовании метода withCache() в HTTP-запросе? Посмотреть ответ. 👉 @web_craft | #laravel

Carousel with drag and wheel Интерактивная карусель изображений на JavaScript. 👉 @web_craft | #frontend

События и слушатели в Laravel События помогают отделять бизнес-логику от побочных действий. Например, после регистрации пользователя можно вызвать событие UserRegistered, а в слушателях обработать: отправку письма, логирование, начисление бонусов. Например: php artisan make:event UserRegistered php artisan make:listener SendWelcomeEmail --event=UserRegistered Событие: class UserRegistered { public function __construct(public User $user) {} } Слушатель: class SendWelcomeEmail { public function handle(UserRegistered $event) { Mail::to($event->user->email)->send(new WelcomeMail()); } } Запуск: event(new UserRegistered($user)); Код становится чище, а новые реакции легко добавлять без правки контроллеров. 👉 @web_craft | #laravel

Поведение директивы disabled Как поведёт себя директива @disabled($condition) в Blade-шаблоне? Посмотреть ответ. 👉 @web_craft | #laravel

И куда они едут? ❤️- Устраиваться на завод 👍- Так все ясно, уже в доставке работают 👉 @web_craft |#юмор

Solar system Путешествие по планетам солнечной системы на чисто CSS. 👉 @web_craft | #frontend

Как ускорить портал в 15 раз: кейс ВДНХ Команда разработчиков делится опытом, как им удалось радикально сократить время отклика на новом портале ВДНХ. В статье — практические приёмы оптимизации на Laravel + Nuxt, подход к построению масштабируемой архитектуры и реальные метрики до и после. Отличный пример того, как грамотные решения влияют на производительность. 👉 @web_craft | #laravel