From 8cfe3a48d0bdb2c6e9730cfbed6977d2daea4021 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?= =?UTF-8?q?=D0=9C=D0=BE=D0=B8=D1=81=D0=B5=D0=B5=D0=B2?= Date: Fri, 17 Feb 2023 10:56:14 +0400 Subject: [PATCH] Init --- README.md | 37 +++++++++++++++++++++ lw01/README.md | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 126 insertions(+) create mode 100644 README.md create mode 100644 lw01/README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..cc89edc --- /dev/null +++ b/README.md @@ -0,0 +1,37 @@ +# Интернет-программирование, ИС, УлГТУ, 2022-2023 + +Репозиторий для дисциплины Интернет-Программирование для кафедры ИС УлГТУ, 2022-2023 учебный год. + +## Правила оформления и сдачи лабораторных работ + +1. Лабораторные работы выполняются в аудитории или дистанционно. +2. Посещать лабораторные занятия обязательно только для сдачи работ. +3. Лабораторная работа считается завершённой, если в [таблице с прогрессом](https://disk.yandex.ru/i/P3tpkqqVJWgmKg) есть об этом отметка. +4. Для выполнения п.3 необходимо показать преподавателю выполненное задание во время лабораторного занятия. +5. Во время защиты лабораторной работы преподаватель может спрашивать или просить что-то исправить по теме Вашей работы. +6. Иных отчётов помимо Вашего кода или других артефактов, необходимых для выполнения задания, предоставлять не надо. +7. Крайне не рекомендуется затягивать с выполнением лабораторных работ, т.к. их выполнение и защита должны быть последовательны. + +## Лабораторные работы + +Обязательные лабораторные работы: + +* [Лабораторная работа №1 - Создание макета сайта (Figma)](/lw01/README.md) +* [Лабораторная работа №2 - Вёрстка сайта (HTML, CSS)](/TODO/README.md) +* [Лабораторная работа №3 - Динамика сайта (JavaScript)](/TODO/README.md) +* [Лабораторная работа №4 - Разворачивание локального веб-сервера (PHP)](/TODO/README.md) +* [Лабораторная работа №5 - Создание веб-приложения при помощи ASP.NET Core](/TODO/README.md) + +Лабораторные работы на выбор: + +* [Лабораторная работа №F1 - Одностраничное приложение (React)](/TODO/README.md) +* [Лабораторная работа №F2 - Получение данных через API (Fetch)](/TODO/README.md) +* [Лабораторная работа №B1 - Изучение шаблона проектирования MVC](/TODO/README.md) +* [Лабораторная работа №B2 - Разработка чат-бота для Telegram](/TODO/README.md) + +## Правила допуска до экзамена + +Так как у ИСЭ дисциплина идёт всего 1 семестр, то в нём есть элементы как frontend, так и backend. +Соответственно, и экзамен один, в котором два вопроса: на каждый раздел по одному. + +Для допуска к экзамену надо защитить все обязательные работы и любую из необязательных на выбор. diff --git a/lw01/README.md b/lw01/README.md new file mode 100644 index 0000000..13d51e9 --- /dev/null +++ b/lw01/README.md @@ -0,0 +1,89 @@ +# Лабораторная работа №1 - Создание макета сайта (Figma) + +## Цель работы + +Освоение средств прототипирования веб-приложений. + +## Ход выполнения работы + +1. Выбрать тематику своего будущего сайта. +2. Зарегистрироваться в Figma или аналоге. +3. Создать макет сайта согласно требованиям. + +## Выбор тематики будущего веб-сайта + +В рамках данного курса вам необходимо будет создать небольшое веб-приложение. + +> Разработка таких приложений обычно делятся на 2 части: разработка frontend и backend. +> +> Frontend - это то, как веб-приложение (или веб-сайт) выглядит для пользователя. +> То есть визуальные стили, шаблоны страниц и т.д. +> +> Backend - это то, как веб-приложение работает внутри. +> То есть взаимодействие веб-сервера с системами управления базами данных, обработка логики приложения и т.д. + +В рамках данной лабораторной работы важно определиться с тематикой будущего сайта. + +На этом этапе рекомендуется ознакомиться с возможными аналогами и понять, какая тематика ближе вам. +Какой веб-сайт вам хочется сделать? +Такой и попробуйте. + +Примерный список тем для сайтов предыдущих лет: + +1. Портал медицинского учреждения. +2. Книжный интернет-магазин. +3. Автосервис. +4. Электронный дневник школьника. +5. Электронный журнал в вузе. +6. Учёт продукции на складе. +7. Домашний бюджет. +8. Гостиница. +9. Учёт вычислительной техники. +10. Суши-бар. +11. Строительная фирма. +12. Фирма по ремонту компьютерной техники. +13. Библиотека. +14. Отдел кадров. +15. Доска объявлений. +16. Фотогалерея. +17. Форум. +18. Новостной блог. +19. Учёт состояния здоровья сотрудников предприятия. +20. Компьютерная игра. + +> Крайне рекомендуется, чтобы тема у вас не повторялась с другими студентами вашей группы. +> Преподаватель в таком случае может попросить изменить или самостоятельно назначить тему веб-приложения. + +## Регистрация в Figma + +В этой работе требуется создать макет будущего сайта. +Для этого существует множество программ, позволяющих прототипировать интерфейс. + +Например, [Figma](https://www.figma.com/). +Чтобы создавать свой макет, там надо зарегистрироваться (Sign up). +К сожалению, приложение работает только на английском языке. +Однако, оно запускается прямо в браузере (в отличие от того же Adobe XD, который работает только под mac или windows и стал платным). + +> В качестве альтернативы можете использовать Gimp, Adobe XD, Adobe Photoshop. + +## Требования к макету + +1. Два frame: для desktop и для мобильного устройства (например, iPhone 14). +2. На макете должны быть следующие блоки: + - Блок с ссылками. Например, шапка сайта. + Ссылки можно оформить в виде текста с подчёркиванием. + - Блок с компонентами. + На каждом компоненте можно использовать svg-иконку. + Компоненты необходимо расположить в несколько столбцов для desktop-версии. + - Блок с таблицей. + Для мобильной версии можно добавить горизонтальную прокрутку. + - Блок с формой. + Элементы формы для desktop-версии можно расположить в несколько столбцов. + Для мобильной - в один. +3. Обязательно черновик должен быть переименован в формат `Фамилия Имя, группа`. + +## Сдача лабораторной работы + +Для очной защиты достаточно показать работающий макет преподавателю. + +В случае дистанционной сдачи л/р необходимо скинуть ссылку на макет (проверьте её в режиме инкогнито / приватного окна) в [эту форму](https://forms.yandex.ru/u/63eef4a8d046880f47ffe776/) и написать об этом в [чате telegram](https://t.me/+MGRd5PxIoV83NTgy).