Skip to content

6211 ТягунАР Лаб. 4 #419

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
HLLDRGN wants to merge 14 commits into from
Closed

6211 ТягунАР Лаб. 4 #419

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
0d60d46
Create .gitkeep
HLLDRGN Oct 28, 2025
af9b47e
6211 ТягунАР Лаб.1
HLLDRGN Oct 28, 2025
264ed95
Create .gitkeep
HLLDRGN Oct 28, 2025
8549c5e
6211 Тягун АР Лаб.2/Вар.24
HLLDRGN Oct 28, 2025
a81749e
Delete Лабораторная работа 2 directory
HLLDRGN Oct 28, 2025
8fc44eb
Create .gitkeep
HLLDRGN Oct 28, 2025
8960606
6211 ТягунАР Лаб.2/Вар.24
HLLDRGN Oct 28, 2025
ed6af6d
Изменение лабиринта
HLLDRGN Dec 16, 2025
61e4517
Исправление недочетов 1 ЛР
HLLDRGN Dec 16, 2025
4fcb1d0
Update laba2.html
HLLDRGN Dec 16, 2025
b9e2ee6
Update styles.css
HLLDRGN Dec 16, 2025
e8630ce
Добавлена 4-ая лабораторная работа, в каждой из прошлых ЛР дополнител…
HLLDRGN Dec 17, 2025
c89e7c0
Перенос скрита калькулятора в отдельные JS
HLLDRGN Dec 18, 2025
1d8576c
Update calculator.html
HLLDRGN Dec 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
1 change: 1 addition & 0 deletions Лабораторная работа 1/.gitkeep
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

60 changes: 60 additions & 0 deletions Лабораторная работа 1/laba1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Лабораторная работа 1 - Вариант 24</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Лабораторная работа 1</h1>
<h2>Вариант 24</h2>
<h3>Выполнил: Тягун Андрей</h3>

<!-- Задание с форматированием текста -->
<div class="task">
<h2>Задание 1: Текст с форматированием</h2>
<div class="text-block">
<p>JavaScript (аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262).</p>
<p>JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.</p>
</div>
</div>

<!-- Наложение двух картинок -->
<div class="task">
<h2>Задание 2: Наложение изображений</h2>
<div class="image-container">
<img src="https://img2.akspic.ru/crops/8/4/6/4/6/164648/164648-kot-kotenok-privlekatelnost-golova-glaz-3840x2160.jpg" alt="Изображение 1" class="image-container__image">
<img src="https://i.pinimg.com/236x/cd/16/12/cd16121609a79d95dffbfa28a326331e.jpg" alt="Изображение 2" class="image-container__image image-container__image_type_overlay">
</div>
</div>

<!-- Светофор -->
<div class="task">
<h2>Задание 3: Светофор</h2>
<div class="traffic-light">
<div class="traffic-light__light traffic-light__light_color_red"></div>
<div class="traffic-light__light traffic-light__light_color_yellow"></div>
<div class="traffic-light__light traffic-light__light_color_green"></div>
</div>
</div>

<!-- Лабиринт -->
<div class="task">
<h2>Задание 4: Лабиринт</h2>
<div class="maze">
<div class="maze__cell maze__cell--border_left maze__cell--border_top"></div>
<div class="maze__cell maze__cell--border_bottom"></div>
<div class="maze__cell maze__cell--border_top maze__cell--border_right"></div>

<div class="maze__cell maze__cell--border_bottom maze__cell--border_right maze__cell--border_left"></div>
<div class="maze__cell"></div>
<div class="maze__cell maze__cell--border_right maze__cell--border_bottom"></div>

<div class="maze__cell maze__cell--border_left maze__cell--border_bottom"></div>
<div class="maze__cell maze__cell--border_bottom"></div>
<div class="maze__cell maze__cell--border_bottom"></div>
</div>
</div>
</body>
</html>
117 changes: 117 additions & 0 deletions Лабораторная работа 1/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
body {
font-family: 'Times New Roman', Times, serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: #f5f5f5;
}

h1 {
text-align: center;
color: #333;
margin-bottom: 10px;
}

h2 {
color: #444;
border-bottom: 2px solid #ddd;
padding-bottom: 10px;
}

