Знакомство с синтаксисом Vue
Цель: создать демо явления преломления с помощью petite-vue.
Порядок выполнения лабораторной работы:
- Принять задание на Github Classroom и клонировать созданный репозиторий.
- Создать index.html
- Подключить с CDN petite-vue.
- Ознакомиться с возможностями в документации.
- Добавить краткое описание явления и основные формулы как статический html. В footer указать имя (без фамилии и отчества) и группу.
- После описания добавить компонент для демонстрации явления преломления света.
- В демо должны быть ползунки (range) для показателей преломления, ползунок для задания угла падения. Кнопки
+и-для добавления и удаления дополнительных лучей, поле для ввода угла отклонения дополнительных лучей от основного. Цвет среды должен зависить от показателя преломления. Демо должно сразу реагировать на любые изменения в форме. - Удостоверьтесь в том что на input наложены ограничения соответствующие здравому смыслу и законам физики. Поля с вводом валидируйте и показывайте ошибки.
- Зафиксировать результаты работы с помощью системы контроля версий git в репозиторий на github.
- Отправить коммиты на ваш репозиторий в Classroom.
- Отправить работу на хостинг.
Требования
Демо работает, реализовано на petite-vue.
Результат выполнения
Страница с работающей моделю на хостинге и исходным кодом в репозитории на Classroom.