Безопасность веб-приложений. Лабораторка №2

Схема сдачи

1. Получить задание
2. Сделать форк данного репозитория
3. Выполнить задание согласно полученному варианту
4. Сделать PR (pull request) в данный репозиторий
5. Исправить замечания после code review
6. Получить approve
7. Прийти на занятие и защитить работу

Что нужно проявить в работе:

• умение разработать завершенное целое веб-приложение, с клиентской и серверной частями (допустимы открытые АПИ)
• навыки верстки на html в объеме 200-300 тегов
• навыки применения css для лейаута и стилизации, желательно с адаптацией к мобилке
• использование jQuery или аналогичных JS-фреймворков
• динамическая подгрузка контента
• динамическое изменение DOM и CSSOM

Если у вас своя идея по заданию, то расскажите, обсудим и подкорректирую.

Вариант 1. Расписания

Сделать аналог раздела https://ssau.ru/rasp?groupId=531030143

Какие нужны возможности:

• справочники групп, табличные данные по расписаниям добывать с настоящего сайта на серверной стороне приложения
• в клиентскую часть подгружать эти сведения динамически по JSON-API
• обеспечить возможность смотреть расписания в разрезе группы или препода
• обеспечить возможность выбора учебной недели (по умолчанию выбирается автоматически)

Вариант 2. Аналог Прибывалки для электричек

Сделать веб-версию Прибывалки, только для электричек

Какие нужны возможности:

• находить желаемую ЖД-станцию поиском по названию или по карте
• отображать расписания всех проходящих поездов через выбранную станцию
• отображать расписания для поездов между двумя станциями
• работа через АПИ Яндекс.Расписаний https://yandex.ru/dev/rasp/doc/ru/ (доступ получите сами)
• хорошая работа в условиях экрана смартфона
• бонус: функция "любимых остановок"

Вариант 3. Прогноз погоды

Сделать одностраничный сайт с картой, на которой можно выбрать населенный пункт и получить прогноз погоды на несколько дней по нему.

Какие нужны возможности:

• увидеть на карте точки с населенными пунктами. Координаты населенных пунктов взять из https://tochno.st/datasets/allsettlements - но все 150 тысяч не нужно, выберите 1 тысячу с самым большим населением.
• при нажатии на точку получить всплывающее окошко с графиками изменения температуры, осадков, силы ветра. API для прогнозов возьмите с https://projecteol.ru/ru/ с соблюдением правил.
• графики рисовать каким-нибудь приличным компонентом, например, https://www.chartjs.org/
• находить населенный пункт по названию
• можете реализовать с собственным серверным компонентом или придумать, как обойтись без него