Верстка компонентная, модульная с ui-kit на bootstrap 5

Бюджет: 150 000 руб
1 906.02 $ – 1 673.56 €
Дизайн 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
Опубликован 19.07.2024 в 12:02 Последнее изменение: 19.07.2024 в 14:55

Выберите способ верификации:

Обновите страницу после прохождения верификации.