Поиск по блогу

Pug. Начало работы. Часть вторая из двух

И это еще далеко не все возможности. Циклы позволяют выполнять какие-то множественные операции, например — вывести список пунктов меню. Миксины позволяют создавать многократно повторяемые блоки кода. Это практически то же самое, что и функции в языке программирования.
Категория: Web-разработка • HTML и CSS

Pug. Начало работы. Часть первая из двух

Pug — это шаблонизатор и html-препроцессор, написанный на javascript для платформы Node.js, с целью ускорения верстки. Это даже быстрее, чем при использовании emmet — так что будет полезен любому веб-разработчику. Тем более, что освоить Pug можно за пару часов, синтаксис достаточно прост и интуитивно понятен.
Категория: Web-разработка • HTML и CSS

CSS-переходы и CSS-анимации

Для html-элемента нужно указать, какое css-свойство должно быть анимировано, и как оно должно быть анимировано. А когда свойство меняется, браузер сам обработает это изменение и отрисует анимацию. Другими словами, для запуска css-перехода — нужно просто изменить свойство, а дальше браузер все сделает сам.
Категория: Web-разработка • HTML и CSS

JavaScript. Деструктурирующее присваивание

Деструктурирующее присваивание — это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в кучу переменных, так как иногда они более удобны. Деструктуризацию удобно использовать со сложными функциями, которые имеют много параметров, значений по умолчанию и так далее.

Блог на Laravel 7, часть 14. Валидация данных и права доступа при загрузке изображений

Загрузка изображений работает, но у нас нет валидации данных формы. Кроме того, загрузить изображение может любой желающий — нет проверки прав на выполнение этого действия. Так что давайте разберемся с этими двумя проблемами. В методе ImageController::upload() создадим объект валидатора и вызовем метод fails() или passes().
Категория: Web-разработка • Yii2 и Laravel

Магазин на Laravel 7, часть 25. Поиск по каталогу товаров, деплой проекта на хостинг TimeWeb

Какой каталог товаров без поиска? Тем более, что и форма у нас уже есть. Искать будем по полям name и content таблицы products, полю name таблицы categories и полю name таблицы brands. У нас должен получиться примерно такой SQL-запрос для поиска «мужская зимняя обувь».
Категория: Web-разработка • Yii2 и Laravel

Магазин на Laravel 7, часть 24. Фильтр товаров категории по цене, новинкам и лидерам продаж

Поскольку у нас теперь товары имеют атрибуты new, hit и sale, мы можем их отбирать по этим атрибутам. Другими словами — реализовать фильтр товаров. Давайте создадим шаблон filter.blade.php в директрии views/catalog/part и подключим его в шаблоне views/catalog/category.blade.php.
Категория: Web-разработка • Yii2 и Laravel

Laravel. Аксессоры и мутаторы

Аксессоры (accessors) и мутаторы (mutators) позволяют модифицировать значения атрибутов Eloquent при их чтении или записи в экземпляры моделей. Допустим, у нас есть таблица базы данных users и соотвествующая ей модель User. В таблице есть поля first_name (имя) и last_name (фамилия).
Категория: Web-разработка • Yii2 и Laravel

Магазин на Laravel 7, часть 23. Главная страница сайта, новинки, лидеры продаж и распродажа

На главной странице сайта будем показывать новинки, лидеров продаж и товары распродажи. Для этого нам надо добавить в таблицу базы данных products три новых поля — new, hit и sale. Тогда для главной страницы сможем отобрать и показать три коллекции. Потребуется добавить на форму для редактирования товара три checkbox-а.
Категория: Web-разработка • Yii2 и Laravel

Магазин на Laravel 7, часть 22. Рефакторинг кода, работа над каталогом товаров и корзиной

Фреймворк Laravel имеет в своём арсенале много полезных функций, и одна из них — привязка модели к маршруту (Route Model Binding). Привязка модели к маршруту — это механизм внедрения экземпляра модели по ключу маршрута. Звучит сложно, но на самом деле все просто. Мы уже использовали привязку в панели управления много раз.
Категория: Web-разработка • Yii2 и Laravel
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.