Лог Рег    Веб-бар    Доска

Начало

Идея разработки сайта-портфолио пришла мне давно, а первые попытки демонстрировать свои работы свелись к созданию нескольких статических страниц, на одном из своих контентных сайтов. Менять мнение поисковых машин об этом проекте не хотелось, посему все «портфолио» попало в «disallow» файла robot.txt.

Выбор инструментария

Никаких сомнений и раздумий с ПО для разработки нет и быть не могло. Купленная по студенческой скидке «Coda 2» используется для быстрой правки файлов прямо на сервере. Для работы с файлами, кстати, используется актуальная версия ФайлЗиллы. В качестве основной среды разработки выбран «NetBeans», так как платить по подписке за пхпШторм я не планирую, а функционал выбранной IDE для меня даже избыточен. Не забываю про настройку гита, терминал использую отдельный, не встроенный в нетбинс (можно запустить несколько окон крупного размера, а также использовать стрелку вверх, для введения использованных ранее команд).

Фреймворк с привлекательным названием «Laravel» заинтересовал уже давно, но разработываемые на других платформах проекты не позволяли в должной степени ознакомится с ним. Именно интерес к фреймворку, его известность и отличная документация позволили сделать выбор в пользу лары, несмотря на то, что был опыт работы с «codeigniter 3». Другие выжные факторы, повлиявшие на выбор:

  • востребованность ларавель на рынке;
  • огромный опыт разработки на фреймворке моего духовного сенсея (дяди);
  • классный логотип.

 laravel лого

Разработка

Когда подготовительный этап завершился, «Композитор» и фреймворк были установлены, трудности с расположениям файлов решены, маршруты прописаны и уже появился (во многом благодаря различный мануалом и гайдам) каркас приложения, встал вопрос о том, какой должна быть «морда» сайта. Удобной, доступной, понятной.. да. Но и эффектности привнести не помешало бы. Такой эффектности, которая не станет смущать пользователей и создаст приятную визуализацию материалов.

Что используем:

  • Бутстрап. Современное решение, проверенное временем.
  • «Color thief». JS (и не только) библиотека для извлечения доминирующих цветов с изображения. Есть опыт работы, есть идеи по применению в портфолио.

  • «Isotope js». Решение для сортировки и фильтрации блоков в сетке (страница категорий).
  • Другие js-библиотеки, необходимые для работы с выбранными библиотеками (jquery, modernizr, imageloaded и т.д.).

Не обошлось без проблем. Самой интересной оказалась ситуация с регистрами. Макось на локальном компьютере позволяла при разработке указывать пути к классам, без строгой зависимости от регистра. «use App\models\admin\Article;» работал так как «use App\Models\Admin\Article;». На сервере все оказалось сложнее. Дебиан такого безобразия не потерпел, а сенсей строго покарал за такую распущенность и строго наказал называть все папки каталока «App» с большой буквы, как и имена классов (хотя с этим проблем не было). Остальные трудности достаточно просто решались с использованием спокойствия, гугла и своевременного отдыха.

Результаты

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

Временные затраты: восемь рабочих дней и 17 коммитов разной степени паршивости.

статистика с гита

Продолжаем работать.


2017-05-18 15:18:57 123