Этот сайт
Кейс: Архитектура и разработка данного сайта
Подробный разбор того, как устроено это портфолио. Здесь я использовал возможности Joomla 5 по максимуму: от создания индивидуальных позиций до разработки динамических связей в футере. Узнайте, как организована логика модулей и верстка на Bootstrap 5.
Архитектура Header и Skills
На вводном изображении представлены блоки кода Header и Skills.
Позиция skills — это моя авторская доработка для наглядной демонстрации стека технологий и личных компетенций в удобном формате.
Позиции Hero и Portfolio
Верхняя часть сайта базируется на двух ключевых элементах:
- Hero: Гибкая позиция для вводного контента.
- Portfolio: Динамический блок для вывода работ «под ключ».
Обо мне и динамический Footer
Завершает структуру блок about и системный Footer.
Благодаря кастомной позиции footer-links, ссылки на примеры работ формируются автоматически, обеспечивая удобную навигацию для клиента.
Использование Bootstrap 5 в связке с логикой Joomla 5 позволило создать этот сайт максимально легким. Главное — знать, как распорядиться инструментами разработчика.