Советы начинающим в изучении CMS ModX
Советы для начинающих:
Установите редакторы, подсвечивающие код и облегчающие чтение кода. Рекомендую Ace
Для закачки файлов на сервер установите Filezilla
Установите подсветку синтаксиса через Ace.
Читайте официальную документацию и другие источники полезной информации, другие блоги (см.ссылки), общайтесь в сообществах, в MIRC канале #modx, #xpdo. Не бойтесь задавать вопросы, все когда-то начинали с нуля.
Изучайте новые инструменты и приёмы не только MODX, но и веб-разработки. Изучайте HTML5, CSS3, jQuery, sql, Seo и др. Читайте хабр, Codrops, смотрите что нового на Creattica
Научитесь пользоваться хотя бы несколькими редакторами кода и ПОСТОЯННО совершенствуйте навыки их использования, в основном я использую Text Sublime 2
Научитесь пользоваться Chrome Developer Tool или Mozilla Firebug.
Повышайте продуктивность, автоматизируйте рутинные задачи. Пример, использование Emmet для редактора Sublime, одна строка сгенерирует целую страницу:
html:5>(header>div#banner>(a[href=page$.htm]>img[src="path$.jpg"])*3)+(aside>ul>li>p*3>lorem)+(article.module*4>p*2>lorem)+footer>ul>li>a[href="#"]*5
Результатом такой короткой записи будет:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <header> <div id="banner"> <a href="page1.htm"><img src="path1.jpg" alt=""></a> <a href="page2.htm"><img src="path2.jpg" alt=""></a> <a href="page3.htm"><img src="path3.jpg" alt=""></a> </div> </header> <aside> <ul> <li> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut suscipit laboriosam autem quo veritatis fugit, labore. Sapiente, quo, et. Aut laboriosam nihil autem voluptate quae. Earum in, suscipit sint eum.</p> <p>Error reprehenderit nihil, voluptatem eius iusto veniam maiores dicta quibusdam, natus repellat quaerat earum atque, eaque minima quia animi iure dolorem doloremque. Nulla autem cupiditate ullam fugiat, et impedit dolorum.</p> <p>Labore distinctio, dignissimos totam molestiae commodi ea neque pariatur fugit voluptates a sit laboriosam, minima! Aut laborum eum inventore eos accusamus voluptates molestias, laboriosam, sint nemo nam voluptate? Modi, nihil.</p> </li> </ul> </aside> <article class="module"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat, qui. Aspernatur repudiandae voluptatibus molestiae reprehenderit eligendi dolor fuga. Laudantium a, architecto quidem maiores nostrum suscipit iure laborum omnis porro quasi?</p> <p>Voluptates ea, nulla eaque. Ipsum aliquam optio, culpa recusandae vitae asperiores, illo amet molestiae explicabo unde quisquam itaque beatae dignissimos tempora autem. Ut eum et, odio sit quis cupiditate quasi.</p> </article> <article class="module"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet dolores, doloremque quia, labore voluptas vel, voluptate commodi eaque obcaecati ducimus, voluptatem tempora veniam repellendus. In repellendus optio eligendi quos doloribus.</p> <p>Quam fugit, enim accusamus porro voluptas odit culpa qui tempora non aliquam eos, aperiam impedit assumenda, error asperiores ex corporis earum at vitae ipsum incidunt. Quidem quas nesciunt magni! Possimus.</p> </article> <article class="module"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, accusantium quibusdam autem. Distinctio tenetur eum, delectus natus expedita eveniet quasi recusandae amet labore deserunt repellat repudiandae reprehenderit. Enim minima, quia?</p> <p>Possimus esse rem vel vero delectus sit impedit eveniet aliquam qui obcaecati at tempore voluptatibus voluptas ad minima amet error, repudiandae consequatur placeat sed praesentium, eligendi sequi adipisci laboriosam. Iusto?</p> </article> <article class="module"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias molestiae aliquam quo unde iure tempora distinctio quos dolor, inventore labore itaque velit, repellat, ea ipsa aspernatur saepe rerum necessitatibus, ipsam.</p> <p>Veniam rerum tenetur quisquam vero impedit dolores aut, maiores eligendi nostrum ea iusto incidunt commodi laudantium enim accusamus molestias, labore quam velit magni repellendus, deserunt beatae! Beatae tempora magnam quaerat.</p> </article> <footer> <ul> <li> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </li> </ul> </footer> </body> </html>
Что не нужно делать начинающему работу с MODX:
Не устанавливайте редактор WYSIWYG TinyMCE и аналогичные для "облегчения" набора содержания ресурса. Контент-менеджер ДОЛЖЕН знать HTML и уметь его использовать иначе "красоты ради" вы будете иметь страницы заполненые H1 текстом полностью (кто не понимает, скажу просто - это плохо). HTML нужно знать и уважать.
Не копируйте куски кода найденные где-то на форумах, в сообществах и в моём блоге бездумно. Попробуйте набрать их руками и осмыслить что к чему.
Не задавайте со старта вопросы, если что-то не выходит, попробуйсте найти самостоятельно ошибку, тогда вы её точно запомните и не сделаете снова.
Не сидите постоянно за компьютером, выходите чаще на улицу. Удалите все игры и избавьтесь от пожирателей времени как ТВ, WoW, вконтакт, одноклассники и др. Веб-разработка, как и любая другая работа требует усилий, если думаете, что без труда наловишь кучу рыбы в "энторнете", то должен вас разочаровать...