Отчёт по практике «Реализация сайта в figma и react/django. написать отчет»,
ПМ.05

Цель практики: Формирование и развитие профессиональных компетенций в области проектирования и разработки веб-проектов. Общая компетенция: Разработка прототипа веб-проекта в Figma. Реализация веб-проекта с использованием фреймворка React или Django (на выбор студента). Этапы выполнения задания: Неделя 1: Анализ и проектирование веб-проекта Цель: Создать концепцию и прототип веб-проекта. Задачи: Выбрать тему и функционал веб-проекта (например, личный блог, интернет-магазин, портфолио, информационный портал). Составить техническое задание (ТЗ): Описание целевой аудитории. Перечень функциональных требований (например, формы, навигация, адаптивность). Перечень нефункциональных требований (например, производительность, кроссбраузерность). Разработать прототип сайта в Figma: Создать структуру страниц (Wireframe). Разработать дизайн интерфейса (UI/UX) для минимум 3 ключевых страниц (главная, одна функциональная страница, страница контактов/о проекте). Учесть адаптивность дизайна для десктопной и мобильной версий. Результат: Техническое задание и прототип веб-проекта в Figma (ссылка на проект). Неделя 2: Подготовка к разработке Цель: Подготовить окружение и структуру проекта для реализации. Задачи: Определиться с технологией разработки (React или Django). Настроить рабочее окружение: Установить необходимые инструменты (Node.js, npm/yarn для React; Python, pip, виртуальное окружение для Django). Настроить систему контроля версий (Git, создание репозитория на GitHub/GitLab). Разработать архитектуру проекта: Для React: спроектировать компонентную структуру (компоненты, их взаимодействие). Для Django: спроектировать модели данных, структуру URL и шаблонов. Реализовать базовую структуру проекта (например, базовые компоненты в React или базовые шаблоны в Django). Результат: Настроенное окружение, репозиторий с базовой структурой проекта. Неделя 3: Реализация веб-проекта Цель: Реализовать функционал веб-проекта на основе прототипа. Задачи: Реализовать фронтенд-часть проекта: Перенести дизайн из Figma в код (HTML/CSS или JSX для React, шаблоны для Django). Обеспечить адаптивность интерфейса. Реализовать функциональные возможности: Для React: настроить роутинг (React Router), реализовать динамические компоненты, подключить API (если требуется). Для Django: настроить модели, представления (views), формы, подключить базу данных (SQLite/PostgreSQL). Провести тестирование: Проверить корректность отображения на разных устройствах. Убедиться в работоспособности всех функций (например, отправка форм, переход по страницам). Результат: Рабочая версия веб-проекта с реализованным функционалом. Неделя 4: Тестирование, доработка и подготовка отчета Цель: Завершить проект, устранить ошибки и подготовить документацию. Задачи: Провести финальное тестирование: Проверить проект на ошибки (валидность кода, кроссбраузерность, производительность). Исправить выявленные недочеты. Оптимизировать проект: Для React: минимизировать размер бандла, оптимизировать загрузку ресурсов. Для Django: оптимизировать запросы к базе данных, настроить кэширование (если применимо). Подготовить документацию: Описание проекта (цели, функционал, использованные технологии). Инструкция по запуску и развертыванию проекта. Ссылка на репозиторий и прототип в Figma. Подготовить отчет о практике: Описать выполненные задачи, приобретенные навыки, возникшие трудности и их решение. Приложить скриншоты прототипа и готового проекта. Результат: Готовый веб-проект, развернутый локально или на хостинге (если требуется). Документация и отчет о практике. Презентация проекта (опционально, в зависимости от требований). Критерии оценки: Качество прототипа в Figma: Соответствие современным стандартам UI/UX. Наличие адаптивного дизайна. Качество реализации проекта: Корректная работа функционала. Чистота и структурированность кода. Соответствие прототипу. Документация и отчет: Полнота описания. Наличие всех необходимых инструкций. Соблюдение сроков: Выполнение задач в рамках указанных недель.