Дизайн
www.figma.com/design/KSvr... Требования
1. Опыт работы с bootstrap 5.3.3 для создания адаптивных интерфейсов.
2. Уверенное знание HTML5 и JavaScript.
3. Продвинутые навыки работы с CSS3, включая Flexbox и Grid.
4. Опыт работы с препроцессором Sass.
5. Опыт работы с модульными загрузчиками и сборщиками, такими как Webpack.
6. Опыт работы с webpack, включая настройку и оптимизацию сборок (webpack, webpack-cli, webpack-dev-server, css-loader, style-loader, sass-loader, postcss-loader, mini-css-extract-plugin, css-minimizer-webpack-plugin, terser-webpack-plugin, autoprefixer, purgecss-webpack-plugin).
7. Опыт оптимизации загрузки и производительности веб-страниц.
8. Умение работать с npm для установки и управления зависимостями.
9. Опыт работы с системами контроля версий(Git).
Нам нужна компонентная, модульная вёрстка с ui-kit на bootstrap.
Компонентная верстка вот описание (изучите, перед тем как предлагать свою кандидатуру)
habr.com/ru/companies/yan... Сам бутстрап является компонентной версткой, компоненты которого нужно только поправить под свой дизайн
вот пример компонентов:
gulp-bootstrap-4.itnots.r... gulp-bootstrap-4.itnots.r... Вот пример компонентной верстки:
getbootstrap.com/ x.com/ Подобных велосипедов, если верстальщик фреймворк знает, он изобретать не будет:
github.com/avtobys/psyai-... есть готовые классы для этого, и их достаточно просто использовать, либо поправить их под дизайн и использовать.
1. шаблонизатор pug не нужен, верстка на html, файлы .html
2. все ресурсы, картинки, шрифты должны быть в каталоге /assets
3. минификация html на проде не нужна, она там и отключена
bootstrap сам из себя представляет готовый набор тех самых компонентов(практически всех UI элементов которые применяются в web).
Подключаемые по усмотрению и необходимости.
Которые кастомизируются под любой дизайн и верстку, в первую очередь sass переменными
getbootstrap.com/docs/5.3... github.com/twbs/bootstrap... Гибко меняются/добавляются/удаляются цвета/темы/размеры любых компонентов и т.д. и т.п
И лишь затем, если что-то невозможно сделать через готовые sass переменные пишется свой код поверх, не дублирующий готовые классы и компоненты.
Когда понимания зачем это нужно нет, нет знаний sass переменных фреймворка и управления компонентами через них, начинаются недопонимания, изобретения велосипедов, код тупо пишется поверх.
Да, важно достаточно хоорошо ЗНАТЬ фреймворк bootstrap изнутри, а не поверхностно лепить что-то поверх.
Если готовы выполнить свяжитесь со мной
t.me/bestdaynow. прислылайте примеры своих работ на бутсрапе 5.3.3