Верстка компонентов bootstrap в среде angular

Цена договорная
25 июня 2022, 14:27 • 4 отклика • 57 просмотров
Цель:

Настроить проект на Angular + Bootstrap (подготовить основу), подогнать Bootstrap под Style Guide из Figma

Общие требование:

1. Подготовить проект на Angular
2. Подключить Angular bootstrap
3. Использовать последние версии Angular + Bootstrap
4. Подготовить (Подогнать) Bootstrap по Style Guide, максимально использовать variable.scss, overlay стилей только в крайних случаях
5. Использовать Dart SASS (не node-sass), использоваться PostCSS и такие плагины как autoprefixer и PostCSS RTLCSS

Требования по верстке:

1. Профессиональные знания HTML 5 + CSS3 (sass)
2. Знание Bootstrap и умение настройки ядра (переменные бутстрапа)
3. Четкое соответствие с дизайном
4. Использование SVG иконок
5. Использование модульности в стилях (разделение компонентов по файлам, включая переменные), использование переменных всех возможных css properties особенно цветов
6. Четкое понимание WCAG (aria тегов, html семантики)
7. Создание стилей под все события (focus, active, hover, disabled)


Отдельное требование:

Быть готовым к следующему этапу разработки, так-как данная работа является частью большого проекта, и переход к следующему этапу будет выполнен только при успешном завершении данного этапа.


Ссылка на Figma:

https://www.figma.com/file/WX4Ud5JeRtMsnpPSPerMQF/Alechko

Проект будет принят в соответствии с выше перечисленными требованиями, желательно проводить скрин шер на этапах разработки, чтобы быть в курсе дела, под конец проекта будет выполнен финальный скриншер и разбор проекта на компьютере исполнителя для проведения ревью кода, после проверки соответствия будут переведены средства и проект заказчику или отправлен на доработку если позволят сроки.
Полный срок два дня