Nuxt | Создаём PWA интернет-магазин

Серия статей шаг за шагом рассказывающая о создании и оптимизации интернет--магазина.

Структура интернет магазина:
- Главная страница с каталогом товаров
- Страница категорий со списком товаров
- Карточка товара
- Страница оформления заказа

Возможности приложения:
- Модальные окна.
- Хранение идентификатора пользователя в cookie.
- Ленивая подгрузка и гидрация компонентов.
- Сжатие изображений, стилей, скриптов, html кода и всего что только можно.
- 2 версии сайта: 1) для последних браузеров которым не нужен транспилированный код (через Babel) 2) Legacy версия транспилированная через Babel.
- Умная загрузка шрифтов без FOUT, FOIT, FOFT.
- Поддержка всех браузеров от IE 10.
- Поддержка svg.
- Работа со всеми SEO тегами.
- Автоопределение устройства пользователя ещё до рендера сайта, для отдачи нужного html контента.
- Работа с API с помощью XHR запросов.

Laravel | Метки создания и изменения модели

Для использования нестандартных полей для хранения метки создания и изменения записи в БД, достаточно объявить константы CREATEDAT и UPDATEDAT в классе модели.

Это может быть полезно, если Вы работаете с БД, созданной вне приложения на Laravel и в БД уже есть метки.

Laravel | Log channels

Для того, чтобы сохранять разные логи в разные файлы, можно использовать каналы.

Для этого добавьте каналы в конфиг /config/logging.php и указывайте нужный канал при вызове методов фасада Log.

Laravel | Группировка коллекции по вычисляемому значению

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

В примере показана группировка постов по месяцу создания.

Vue | 15 директив увеличивающих производительностьVue

V-Hotkey - добавляет отслеживание нажатий клавиш
V-Click-Outside - отслеживает клик вне элемента
V-Clipboard - для копирования текста
Vue-ScrollTo - для прокрутки до определенного места
Vue-Lazyload - добавляет ленивую загрузку
V-Tooltip - добавляет подсказки
V-Scroll-Lock - предотвращает прокрутку страницы
V-Money - для отображения валют
Vue-Infinite-Scroll - для бесконечной загрузки
Vue-Clampy - для обрезки текста
Vue-InputMask - для форматирования инпутов
Vue-Ripple-Directive - для анимации нажатия кнопок
Vue-Focus - задает фокус на элементе
V-Blur - для размытия блоков
Vue-Dummy - для рыбного текста

Подробности использования и инструкции по установке в статье.

PHP | Faker

Faker - библиотека для генерации тестовых данных для ваших PHP приложений.

Это бывает очень полезно для заполнения приложения тестовыми данными.

Faker может генерировать текстовые данные такие как имена, фамилии или длинные тексты, вроде lorem ipsum, и специальные форматы даных: email, номера телефонов, кредитные карты и прочее.

Также Faker может генерировать изображения.

Входит в стандартную поставку Laravel.

Vue 3 | Suspense - пример использования

Suspense — это специальный компонент, который отображает резервный контент вместо вашего компонента, пока не будет выполнено условие. Подробности в статье.

Laravel | IDE helper

IDE helper - это пакет для laravel.

Добавляет в ваше приложение команду генерации файлов, помогающих IDE лучше понимать ваш проект.

После генерации файлов помощников IDE начинает понимать как работать с фасадами Laravel, какие методы и связи есть у моделей и т.д.

Знаешь PHP - можешь получать больше 150к

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

Профессия‌ PHP-разработчик‌:

📌 Основы PHP
📌 Изучение ООП
📌 Изучение фреймворков Laravel и Symphony
📌 Изучение GIT / Bash
📌 Английский для IT сециалистов
💰 Помощь с трудоустройством

Опытные преподаватели дадут всю необходиму теорию. А ты разработаешь реальные проекты и дополнишь ими свое портфолио.

Первые 3 месяца - бесплатно

Vue | Renderless компоненты, логика не зависимая от содержимого

Renderless Components – это компоненты, которые не рендерят свой HTML. Они управляют состоянием и поведением, предоставляя один scoped slot, который позволяет родителю/потребителю контролировать рендеринг. Renderless components рендерят ровно то, что вы в них передадите без дополнительных элементов.

Подробности и примеры использования в статье.

Laravel | Мощный Illuminate Request

В статье рассказывается о работе с объектом IlluminateRequest: о различных способах взаимодействия с типами запросов, с входными данными запроса, данными сессии и расширении с помощью макросов.