Индивидуальное задание по учебной практике по профессиональному модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений

Ознакомительная лекция, включая инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов.
Пройти инструктивное совещание с руководителем практики от Образовательной организации, на котором ознакомиться с кругом обязанностей по определенным видам работ, связанным с будущей профессиональной деятельностью, а также уточнить правила в отношении субординации, внешнего вида, внутреннего трудового распорядка и режима конфиденциальности.
Пройти инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов (в случае медицинских противопоказаний к выполнению определенных видов деятельности – принести подтверждающую справку из медицинского учреждения).
Изучение дополнительной литературы и методических материалов.
В целях развития профессиональных навыков в разработке и дизайне веб-приложений необходимо ознакомиться с дополнительной литературой и методическими материалами по теме «Веб-приложения»:
Основная литература:
Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 2019. — 52 c. — ISBN 978-5-7782-3939-5. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: https://www.iprbookshop.ru/98738.html
Интернет-ресурсы:
Позевалкин В.В. Разработка веб-приложений на основе клиентских каркасов и библиотек : учебное пособие / Позевалкин В.В., Панова Н.Ф.. — Оренбург : Оренбургский государственный университет, ЭБС АСВ, 2025. — 191 c. — ISBN 978-5-7410-3380-7. — Текст : электронный // Цифровой образовательный ресурс IPR SMART : [сайт]. — URL: https://www.iprbookshop.ru/153228.html
Учебно-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 3. Проектирование, разработка и оптимизация веб-приложений.
Получить практический опыт в:
 использовании специальных готовых технических решений при разработке веб-приложений;
 выполнении разработки и проектирования информационных систем;
 модернизации веб-приложений с учетом правил и норм подготовки информации для поисковых систем;
 реализации мероприятий по продвижению веб-приложений в сети Интернет.
С этой целью для получения практического опыта работы с веб-приложениями на проектном этапе обучающемуся предлагается выполнить следующие практические задания:
Изучить:
 основы HTML: структура документа, теги формы (form, input, textarea, select, button);
 основы CSS: оформление элементов, отступы, Flexbox или Grid, адаптивная верстка;
 основы JavaScript: работа с DOM, обработка событий, создание и удаление элементов;
 механизм localStorage: сохранение и загрузка данных в браузере;
 правила валидации форм и обработка ошибок ввода;
 принципы адаптивного и доступного дизайна (responsive & accessible design);
 использование инструментов разработчика (DevTools, Lighthouse) для проверки производительности и качества.
Выполнить:
 спроектировать структуру данных сущности Request с полями: id, title, description, priority, status, createdAt;
 разработать HTML-страницу с формой добавления заявки (поля: заголовок, описание, приоритет) и списком созданных записей;
 реализовать добавление заявок в список и их сохранение в localStorage, чтобы данные сохранялись после перезагрузки страницы;
 добавить возможность фильтрации по приоритету и поиска по заголовку;
 реализовать функции изменения статуса заявки (New/Done) и удаления записи;
 добавить валидацию формы (обязательные поля, минимальная длина описания);
 обеспечить адаптивность интерфейса для разных устройств;
 провести оптимизацию проекта: проверить производительность и доступность с помощью Lighthouse, устранить выявленные ошибки;
 подготовить краткий отчёт (1–2 страницы) с описанием структуры приложения, скриншотами работы и результатами проверки качества.
Обработка и систематизация полученного фактического материала.
С целью подготовки к сдаче экзамена по модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений осуществить комплексный анализ результатов выполненных видов работ, оформить презентационные материалы, разработать свои предложения и рекомендации на основе сравнения полученных в процессе обучения теоретических знаний с навыками, полученными в период прохождения практики.
Оформление отчетных документов о прохождении учебной практики и экспертная оценка результатов ее прохождения.
Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.
Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.