Оказывается, можно вот так, взять, приехать в Российскую государственную библиотеку и бесплатно в комфортной обстановке прочитать книгу. Даже современную. За две поездки я, например, законспектировал книгу Максима Ильяхова и Людмилы Сарычевой «Пиши, сокращай».

В библиотеке приятная академическая атмосфера, просторные рабочие места с индивидуальным освещением, бесплатный wi-fi. Читаешь и тут же делаешь конспект в электронном формате. Круто!

Записывайтесь.

Фреймворк Laravel позволяет настроить компиляцию CSS и JavaScript файлов с помощью инструмента сборки Webpack. Для работы команд компиляции в среде разработки должны быть установлены Node.js и NPM. Проверить их наличие можно выполнив в терминале команды:

node -v
npm -v

По-умолчанию, оба «расширения» присутствуют в среде разработки Laravel Homestead и Laragon, и единственное, что остается для работы компилятора — это установка в командной строке Laravel Mix:

npm install

По-умолчанию в файле webpack.mix.js проекта Ларавел уже настроены пути для сбора и компиляции файлов:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

Исходные JS- и SASS-файлы хранятся в директории resources/assets, а публичные скомпилированные версии таблиц стилей и скриптов размещаются в директории public.

Запуск компилятора осуществляется в терминале с помощью команды:

npm run dev

Эта команда обновляет указанные файлы проекта в директории public.

Помимо единоразовой компиляции файлов в Laravel Mix есть специальная команда, которая позволяет установить наблюдение за изменениями в исходных JS- и SASS-файлах из директорий resources/assets и, в случае их изменения, автоматически компилировать и обновлять публичные файлы:

npm run watch

В итоге, благодаря системе Laravel Mix, разработчики получают возможность использования миксинов и переменных для работы с таблицами стилей, а также синтаксис ES2015, компиляцию VUE-файлов и сжатие конечных файлов JS-приложений.

Современная мощная среда разработки Laragon представляет быстрый и элегантный способ установки PHP-фреймворка Laravel на компьютер с операционной системой Windows.

Laragon — это бесплатный инструмент для разработки на PHP, Node.js, Python, Java, Go и Ruby. Отличительные особенности среды Laragon — производительность, стабильность и простота. Он прекрасно подходит для создания и управления современными веб-приложениями.

Установка фреймворка Laravel из среды Laragon осуществляется в системе Windows буквально парой кликов.

Установка Laragon

1. Зайдите на сайт laragon.org и скачайте на странице загрузки инсталлятор сборки Laragon Wamp.
2. Запустите инсталлятор, выберите язык и укажите место установки. Начните установку среды Laragon нажатием кнопки «Install».
3. По окончании установки на рабочем столе появится ярлык Laragon и запустится контрольная панель среды разработки. Laragon установлен.

Установка Laravel

1. Запустите панель управления Laragon и нажмите кнопку «Start All» для запуска сервера.
2. Кликом правой кнопкой мыши в любом месте панели управления вызовите контекстное меню и выберите в нем пункт «Quick Create / Laravel».
3. Задайте имя для проекта Laravel и нажмите «OK».
4. Дождитесь окончания скачивания и установки проекта.
5. Загрузите в браузере сайт проекта с адресом http://имя_проекта.dev. Laravel установлен!

Особо отмечу, что при работе с Laravel на виртуальной машине Homestead отдельные команды в консоли (например, npm install) выполнялись на моем компьютере с ошибками, которые в итоге удалось решить только переустановкой Laravel в среде Laragon. О том, как это сделать я узнал из этого 3-х минутного ролика на английском языке. И на всякий случай снял свой ролик на русском.

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 приняты следующие варианты запросов:

Команда make:controller интерфейса командной строки Artisan позволяет сгенерировать контроллер со всеми перечисленными методами:

php artisan make:controller PostsController -r

Сегодня запустили первую версию сайта Клуба разработчиков рейтингов — rankclub.ru. В клуб входят организации — составители рейтингов и индексов в сфере экологии, энергоэффективности, устойчивого развития и социальной корпоративной ответственности:

Сайт призван служить медиа-площадкой для привлечения внимания общественности и бизнеса к вопросам раскрытия компаниями нефинансовой отчётности в области охраны окружающей среды и обеспечения экологической безопасности.

Ответственность и открытость российского бизнеса — магистральный путь к управлению его энергетической эффективностью и экологической безопасностью!

Год экологии — лучший повод для экологического раскрытия.

В работе над сайтами часто требуется уменьшить размер фотографий перед размещением на сервере. Решений этой задачи множество, но уже больше полугода я пользуюсь для этой цели исключительно бесплатным онлайн сервисом оптимизации изображений — Optimizilla.

Сервис автоматически уменьшает размер изображений в форматах JPEG и PNG до минимально возможного уровня с использованием лучших алгоритмов сжатия.

Закачивайте одновременно до 20 фотографий и при необходимости настраивайте в режиме предпросмотра уровень сжатия каждого отдельного изображения. Процесс оптимизации занимает не больше минуты, и по завершению Optimizilla предлагает скачать уменьшенные файлы в виде единого архива.

В общем, пользуюсь сам и другим рекомендую.

Вот и подошло к концу обучение нашей группы в изо-студии троицкого художника Александра Константиновича Назарова. Просмотр работ учеников завершен, оценки проставлены, и нам предстоит только отчетная выставка и торжественное вручение дипломов. Расставаться с талантливым учителем не хочется и, к счастью, у меня есть отличный повод для продолжения общения с Александром Константиновичем — работа над его официальным сайтом nazart.ru, которую я начал в сентябре 2016 г. Сайт призван познакомить посетителей с творчеством и педагогическими материалами А.К. Назарова и проинформировать общественность о выставках с участием художника и его учеников.

Недавно на сайте была вывешена очередная порция фотографий, пополнивших галерею работ художника, и размещены пособия Александра Константиновича по цветоведению и акварельной живописи. Так что, теперь на сайте есть не только что посмотреть, но и почитать. Заходите!

Завершен первый этап разработки нового сайта с частными объявлениями о продаже тюнингованных автомобилей и запчастей — auto-korch.ru. Разработка проекта началась в июле и вот, в конце ноября, запущена первая рабочая версия проекта. Разумеется, сайт, как и все остальные сайты, которые я веду, сделан на системе управления Друпал.

Из интересного с точки зрения веб-разработчика Drupal могу отметить регистрацию на сайте с помощью SMS, пошаговое заполнение формы добавления объявления, основанное на модуле Multistep Nodeform, и возможность размещения объявления без предварительной регистрации, когда для неавторизованных пользователей регистрационные данные встроены в форму добавления объявления в качестве последнего шага.

На сайте применена адаптивная верстка, и он отлично смотрится и работает в смартфоне. При этом работа по улучшению пользовательских характеристик сайта продолжается. Да и вообще, все только начинается!

В уроке продемонстроировано выборочное отключение системных таблиц стилей и добавление CSS- и JS-файлов исключительно на страницы с заданным блоком. Потребовалось создание hook- и preprocess-функций в файле template.php.

В уроке добавлены медиа-запросы типа @media all and (min-width: 40em) {} для различного оформления HTML-кода списка школьных предметов в зависимости от ширины окна браузера.