Участник:Попов Арсений Павлович: различия между версиями

Материал из СГУ WIKI
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
[[Категория:Web-интеграция 2025]]
[[Категория:Web-интеграция 2025]]


== Обо мне ==
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px 30px; border-radius: 15px; margin: 30px 0; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);">
Привет! Меня зовут Арсений, я студент группы 141Б-ПИо. Увлекаюсь веб-разработкой и изучением современных технологий.
<div style="color: #f0f0f0; font-size: 1.1em; text-align: center; line-height: 1.6; max-width: 700px; margin: 0 auto;">
Здесь код встречается с кофеином, а абстрактные алгоритмы превращаются в работающие продукты. Смотрю на web как на конструктор, где каждый элемент имеет свою роль.
</div>
<div style="text-align: center; margin-top: 20px;">
[[Файл:CupOfCoffee.jpg|200px|Код, кофе, повтор]]
</div>
</div>


== Ссылки ==
== Зачем эта страница существует ==
* [https://aermolenko.ru/2012/03/laboratornaya-rabota-znakomstvo-s-tehnologiej-wiki/ Лабораторная работа: Знакомство с технологией Wiki]


* [https://chat.deepseek.com/ DeepSeek Chat]
Большинство студенческих Wiki-страниц выглядят как резюме, написанное в 3 часа ночи перед дедлайном. Эта — попытка сделать иначе. Здесь собрано то, что действительно важно: '''проекты''', которые не стыдно показать, '''расписание''', которое определяет мою жизнь на ближайший семестр, и '''ссылки''', которые я открываю чаще, чем социальные сети.
* [https://www.freecodecamp.org/ freeCodeCamp]
* [https://lifehacker.com/ Lifehacker — советы по продуктивности и технологиям]


== Одногруппники ==
Если вы случайно сюда попали — добро пожаловать в цифровой блокнот человека, который всё ещё разбирается, как работает интернет изнутри.
* [[Участник:Хмельницкий Роман Сергеевич|Криптоинвестор]]
* [[Участник:Иванов Егор Ильич|Джек Воробей]]
* [[Участник:Уткин Венедикт Максимович|Заводчанин]]


== Приятное фото ==
== Проекты, которые не провалились ==
[[Файл:CupOfCoffee.jpg|thumb|200px|center|Чашка любимого кофе ❤️]]


== Расписание ==
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;">
{| class="wikitable" style="text-align:center; background-color:#ffffff; border:2px solid #2980B9; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 30px auto; width: 85%; box-shadow: 0 6px 12px rgba(41, 128, 185, 0.3); border-radius: 10px; overflow: hidden;"
 
! style="background-color:#2980B9; color:#FFFFFF; font-weight: 700; font-size: 1.2em; padding: 14px 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);" | День недели
<div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 25px; border-radius: 12px; box-shadow: 0 8px 25px rgba(240, 147, 251, 0.35); transition: transform 0.3s ease;">
! style="background-color:#2980B9; color:#FFFFFF; font-weight: 700; font-size: 1.2em; padding: 14px 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);" | Предмет
<div style="color: #ffffff; font-size: 1.4em; font-weight: 700; margin-bottom: 12px;">Eco Home— Tilda</div>
! style="background-color:#2980B9; color:#FFFFFF; font-weight: 700; font-size: 1.2em; padding: 14px 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);" | Аудитория
<div style="color: #f5f5f5; line-height: 1.6; font-size: 0.95em; margin-bottom: 15px;">
Экологичный мобильный сервис по уборке и переработке бытовых отходов с выездом на дом.
</div>
<div style="text-align: center;">
[http://project15031606.tilda.ws <span style="display: inline-block; background: rgba(255,255,255,0.2); color: #ffffff; padding: 10px 20px; border-radius: 8px; font-weight: 600; text-decoration: none;">Смотреть на Tilda →</span>]
</div>
</div>
 
<div style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); padding: 25px; border-radius: 12px; box-shadow: 0 8px 25px rgba(67, 233, 123, 0.35);">
<div style="color: #ffffff; font-size: 1.4em; font-weight: 700; margin-bottom: 12px;">Morph Landing — WordPress</div>
<div style="color: #f5f5f5; line-height: 1.6; font-size: 0.95em; margin-bottom: 15px;">
Эксперимент с концепцией апсайклинга одежды через ИИ. Cypress-Organic эстетика, где минимализм встречается с глитч-артом.
</div>
<div style="text-align: center;">
[https://arsemiipopov8484-fqpkm.wordpress.com <span style="display: inline-block; background: rgba(255,255,255,0.2); color: #ffffff; padding: 10px 20px; border-radius: 8px; font-weight: 600; text-decoration: none;">Смотреть на WordPress →</span>]
</div>
</div>
 
<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 25px; border-radius: 12px; box-shadow: 0 8px 25px rgba(79, 172, 254, 0.35);">
<div style="color: #ffffff; font-size: 1.4em; font-weight: 700; margin-bottom: 12px;">Wiki Research</div>
<div style="color: #f5f5f5; line-height: 1.6; font-size: 0.95em; margin-bottom: 15px;">
Исследование того, как Wiki-платформы справляются с хранением знаний лучше, чем 90% корпоративных систем.
</div>
<div style="text-align: center;">
[[Современные Web-технологии|<span style="display: inline-block; background: rgba(255,255,255,0.2); color: #ffffff; padding: 10px 20px; border-radius: 8px; font-weight: 600;">Читать исследование →</span>]]
</div>
</div>
 
<div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); padding: 25px; border-radius: 12px; box-shadow: 0 8px 25px rgba(250, 112, 154, 0.35);">
<div style="color: #ffffff; font-size: 1.4em; font-weight: 700; margin-bottom: 12px;">JS Framework Deep Dive</div>
<div style="color: #f5f5f5; line-height: 1.6; font-size: 0.95em; margin-bottom: 15px;">
Анализ библиотек и фреймворков, которые определяют современную фронтенд-разработку. От React до экзотики.
</div>
<div style="text-align: center;">
[[Библиотеки и фреймворки JS|<span style="display: inline-block; background: rgba(255,255,255,0.2); color: #ffffff; padding: 10px 20px; border-radius: 8px; font-weight: 600;">Погрузиться →</span>]]
</div>
</div>
 
</div>
 
== Расписание: где меня искать ==
 
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 3px; border-radius: 12px; margin: 25px 0; box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25);">
{| class="wikitable" style="text-align:center; background-color:#ffffff; border:none; font-family: 'Segoe UI', system-ui, sans-serif; margin: 0; width: 100%; border-radius: 10px; overflow: hidden;"
! style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#FFFFFF; font-weight: 700; font-size: 1.15em; padding: 16px 10px; border: none;" | День
! style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#FFFFFF; font-weight: 700; font-size: 1.15em; padding: 16px 10px; border: none;" | Предмет
! style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#FFFFFF; font-weight: 700; font-size: 1.15em; padding: 16px 10px; border: none;" | Где
|-
|-
| style="background: linear-gradient(135deg, #85C1E9, #2E86C1); color:#1B2631; font-weight: 600; font-size: 1.1em; padding: 12px; border-right: 2px solid #2980B9; box-shadow: inset 2px 0 5px rgba(255,255,255,0.2);" | Понедельник
| style="background: linear-gradient(90deg, #e0c3fc 0%, #8ec5fc 100%); color:#2d3436; font-weight: 700; padding: 14px; font-size: 1.05em; border: none;" rowspan="2" | ПН
| style="padding: 12px; font-size: 1em; color:#34495E;" | Алгоритмы и структуры данных
| style="padding: 14px; color:#2d3436; border: none;" | Алгоритмы и структуры данных
| style="padding: 12px; font-size: 1em; color:#34495E; font-weight: 600;" | 305/1
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 305/1
|-
|-
| style="background: linear-gradient(135deg, #85C1E9, #2E86C1); border-right: 2px solid #2980B9;" |
| style="padding: 14px; color:#2d3436; border: none;" | История
| style="padding: 12px; font-size: 1em; color:#34495E;" | История
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 210/2
| style="padding: 12px; font-size: 1em; color:#34495E; font-weight: 600;" | 210/2
|-
|-
| style="background: linear-gradient(135deg, #A9DFBF, #27AE60); color:#145A32; font-weight: 600; font-size: 1.1em; padding: 12px; border-right: 2px solid #229954; box-shadow: inset 2px 0 5px rgba(255,255,255,0.2);" | Вторник
| style="background: linear-gradient(90deg, #a1c4fd 0%, #c2e9fb 100%); color:#2d3436; font-weight: 700; padding: 14px; font-size: 1.05em; border: none;" rowspan="2" | ВТ
| style="padding: 12px; font-size: 1em; color:#196F3D;" | Компьютерные сети
| style="padding: 14px; color:#2d3436; border: none;" | Компьютерные сети
| style="padding: 12px; font-size: 1em; color:#196F3D; font-weight: 600;" | 415/1
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 415/1
|-
|-
| style="background: linear-gradient(135deg, #A9DFBF, #27AE60); border-right: 2px solid #229954;" |
| style="padding: 14px; color:#2d3436; border: none;" | Философия
| style="padding: 12px; font-size: 1em; color:#196F3D;" | Философия
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 318/2
| style="padding: 12px; font-size: 1em; color:#196F3D; font-weight: 600;" | 318/2
|-
|-
| style="background: linear-gradient(135deg, #FCF3CF, #F1C40F); color:#7D6608; font-weight: 600; font-size: 1.1em; padding: 12px; border-right: 2px solid #B7950B; box-shadow: inset 2px 0 5px rgba(255,255,255,0.2);" | Среда
| style="background: linear-gradient(90deg, #ffecd2 0%, #fcb69f 100%); color:#2d3436; font-weight: 700; padding: 14px; font-size: 1.05em; border: none;" rowspan="2" | СР
| style="padding: 12px; font-size: 1em; color:#7D6608;" | Архитектура ЭВМ
| style="padding: 14px; color:#2d3436; border: none;" | Архитектура ЭВМ
| style="padding: 12px; font-size: 1em; color:#7D6608; font-weight: 600;" | 201/1
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 201/1
|-
|-
| style="background: linear-gradient(135deg, #FCF3CF, #F1C40F); border-right: 2px solid #B7950B;" |
| style="padding: 14px; color:#2d3436; border: none;" | Экономика
| style="padding: 12px; font-size: 1em; color:#7D6608;" | Экономика
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 222/2
| style="padding: 12px; font-size: 1em; color:#7D6608; font-weight: 600;" | 222/2
|-
|-
| style="background: linear-gradient(135deg, #F4ECF7, #8E44AD); color:#512E5F; font-weight: 600; font-size: 1.1em; padding: 12px; border-right: 2px solid #6C3483; box-shadow: inset 2px 0 5px rgba(255,255,255,0.2);" | Четверг
| style="background: linear-gradient(90deg, #d299c2 0%, #fef9d7 100%); color:#2d3436; font-weight: 700; padding: 14px; font-size: 1.05em; border: none;" rowspan="2" | ЧТ
| style="padding: 12px; font-size: 1em; color:#512E5F;" | Информатика
| style="padding: 14px; color:#2d3436; border: none;" | Информатика
| style="padding: 12px; font-size: 1em; color:#512E5F; font-weight: 600;" | 408/1
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 408/1
|-
|-
| style="background: linear-gradient(135deg, #F4ECF7, #8E44AD); border-right: 2px solid #6C3483;" |
| style="padding: 14px; color:#2d3436; border: none;" | Лабораторная по программированию
| style="padding: 12px; font-size: 1em; color:#512E5F;" | Лабораторная по программированию
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 412/1
| style="padding: 12px; font-size: 1em; color:#512E5F; font-weight: 600;" | 412/1
|-
|-
| style="background: linear-gradient(135deg, #EBF5FB, #2980B9); color:#1B4F72; font-weight: 600; font-size: 1.1em; padding: 12px; border-right: 2px solid #1A5276; box-shadow: inset 2px 0 5px rgba(255,255,255,0.2);" | Пятница
| style="background: linear-gradient(90deg, #89f7fe 0%, #66a6ff 100%); color:#2d3436; font-weight: 700; padding: 14px; font-size: 1.05em; border: none;" rowspan="2" | ПТ
| style="padding: 12px; font-size: 1em; color:#1B4F72;" | Проектирование информационных систем
| style="padding: 14px; color:#2d3436; border: none;" | Проектирование информационных систем
| style="padding: 12px; font-size: 1em; color:#1B4F72; font-weight: 600;" | 506/1
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | 506/1
|-
|-
| style="background: linear-gradient(135deg, #EBF5FB, #2980B9); border-right: 2px solid #1A5276;" |
| style="padding: 14px; color:#2d3436; border: none;" | Физкультура
| style="padding: 12px; font-size: 1em; color:#1B4F72;" | Физкультура
| style="padding: 14px; color:#636e72; font-weight: 600; border: none;" | Спортзал
| style="padding: 12px; font-size: 1em; color:#1B4F72; font-weight: 600;" | Спортзал
|}
|}
</div>
<div style="background: #f8f9fa; padding: 20px; border-left: 4px solid #667eea; border-radius: 6px; margin: 20px 0; font-style: italic; color: #495057;">
'''Подсказка для будущего себя:''' четверг — день, когда можно забыть про существование социальных сетей. Две лабы подряд требуют полного погружения.
</div>
== Люди, которых стоит знать ==
В группе 141Б-ПИо собрались интересные личности. [[Участник:Хмельницкий Роман Сергеевич|Криптоинвестор]], который объясняет блокчейн так, будто это детская игра. [[Участник:Иванов Егор Ильич|Джек Воробей]], чьё имя пользователя соответствует уровню его авантюризма. [[Участник:Уткин Венедикт Максимович|Заводчанин]], который знает о производственных процессах больше, чем любой учебник.
Эти люди доказывают, что университет — не только про лекции, но и про обмен опытом, который не найдёшь в официальной программе.
== Ресурсы, которые действительно работают ==
Интернет переполнен "полезными" ссылками, которые никто не открывает дважды. Эти — исключение.
[https://aermolenko.ru/2012/03/laboratornaya-rabota-znakomstvo-s-tehnologiej-wiki/ '''Wiki-технологии изнутри'''] — лабораторная работа, которая объясняет больше, чем десяток статей на Medium.
[https://chat.deepseek.com/ '''DeepSeek Chat'''] — ИИ-ассистент, который помогает разобраться в коде, когда Stack Overflow молчит.
[https://www.freecodecamp.org/ '''freeCodeCamp'''] — платформа, где можно научиться программировать без платных курсов и пустых обещаний.
[https://lifehacker.com/ '''Lifehacker'''] — советы по продуктивности для тех, кто устал от мотивационных спикеров и хочет реальных инструментов.


== Wiki: что работает, а что бесит ==


== Статьи ==
После нескольких месяцев работы с Wiki-разметкой появляется чёткое понимание: это инструмент, который '''работает не благодаря своим возможностям, а вопреки ограничениям'''.
* [[Современные Web-технологии]]
* [[Библиотеки и фреймворки JS]]


== Отзыв ==
Wiki интуитивно понятна. Не нужно знать HTML, CSS или разбираться в сложных CMS. Открыл редактор, написал текст, добавил пару квадратных скобок для ссылок — готово. Коллективное редактирование и история изменений делают её идеальной для документации и справочников.
Wiki является эффективным средством для '''структурированного и доступного''' оформления информации. Одним из главных достоинств можно назвать то, что не требуется детального знания '''HTML''' или сложных правил вёрстки.


'''Преимущества:'''
Но есть обратная сторона. Оформление ограничено базовым набором возможностей. Каждая Wiki-система интерпретирует разметку по-своему, что создаёт проблемы при переносе контента. Освоение синтаксиса требует времени, и некоторые вещи реализуются через костыли из HTML-вставок.
* Интуитивно понятный синтаксис
* Простое создание гиперссылок
* Быстрое форматирование текста
* Возможность коллективного редактирования
* Хранение истории изменений


'''Недостатки:'''
'''Вердикт:''' Wiki — это не инструмент для визуально сложных проектов. Это надёжная база для структурированного хранения знаний, где важен контент, а не его упаковка. Для учебных материалов, внутренней документации и коллективных справочников — идеально. Для лендингов и портфолио — категорически нет.
* Ограниченные возможности оформления
* Необходимость освоения специфической разметки
* Различия отображения в разных Wiki-системах 


В итоге, Wiki-платформы отлично подходят для разработки справочников, учебных материалов и совместной работы над документами.
<div style="text-align: center; margin: 40px 0; padding: 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);">
<div style="color: #ffffff; font-size: 1.6em; font-weight: 700; margin-bottom: 12px;">
Эта страница обновляется
</div>
<div style="color: #f0f0f0; font-size: 1em; line-height: 1.6;">
Потому что статичные профили — для резюме на HeadHunter, а не для живых людей.
</div>
</div>

Текущая версия на 04:29, 23 декабря 2025


Здесь код встречается с кофеином, а абстрактные алгоритмы превращаются в работающие продукты. Смотрю на web как на конструктор, где каждый элемент имеет свою роль.

Код, кофе, повтор

Зачем эта страница существует

Большинство студенческих Wiki-страниц выглядят как резюме, написанное в 3 часа ночи перед дедлайном. Эта — попытка сделать иначе. Здесь собрано то, что действительно важно: проекты, которые не стыдно показать, расписание, которое определяет мою жизнь на ближайший семестр, и ссылки, которые я открываю чаще, чем социальные сети.

Если вы случайно сюда попали — добро пожаловать в цифровой блокнот человека, который всё ещё разбирается, как работает интернет изнутри.

Проекты, которые не провалились

Eco Home— Tilda

Экологичный мобильный сервис по уборке и переработке бытовых отходов с выездом на дом.

Morph Landing — WordPress

Эксперимент с концепцией апсайклинга одежды через ИИ. Cypress-Organic эстетика, где минимализм встречается с глитч-артом.

Wiki Research

Исследование того, как Wiki-платформы справляются с хранением знаний лучше, чем 90% корпоративных систем.

JS Framework Deep Dive

Анализ библиотек и фреймворков, которые определяют современную фронтенд-разработку. От React до экзотики.

Расписание: где меня искать

День Предмет Где
ПН Алгоритмы и структуры данных 305/1
История 210/2
ВТ Компьютерные сети 415/1
Философия 318/2
СР Архитектура ЭВМ 201/1
Экономика 222/2
ЧТ Информатика 408/1
Лабораторная по программированию 412/1
ПТ Проектирование информационных систем 506/1
Физкультура Спортзал

Подсказка для будущего себя: четверг — день, когда можно забыть про существование социальных сетей. Две лабы подряд требуют полного погружения.

Люди, которых стоит знать

В группе 141Б-ПИо собрались интересные личности. Криптоинвестор, который объясняет блокчейн так, будто это детская игра. Джек Воробей, чьё имя пользователя соответствует уровню его авантюризма. Заводчанин, который знает о производственных процессах больше, чем любой учебник.

Эти люди доказывают, что университет — не только про лекции, но и про обмен опытом, который не найдёшь в официальной программе.

Ресурсы, которые действительно работают

Интернет переполнен "полезными" ссылками, которые никто не открывает дважды. Эти — исключение.

Wiki-технологии изнутри — лабораторная работа, которая объясняет больше, чем десяток статей на Medium.

DeepSeek Chat — ИИ-ассистент, который помогает разобраться в коде, когда Stack Overflow молчит.

freeCodeCamp — платформа, где можно научиться программировать без платных курсов и пустых обещаний.

Lifehacker — советы по продуктивности для тех, кто устал от мотивационных спикеров и хочет реальных инструментов.

Wiki: что работает, а что бесит

После нескольких месяцев работы с Wiki-разметкой появляется чёткое понимание: это инструмент, который работает не благодаря своим возможностям, а вопреки ограничениям.

Wiki интуитивно понятна. Не нужно знать HTML, CSS или разбираться в сложных CMS. Открыл редактор, написал текст, добавил пару квадратных скобок для ссылок — готово. Коллективное редактирование и история изменений делают её идеальной для документации и справочников.

Но есть обратная сторона. Оформление ограничено базовым набором возможностей. Каждая Wiki-система интерпретирует разметку по-своему, что создаёт проблемы при переносе контента. Освоение синтаксиса требует времени, и некоторые вещи реализуются через костыли из HTML-вставок.

Вердикт: Wiki — это не инструмент для визуально сложных проектов. Это надёжная база для структурированного хранения знаний, где важен контент, а не его упаковка. Для учебных материалов, внутренней документации и коллективных справочников — идеально. Для лендингов и портфолио — категорически нет.

Эта страница обновляется

Потому что статичные профили — для резюме на HeadHunter, а не для живых людей.

Источник — http://mwk.syktsu.ru/index.php?title=Участник:Попов_Арсений_Павлович&oldid=2409