.task {
background-color: white;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.text-block {
background-color: #0259F2;
color: #274A78;
text-align: justify;
padding: 20px;
border: 2px solid #274A78;
border-radius: 5px;
line-height: 1.8;
}

.image-container {
position: relative;
width: 300px;
height: 300px;
margin: 20px auto;
}

.image-container__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.image-container__image_type_overlay {
opacity: 0.7;
}

.traffic-light {
width: 120px;
background-color: #333;
border-radius: 10px;
padding: 20px;
margin: 20px auto;
}

.traffic-light__light {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 10px auto;
}

.traffic-light__light_color_red {
background-color: #ff3333;
}

.traffic-light__light_color_yellow {
background-color: #ffff33;
}

.traffic-light__light_color_green {
background-color: #33cc33;
}

.maze {
display: grid;
grid-template-columns: repeat(3, 100px);
grid-template-rows: repeat(3, 100px);
gap: 0;
margin: 20px auto;
width: 300px;
}

.maze__cell {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
background-color: #f0f0f0;
}

.maze__cell--border_top {
border-top: 3px solid #333;
}

.maze__cell--border_right {
border-right: 3px solid #333;
}

.maze__cell--border_bottom {
border-bottom: 3px solid #333;
}

.maze__cell--border_left {
border-left: 3px solid #333;
}
1 change: 1 addition & 0 deletions Лабораторная работа 2/.gitkeep
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

96 changes: 96 additions & 0 deletions Лабораторная работа 2/laba2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Лабораторная работа 2</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Лабораторная работа 2: Вариант 2</h1>
<h2>Выполнил: Тягун Андрей</h2>

<!-- Анимированный список -->
<div class="task">
<h2>Задание 1</h2>
<ul class="animated-list">
<li class="animated-list__item">Поп-музыка</li>
<li class="animated-list__item">Хип-хоп</li>
<li class="animated-list__item">Рок</li>
<li class="animated-list__item">Электронная музыка</li>
<li class="animated-list__item">R&B</li>
</ul>
</div>

<!-- Дети и родители -->
<div class="task">
<h2>Задание 2</h2>
<div class="parents">
<div class="parent parent_type_1">
Родитель 1
<div class="parent__child parent__child_origin_parent-1">Ребенок 1</div>
<div class="parent__child parent__child_origin_parent-1">Ребенок 2</div>
<div class="parent__child parent__child_origin_parent-1">Ребенок 3</div>
</div>

<div class="parent parent_type_2">
Родитель 2
<div class="parent__child parent__child_origin_parent-2">Ребенок 4</div>
<div class="parent__child parent__child_origin_parent-2">Ребенок 5</div>
<div class="parent__child parent__child_origin_parent-2">Ребенок 6</div>
</div>

<div class="parent parent_type_3">
Родитель 3
<div class="parent__child parent__child_origin_parent-3">Ребенок 7</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 8</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 9</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 10</div>
</div>
</div>
</div>

<!-- Текст с языками программирования -->
<div class="task">
<h2>Задание 3</h2>
<div class="programming-text">
<p>Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков:</p>

<ul class="programming-languages">
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Python</a> – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">JavaScript</a> – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Java</a> – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">C++</a> – мощный язык для системного программирования, игр и высокопроизводительных приложений.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">C#</a> – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Go (Golang)</a> – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Ruby</a> – известен благодаря фреймворку Ruby on Rails для веб-разработки.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Swift</a> – язык Apple для разработки под iOS и macOS.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Kotlin</a> – современный язык, официально поддерживаемый для Android-разработки.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Rust</a> – язык системного программирования с акцентом на безопасность и производительность.
</li>
</ul>

<p>Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.</p>
</div>
</div>
</body>
</html>
96 changes: 96 additions & 0 deletions Лабораторная работа 2/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Лабораторная работа 2</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Лабораторная работа 2: Вариант 2</h1>
<h2>Выполнил: Тягун Андрей</h2>

<!-- Анимированный список -->
<div class="task">
<h2>Задание 1</h2>
<ul class="animated-list">
<li class="animated-list__item">Поп-музыка</li>
<li class="animated-list__item">Хип-хоп</li>
<li class="animated-list__item">Рок</li>
<li class="animated-list__item">Электронная музыка</li>
<li class="animated-list__item">R&B</li>
</ul>
</div>

<!-- Дети и родители -->
<div class="task">
<h2>Задание 2</h2>
<div class="parents">
<div class="parent parent_type_1">
Родитель 1
<div class="parent__child parent__child_origin_parent-1">Ребенок 1</div>
<div class="parent__child parent__child_origin_parent-1">Ребенок 2</div>
<div class="parent__child parent__child_origin_parent-1">Ребенок 3</div>
</div>

<div class="parent parent_type_2">
Родитель 2
<div class="parent__child parent__child_origin_parent-2">Ребенок 4</div>
<div class="parent__child parent__child_origin_parent-2">Ребенок 5</div>
<div class="parent__child parent__child_origin_parent-2">Ребенок 6</div>
</div>

<div class="parent parent_type_3">
Родитель 3
<div class="parent__child parent__child_origin_parent-3">Ребенок 7</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 8</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 9</div>
<div class="parent__child parent__child_origin_parent-3">Ребенок 10</div>
</div>
</div>
</div>

<!-- Текст с языками программирования -->
<div class="task">
<h2>Задание 3</h2>
<div class="programming-text">
<p>Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков:</p>

<ul class="programming-languages">
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Python</a> – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">JavaScript</a> – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Java</a> – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">C++</a> – мощный язык для системного программирования, игр и высокопроизводительных приложений.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">C#</a> – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Go (Golang)</a> – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Ruby</a> – известен благодаря фреймворку Ruby on Rails для веб-разработки.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Swift</a> – язык Apple для разработки под iOS и macOS.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Kotlin</a> – современный язык, официально поддерживаемый для Android-разработки.
</li>
<li class="programming-languages__item">
<a href="#" class="programming-languages__link">Rust</a> – язык системного программирования с акцентом на безопасность и производительность.
</li>
</ul>

<p>Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.</p>
</div>
</div>
</body>
</html>
Binary file added лаба 4/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added лаба 4/lab1/.DS_Store
View file
Open in desktop
Binary file not shown.
Loading