Привет! Это Фрилансер по жизни, и я рад представить вам свой стартовый шаблон для комфортной разработки сайтов «Чертоги Фрилансера» 4 (далее — ЧФ4).
Автор шаблона — Евгений Андриканич и сообщество «Фрилансер по жизни».
Слово «чертоги» означает дворец, замок, хоромы. Название происходит от устойчивого выражения «чертоги разума» — места для хранения чего-то важного.
Скачать «Чертоги Фрилансера» 4
Что такое стартовый шаблон (сборка) и для чего он нужен?
Давайте представим обычный процесс подготовки к вёрстке и разработке сайта. Мы создаём иерархию папок и файлов, настраиваем тот или иной сборщик проекта, подключаем основные JS-дополнения для работы и так далее.
А во время разработки каждый раз выполняем одни и те же действия: конвертируем шрифты, оптимизируем картинки, пишем один и тот же код для решения стандартных задач. Ведь меню-бургер, слайдеры, попапы, табы, валидация и отправка форм, спойлеры, галереи и многое другое давно стали неотъемлемой частью любого современного сайта.
Кроме стандартного функционала, нам время от времени приходится решать более сложные задачи, связанные с пожеланиями дизайнера или заказчика, а также дорабатывать стандартные модули под конкретные потребности.
Я больше 10 лет разрабатываю сайты на фрилансе и успел поработать с самыми разными дизайн-макетами, а также со многими заказчиками и их пожеланиями.
По мере решения задач я всячески старался оптимизировать и автоматизировать рутинные процессы, а самые нужные и удачные HTML/CSS/JS-решения складывать в свои чертоги.
Наряду со стандартным функционалом стали появляться и собственные разработки и решения. Например, отзывчивое (адаптивное) свойство, динамический адаптив и другие.
В результате за столько лет накопилось достаточно полезных наработок, чтобы разработка с использованием ЧФ превратилась в сплошное удовольствие.
Удобная архитектура папок и файлов, автоматизация всех рутинных процессов, не только стандартный JS-функционал, но и решения для индивидуальных, уникальных запросов. При этом никакого лишнего кода: подключается только нужный функционал для конкретных страниц проекта. Это делает результат разработки с ЧФ4 максимально оптимизированным и быстрым.
Отвечая на вопрос, что такое стартовый шаблон и зачем он нужен, я приведу три основных пункта:
- Стартовый шаблон «Чертоги Фрилансера» 4 — это сочетание оптимизации и автоматизации рутинных процессов при разработке сайтов. Это база большого количества стандартных и уникальных решений, которые помогут за считаные секунды справиться с множеством возникающих задач.
- ЧФ разработан так, чтобы не притуплять ваши навыки разработки. Найден баланс между готовыми решениями и полным пониманием того, как всё устроено «под капотом». Подробные комментарии в коде также делают ЧФ учебным инструментом для вашего профессионального развития.
- Шаблон «Чертоги Фрилансера» работает с разработчиком, а не вместо него!
Общие возможности «Чертогов Фрилансера» 4
Основная концепция ЧФ4 — максимум функционала при минимальном количестве действий со стороны пользователя. В новой версии я старался автоматизировать всё, что только можно, чтобы дать разработчику возможность сосредоточиться на самой разработке. При этом сборку можно настроить под конкретные потребности.
ЧФ4 умеет самостоятельно настраивать редактор кода VS Code, добавляя сниппеты и настройки псевдонимов; конвертировать и подключать шрифты; конвертировать и оптимизировать изображения; создавать иконочный шрифт и SVG-спрайт. Сборка устанавливает и настраивает CMS WordPress и позволяет вести разработку на реальной системе, используя все возможности шаблона.
В ЧФ4 интегрированы «горячее» подключение HTML/SCSS/JS-компонентов, обработка препроцессоров SASS/SCSS и PUG, широкие возможности работы с HTML, оптимизация и разделение итоговых JS/CSS-файлов по страницам, создание их несжатых версий, а также возможность встраивать критические CSS-стили для наилучшей оптимизации.
Есть возможность работать с React, Vue и Tailwind CSS.
После разработки можно создать страницу проекта со ссылками на все его страницы, сделать ZIP-архив результата и отправить его на удалённый сервер по FTP.
ЧФ4 даже может напомнить, что пора сделать перерыв и отдохнуть ❤️
Подробное описание каждого функционала, его настройки и инструкции по использованию вы найдёте в общей документации ЧФ4.
Инструмент для сборки проекта
«Чертоги Фрилансера» 4 построены на основе современной системы сборки проектов Vite («вит»), которая обеспечивает невероятную скорость с учётом количества функционала.
Компонентный подход ко всему
Каждая часть интерфейса, каждый отдельный эффект и каждый отдельный функционал структурно выделены в папку с собственными HTML/SCSS/JS-файлами. При необходимости компонент мгновенно подключается к проекту при его использовании.
Система глобального логирования (Full Logging System, или FLS)
Я подумал: почему бы не научить функционал ЧФ4 «общаться» с пользователем — сообщать о своей работе в консоли? Это очень удобно в процессе разработки и имеет обучающий эффект. Конечно, этого помощника можно отключить как в режиме разработки, так и в режиме продакшена.
Список будет постоянно пополняться новыми возможностями. Следите за обновлениями. Спасибо за поддержку канала «Фрилансер по жизни» и бесплатного обучающего контента!
Скачать «Чертоги Фрилансера» 4
🤟 Учись, развивайся и помни: живи, а работай в свободное время!