Меня зовут Александр Мартынов. Я — программист и увлеченный разработчик сайтов. Много времени уделяю вопросам самообразования и саморазвития. С 1998 года систематически изучаю веб-программирование на языках PHP и JavaScript. В последнее время мой интерес прикован к фреймворкам Laravel, Vue и TailwindCss. Я основательно изучаю перечисленные технологии в теории и на практике и по мере возможностей делюсь полученными знаниями на этом сайте.
Всем привет!
Анимированный фон загрузки на CSS
Рассмотрим принцип создания на CSS визуального эффекта движущегося фона, как на кнопке ниже. Так, чтобы анимированный фон задавался присвоением CSS-класса loading-bg
. Для создания эффекта задействуем псевдоэлемент :after
и CSS-анимацию свойства transform
с помощью CSS-функции translateX()
и правила @keyframes
.
Конвертируем видео c FFmpeg в Windows 10
Краткое руководство по установке библиотеки с открытым исходным кодом FFmpeg в среде Windows 10 и конвертации видео-файлов из формата mov в формат mp4.
Исправляем SQL-ошибку Out of sort memory в MySql 8.0.22
Путем корректировки параметра sort_buffer_size исправляем ошибку Out of sort memory в MySql 8 на локальном компьютере со средой разработки Laragon и Apache и на рабочем сервере с Ubuntu и Nginx.
Дата Carbon на русском языке
Вывод даты страницы или сообщения в блоге на русском языке — типовая задача практически любого сайта Рунета. Конечно, всегда есть возможность ограничиться отображением даты в формате типа 2018/03/24, но такое решение устроит далеко не всех. Тем более, что в Laravel задача отображения даты по-русски элегантно решается с помощью сторонней библиотеки jenssegers/date. В итоге, команда {{ Date::parse($post->created_at)->format('j F Y г.') }}
в blade-шаблоне выведет форматированную дату, типа «25 октября 2018 г.».
Компиляция CSS- и JS-файлов в Laravel
Фреймворк Laravel позволяет настроить компиляцию CSS и JavaScript файлов с помощью инструмента сборки Webpack. Благодаря системе Laravel Mix, разработчики получают возможность использования миксинов и переменных для работы с таблицами стилей, а также синтаксис ES2015, компиляцию VUE-файлов и сжатие конечных файлов JS-приложений.
Установка Laravel на Windows 10 в среде разработки Laragon
Современная мощная среда разработки Laragon представляет быстрый и элегантный способ установки PHP-фреймворка Laravel на компьютер с операционной системой Windows.
Laragon — это бесплатный инструмент для разработки на PHP, Node.js, Python, Java, Go и Ruby. Отличительные особенности среды Laragon — производительность, стабильность и простота. Он прекрасно подходит для создания и управления современными веб-приложениями.
Установка фреймворка Laravel из среды Laragon осуществляется в системе Windows буквально парой кликов.
Контроллеры Laravel для обработки HTTP-запросов
PHP классы контроллеров Laravel, размещенные в папке app\Http\Controllers, позволяют организовать логику обработки HTTP-запросов. Например, для обработки запросов к сайту по адресам /posts/{id} можно задать следующий отклик в файле routes\web.php:
Route::get('posts/{id}', 'PostsController@show');
Теперь, при запросе методом GET страницы с адресом posts/{id}, например posts/5, будет вызван метод show контроллера PostsController. А параметр id будет передан функции show в качестве аргумента. Причем можно автоматически конвертировать этот параметр в объект класса Post, указав его в качестве аргумента метода.
class PostsController extends Controller
{
public function show(Post $post)
{
return view('posts.show', compact('post'));
}
}
В Laravel приняты следующие варианты запросов:
Адрес | Тип запроса | Метод контроллера | Действие |
---|---|---|---|
/posts | GET | index | Просмотреть все сообщения |
/posts | POST | store | Добавить новое сообщение в базу данных |
/posts/create | GET | create | Загрузить форму добавления нового сообщения |
/posts/{id} | GET | show | Отобразить сообщение по id |
/posts/{id} | PUT/PATCH | update | Редактировать сообщение по id |
/posts/{id} | DELETE | destroy | Удалить сообщение по id |
/posts/{id}/edit | GET | edit | Загрузить форму редактирования сообщения по id |
Команда make:controller интерфейса командной строки Artisan позволяет сгенерировать контроллер со всеми перечисленными методами:
php artisan make:controller PostsController -r
Optimizilla — бесплатный онлайн сервис оптимизации изображений
В работе над сайтами часто требуется уменьшить размер фотографий перед размещением на сервере. Решений этой задачи множество, но уже больше полугода я пользуюсь для этой цели исключительно бесплатным онлайн сервисом оптимизации изображений — Optimizilla.
Управление CSS- и JS-файлами дизайн-темы
В уроке продемонстроировано выборочное отключение системных таблиц стилей и добавление CSS- и JS-файлов исключительно на страницы с заданным блоком. Потребовалось создание hook- и preprocess-функций в файле template.php.
Медиа-запросы CSS в дизайн-теме Zen
В уроке добавлены медиа-запросы типа @media all and (min-width: 40em) {} для различного оформления HTML-кода списка школьных предметов в зависимости от ширины окна браузера.