Перед тем, как приступить к выполнению уроков, кратко расскажу о структуре курса, материалах, используемых инструментах и технологиях, а также немного расскажу о MODx версии 3.

В этом уроке мы скачаем актуальную версию modx. ВНИМАНИЕ! Если на момент просмотра данного курса уже вышла версия MODx 3 и выше, то для корректного выполнения всех уроков рекомендуется установить последнюю версию ветки 2. На момент записи урока таковой версией был MODx версии 2.7.2.

Также для корректной работы необходимо наличие комплекса ПО веб-сервера и выполнения php. Рекомендуется использовать связку Nginx + Php-fpm. Пример конфигурации веб-сервера вы сможете найти в материалах курса.

В этом уроке мы сделаем обзор всех основных настроек ядра MODX, обсудим их назначение и возможные значения. Боле подробно остановимся на наиболее важных на старте настройках.

В данном уроке мы установим 5 самых необходимых для старта разработки компонентов. Эти компоненты используются на подавляющем большинстве сайтов, разрабатываемых на MODx Revolution. Мы вкратце рассмотрим, для чего эти компоненты используются, а также установим несколько важных настроек для корректной работы.

Шаблон, который мы будем использовать, создавался без учета каких-либо особенностей CMS. Это абсолютно самостоятельный набор html-, css- и js-файлов, который может быть использован независимо от MODX.

Прежде, чем приступить к уроку, стоит понимать, что такое шаблон в рамках MODX. Шаблоны обычно содержат теги HTML-разметки, которые определяют макет и внешний вид страниц вашего сайта. Когда система запрашивает документ (страницу или ресурс), MODX загружает его вместе с шаблоном, затем MODX находит все специальные теги (плейсхолдеры) в шаблоне и заменяет их соответствующими значениями из документа перед отправкой готовой страницы в браузер пользователя. Ресурсы могут использовать только один Шаблон в текущий момент времени, однако Ресурс может переключать Шаблоны в любое время.

В этом уроке мы сделаем из нашего макета статический шаблон MODX, перенеся его из исходной папки в структуру сайта MODX с учетом сформированных путей к статичным файлам стилей, скриптов, изображений и шрифтов. Также отдельное внимание будет уделено базовому разъяснению механизма кэширования MODX Revolution.

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

Прежде, чем приступить к уроку, следует понимать, что такое чанк в рамках MODX Revolution.

Чанки - это кусочки статического текста (в том числе html-кода), которые вы можете повторно использовать на своем сайте. По своему назначению они похожи на файлы или «блоки» в других системах управления контентом. Типичными примерами чанков могут быть ваша контактная информация или уведомление об авторских правах. Хотя чанки не могут содержать никакой логики напрямую, они могут содержать вызовы Сниппетов, которые являются исполняемыми скриптами PHP, и такие вызовы могут производить динамический вывод.

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

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

В данном уроке мы интегрируем Hero-секцию шаблона в MODx. Параллельно поговорим о правильном именовании и описании дополнительных полей, создании источника файлов для загружаемых из админки файлов. Также отдельное внимание будет уделено фильтрации выводимых на странице данных для защиты от нарушения целостности шаблона.

В этом уроке мы установим дополнительный компонент для удобного редактирования общих для всего сайта полей, таких как email, телефон, логотип, адресов соцсетей. Также дополним js-логику шаблона, добавив возможность плавного скроллинга до нужной секции при клике по любым ссылкам с классом scrollLink.

В этом видео-уроке рассмотрим несколько способов реализации текстовых блоков: на основе стандартных встроенных возможностей MODx и на основе компонента MIGX. Также оценим плюсы и минусы каждого из подходов.

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

В данном уроке мы реализуем секцию для размещения блоков с иконками и секцию call-to-action. В рамках реализации первой секции на примере поля выбора класса иконки будет продемонстрирован способ создания полей с выпадающим списком, генерируемым при помощи привязки @EVAL. Такой способ реализации позволяет наполнять выпадающие списки динамическим содержимым из внешнего источника.

Также для своих дальнейших проектов в списке материалов урока вы найдете ссылки на бесплатный компонент iconTV, позволяющий делать выбор иконок в более наглядном виде.

В этом уроке мы выведем чередующиеся блоки изображений с текстом на основе компонента MIGX. Отдельное внимание будет уделено особенностям применения источников файлов внутри конфигурации MIGX и корректному выводу изображений на Frontend  с учетом относительного пути источника файлов.

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

В этом уроке мы разберем принцип работы компонента FormIt на примере его главного одноименного сниппета. Настроим форму обратной связи в блоке контактов с выводом сообщений об ошибках и успешном выполнении. Также после этого заменим вызов сниппета FormIt на вызов AjaxForm для добавления возможности асинхронной отправки формы.

В данном уроке мы настроим работу расширенной формы заказа, рассмотрим особенности обработки полей типа radio и checkbox.

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

Перед тем, как приступить к изучению данного урока, стоит разобраться с тем, что такое плагин в рамках MODX.

Плагин — это произвольный php-скрипт, выполняемый при наступлении определенного события или событий, на которые он подписан. В MODX есть "родной" набор событий и набор событий, которые добавляются с установкой новых компонентов. Примером события может быть публикация ресурса, загрузка страницы, возникновение ошибки "Ресурс не найден" и так далее.