Блок 02 CSS и начальная домашняя задания: отзывчивый портфель
Адаптивный дизайн гарантирует, что веб -приложения хорошо отображаются на различных устройствах и размерах окна или экрана. Как разработчик, вам, вероятно, будет предложено создать приложение для мобильных устройств или добавить адаптивный дизайн к существующему приложению.
Указания
- Используйте Bootstrap CSS -Framework для создания мобильного адаптивного портфеля. Как вы это доставляете?
- Создайте следующие файлы:
- Используя Bootstrap, разработайте свой сайт портфеля со следующими пунктами a. Навигал б. Отзывчивый макет c. Адаптивные изображения. Портфолио начальной загрузки должен минимизировать использование медиа -запросов.
Подсказки
- Используйте сетку Bootstrap (контейнеры, строки и столбцы).
- На экране
xs контент должен занимать весь экран. На sm и более крупных экранах вы должны иметь немного поля на левой и правой сторонах экрана. Проверьте различные сайты на вашем мобильном устройстве и ваш компьютер, чтобы увидеть примеры этих различий.
- Используйте службу проверки HTML, чтобы убедиться, что каждая страница имеет действительный HTML. Дополнительный небольшой <576px небольшая ≥576px среда ≥768px Большой ≥992px больше большой ≥1200px .container 100% 540px 720px 960px 1140px .container-SM 100% 540px 720px 960px 1140px .container-Md 100% 720px 960px 1140px .container-MD 100% 720px 960px 1140px. 1140px .container-lg 100% 100% 100% 960px 1140px .container-xl 100% 100% 100% 100% 1140px. Контейнер-флюид 100% 100% 100% 100%.
Минимальные требования
o Функциональное, развернутое приложение o Github Repository с Readme, описанием проекта O Navbar, должен быть последовательным на каждой странице. o NAVBAR на каждой странице должен содержать ссылки на Home/About, Contact и Portfolio Pages. o Все ссылки должны работать. o Должен использовать семантический HTML. o Каждая страница должна иметь действительный и правильный HTML. (Используйте службу проверки) o Должен содержать вашу персонализированную информацию. (Био, имя, изображения, ссылки на социальные сети и т. Д.) o Должно правильно использовать компоненты начальной загрузки и систему сетки.
Бонус
- Используя Bootstrap, сделайте липкий нижний колонтитул и используйте подтоги и подколоны на вашем сайте портфеля ( подсказка: Проверьте документацию Bootstrap).
Совершать рано и часто
- Одним из наиболее важных навыков для освоения в качестве веб -разработчика является контроль версий. Создание привычки совершения через GIT важно по двум причинам:
- является сигналом для работодателей, что вы активно работаете над проектами и изучаете новые навыки.
- Позволяет вернуть вашу кодовую базу в случае, если вам нужно вернуться в предыдущее состояние.
Следуйте этим рекомендациям для совершения:
- Сделайте одноцелевые коммиты для связанных изменений, чтобы обеспечить чистую, управляемую историю. Если вы исправляете две проблемы, сделайте два коммита.
- Напишите описательные, значимые сообщения о коммите, чтобы вы и кто -нибудь еще смотрел на ваш репозиторий, могли легко понять его историю.
- Не совершайте работу наполовину, ради ваших сотрудников (и вашего будущего!).
- Проверьте свое приложение, прежде чем принять участие в обеспечении функциональности на каждом этапе процесса разработки.
Мы хотели бы, чтобы у вас было более 200 коммитов по окончании учебы, так что совершайте рано и часто!
Подчинение на BCS
Вам нужно отправить следующее:
- URL -адреса развернутых приложений. Это просто означает URL для каждого файла HTML?
- URL -адреса репозитории GitHub
- Скриншоты предоставляются в качестве ссылки в папке
Assets/Images . Ваше приложение не должно быть точно таким же, как изображения. Используйте начальную загрузку, чтобы создать аналогичный, отзывчивый макет.
C: users Jonpc Google Drive Bootcamp unc-CHH-FSF-PT-03-202020-UC MathCodes.github.io Homework Homework2 readme.md
