Мы хотим узнать, насколько хорошо вы применяете на практике языки HTML и CSS и разбираетесь в особенностях работы разных браузеров. Для этого мы предлагаем вам сверстать расписание лекций проекта «Мобилизация».
Страница должна быть адаптирована для мобильных браузеров и работать в современных версиях Яндекс.Браузера, Google Chrome, Edge, Firefox, Safari и Opera. По возможности используйте приёмы постепенной деградации CSS. Помимо того, как вы оформите расписание, нам важно оценить, как вы организуете код и сможете оптимизировать результат.
В расписании нужно указать данные для всех трёх школ, а именно:
- школу, для которой читается лекция (или несколько школ для общих лекций);
- тему лекции;
- имя лектора (должна быть возможность получить дополнительную информацию о лекторе, например во всплывающем окне);
- дату и место проведения лекции.
Добавьте в программу 2–3 общие для всех школ лекции и также отобразите их в расписании. Лекции, которые уже прошли, должны быть помечены соответствующим образом. Для них должна быть доступна ссылка на материалы и видеозапись.
Реализуйте фильтрацию по школам, лекторам и датам.
Результат нужно прислать в виде двух ссылок:
- исходный код на GitHub
- результат на gh-pages
Мы понимаем, что предложенные задачи сложно решить только средствами HTML и CSS и допускаем использование JavaScript. Взамен мы хотим увидеть объяснение выбора в пользу того или иного решения.