Init

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.
+Соответственно, и экзамен один, в котором два вопроса: на каждый раздел по одному.
+
+Для допуска к экзамену надо защитить все обязательные работы и любую из необязательных на выбор.

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).