Практика по курсу "Web-ориентированное программирование"

При оценке результатов практических занятий используется балльно-рейтинговая система. За выполнение каждого из обязательных перечисленных ниже заданий можно получить от 1 до указанного для него максимального количества баллов, в зависимости от качества его выполнения. Однако этих заданий не хватит для получения проходного балла, поэтому по каждой из тем можно выполнить собственное оригинальное дополнительное задание, которое оценивается от 3 до 5 баллов, но не более одного собственного проекта по каждой из тем. Всего 4 темы, задания из списка могут дать максимум 20 баллов. Проходной балл - 30. Студенты, не набравшие нужное количество баллов, для получения зачёта должны будут пройти устное собеседование по темам лекционного курса.

Разрешается (и приветствуется) использовать для выполнения заданий собственные ноутбуки (которые могут работать с Microsoft Visual Studio). 

Тема 1. HTML + CSS + JavaScript

Тема 1. Классические HTML + CSS + JavaScript.

Задание 1.1. "Конфетти". Создайте web-страницу, на которой, щёлкая мышкой, можно вывести круг случайного цвета и размера с центром в указанном мышкой месте. Пользуйтесь HTML, CSS и JavaScript. Максимальный балл - 1.

Задание 1.2. Создайте, используя чистый JavaScript, HTML и CSS, web-страницу, которая показывает текущую дату и время, и время, которое осталось до наступления какой-либо важной даты. Оценивается дизайн страницы, желательно использование динамических эффектов. Допустимо вместо цифровых часов создать стрелочные. Время "до наступления важной даты" следует оформить фразой типа "до Нового года осталось 364 дня, 10 часов, 15 минут", обратив внимание на автоматическую коррекцию склонений слов. Максимальный балл - 2.

Задание 1.3. Создать одностраничное приложение "Интеллектуальный планировщик задач (todo-list)" , которое должно включать в себя:

а) базовый CRUD-функционал (создать задачу, просмотреть список задач, изменить задачу, удалить задачу);

б) расширенный функционал: указать временные рамки выполнения задачи, отметить статус задачи (активная, выполненная досрочно, в срок либо просроченная и т.п.), дать возможность пользователю фильтровать задачи по какому-либо критерию (статус, важность, тематика и т.п.). Максимальный балл - 4.