Учебная практика | ПМ.03 | Проектирование, разработка и оптимизация веб-приложений, 7 семестр, Синергия — часть 1

Описание

Индивидуальное задание
по учебной практике
по профессиональному модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений
обучающегося группы
шифр и номер группы
____________________ _______________________
(Ф.И.О.)
№ п/п Виды работ Период выполнения работ
1. Ознакомительная лекция, включая инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов.
Пройти инструктивное совещание с руководителем практики от Образовательной организации, на котором ознакомиться с кругом обязанностей по определенным видам работ, связанным с будущей профессиональной деятельностью, а также уточнить правила в отношении субординации, внешнего вида, внутреннего трудового распорядка и режима конфиденциальности.
Пройти инструктаж по соблюдению правил противопожарной безопасности, правил охраны труда, техники безопасности, санитарно-эпидемиологических правил и гигиенических нормативов (в случае медицинских противопоказаний к выполнению определенных видов деятельности – принести подтверждающую справку из медицинского учреждения).
2. Изучение дополнительной литературы и методических материалов.
В целях развития профессиональных навыков в разработке и дизайне веб-приложений необходимо ознакомиться с дополнительной литературой и методическими материалами по теме «Веб-приложения»:
Основная литература:
Вагин, Д. В. Современные технологии разработки веб-приложений : учебное пособие / Д. В. Вагин, Р. В. Петров. — Новосибирск : Новосибирский государственный технический университет, 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. Учебно-практическая работа. Приобретение необходимых умений и первоначального опыта практической работы по специальности в рамках освоения вида деятельности ВД 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 страницы) с описанием структуры приложения, скриншотами работы и результатами проверки качества.
4. Обработка и систематизация полученного фактического материала.
С целью подготовки к сдаче экзамена по модулю ПМ.03 Проектирование, разработка и оптимизация веб-приложений осуществить комплексный анализ результатов выполненных видов работ, оформить презентационные материалы, разработать свои предложения и рекомендации на основе сравнения полученных в процессе обучения теоретических знаний с навыками, полученными в период прохождения практики.
5. Оформление отчетных документов о прохождении учебной практики и экспертная оценка результатов ее прохождения.
Оформить отчет по практике в формате презентации PowerPoint, содержащий базовую и информационно-вспомогательную информацию, согласно Приложению 1.
Разместить полностью оформленный комплект отчетной документации по практике в электронной информационно-образовательной среде Университета «Синергия» на платформе lms.synergy.ru руководителю практики от Образовательной организации для экспертной оценки результатов ее прохождения.
Обучающийся индивидуальное задание получил: 22559