Верстка компонентная, модульная с ui-kit на bootstrap 5
Дизайн https://www.figma.com/design/KSvrBvPtUUGtn30siNd5d...
Требования
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.
Компонентная верстка - вот описание (изучите, перед тем как предлагать свою кандидатуру) - https://habr.com/ru/companies/yandex_praktikum/art...
Сам бутстрап является компонентной версткой, компоненты которого нужно только поправить под свой дизайн
вот пример компонентов:
https://gulp-bootstrap-4.itnots.ru/ui-1.html
https://gulp-bootstrap-4.itnots.ru/ui-2.html
Вот пример компонентной верстки:
https://getbootstrap.com/
https://x.com/
Подобных велосипедов, если верстальщик фреймворк знает, он изобретать не будет:
https://clck.ru/3Bi259
есть готовые классы для этого, и их достаточно просто использовать, либо поправить их под дизайн и использовать.
1. шаблонизатор pug не нужен, верстка на html, файлы .html
2. все ресурсы, картинки, шрифты должны быть в каталоге /assets
3. минификация html на проде не нужна, она там и отключена
bootstrap сам из себя представляет готовый набор тех самых компонентов(практически всех UI элементов которые применяются в web).
Подключаемые по усмотрению и необходимости.
Которые кастомизируются под любой дизайн и верстку, в первую очередь sass переменными
https://getbootstrap.com/docs/5.3/customize/sass/
https://github.com/twbs/bootstrap/blob/main/scss/_...
Гибко меняются/добавляются/удаляются цвета/темы/размеры любых компонентов и т.д. и т.п
И лишь затем, если что-то невозможно сделать через готовые sass переменные пишется свой код поверх, не дублирующий готовые классы и компоненты.
Когда понимания зачем это нужно нет, нет знаний sass переменных фреймворка и управления компонентами через них, начинаются недопонимания, изобретения велосипедов, код тупо пишется поверх.
Да, важно достаточно хоорошо ЗНАТЬ фреймворк bootstrap изнутри, а не поверхностно лепить что-то поверх.
Если готовы выполнить - свяжитесь со мной https://t.me/bestdaynow. - прислылайте примеры своих работ на бутсрапе 5.3.3
Требования
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.
Компонентная верстка - вот описание (изучите, перед тем как предлагать свою кандидатуру) - https://habr.com/ru/companies/yandex_praktikum/art...
Сам бутстрап является компонентной версткой, компоненты которого нужно только поправить под свой дизайн
вот пример компонентов:
https://gulp-bootstrap-4.itnots.ru/ui-1.html
https://gulp-bootstrap-4.itnots.ru/ui-2.html
Вот пример компонентной верстки:
https://getbootstrap.com/
https://x.com/
Подобных велосипедов, если верстальщик фреймворк знает, он изобретать не будет:
https://clck.ru/3Bi259
есть готовые классы для этого, и их достаточно просто использовать, либо поправить их под дизайн и использовать.
1. шаблонизатор pug не нужен, верстка на html, файлы .html
2. все ресурсы, картинки, шрифты должны быть в каталоге /assets
3. минификация html на проде не нужна, она там и отключена
bootstrap сам из себя представляет готовый набор тех самых компонентов(практически всех UI элементов которые применяются в web).
Подключаемые по усмотрению и необходимости.
Которые кастомизируются под любой дизайн и верстку, в первую очередь sass переменными
https://getbootstrap.com/docs/5.3/customize/sass/
https://github.com/twbs/bootstrap/blob/main/scss/_...
Гибко меняются/добавляются/удаляются цвета/темы/размеры любых компонентов и т.д. и т.п
И лишь затем, если что-то невозможно сделать через готовые sass переменные пишется свой код поверх, не дублирующий готовые классы и компоненты.
Когда понимания зачем это нужно нет, нет знаний sass переменных фреймворка и управления компонентами через них, начинаются недопонимания, изобретения велосипедов, код тупо пишется поверх.
Да, важно достаточно хоорошо ЗНАТЬ фреймворк bootstrap изнутри, а не поверхностно лепить что-то поверх.
Если готовы выполнить - свяжитесь со мной https://t.me/bestdaynow. - прислылайте примеры своих работ на бутсрапе 5.3.3