<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@4cbbc20b062a435e9ef10203f937fe0f" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@fd674a139f034e5f873607585d80cca6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@fd674a139f034e5f873607585d80cca6" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson header" style="background-color: #03C847 !important;">
<div class="container-own">
<div class="inner">
<h5 class="c-white">Програмування</h5>
</div>
</div>
</section>
<section class="lesson main pad-60" style="background-color: #7651EB !important;">
<div class="container-own">
<div class="inner-flex">
<h1 class="c-white">Рядки.<br> Англійська мова</h1>
<svg class="main__decor" viewBox="0 0 339 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.74524 91.9769L5.00262 6.1355C4.95552 5.28296 5.92962 4.76735 6.60814 5.28566L74.9019 57.4545C75.6185 58.0019 75.3015 59.1434 74.4053 59.243L36.7757 63.4241C36.5233 63.4521 36.291 63.5751 36.126 63.7682L11.5038 92.5715C10.9177 93.2571 9.795 92.8775 9.74524 91.9769Z"
fill="#03C847" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.4737 14.5339L14.1868 81.7408L32.325 60.5225C33.3151 59.3643 34.7088 58.6262 36.2232 58.4579L63.9423 55.378L10.4737 14.5339ZM0.00987528 6.41454C-0.272733 1.29935 5.57187 -1.79435 9.64298 1.31553L77.9367 53.4843C82.2363 56.7687 80.3344 63.6182 74.9571 64.2157L38.8989 68.2221L15.3041 95.8236C11.7875 99.9374 5.05104 97.6596 4.75249 92.2559L0.00987528 6.41454ZM39.9239 67.0231C39.9247 67.0222 39.9255 67.0212 39.9263 67.0203L36.8858 64.4212L39.9263 67.0203L39.9239 67.0231Z"
fill="black" />
<rect x="140.302" y="21.6562" width="198.25" height="54.6897" rx="15.1861" fill="white" />
<path
d="M160.776 38.7988H164.377V60.4062H160.776V38.7988ZM167.385 38.7988H185.392V42.4H178.189V60.4062H174.588V42.4H167.385V38.7988Z"
fill="black" />
<path
d="M188.384 49.6025H199.188V53.2038H188.384V49.6025ZM205.805 38.7988H216.608V42.4H205.805V38.7988ZM202.203 42.4H205.805V56.805H202.203V42.4ZM216.608 42.4H220.21V46.0013H216.608V42.4ZM216.608 53.2038H220.21V56.805H216.608V53.2038ZM205.805 56.805H216.608V60.4062H205.805V56.805ZM223.202 38.7988H241.209V42.4H234.006V60.4062H230.405V42.4H223.202V38.7988ZM247.803 46.0013H244.201V38.7988H247.803V46.0013ZM262.208 38.7988V56.805H258.606V49.6025H247.803V46.0013H258.606V38.7988H262.208ZM247.803 53.2038V56.805H244.201V53.2038H247.803ZM258.606 60.4062H247.803V56.805H258.606V60.4062ZM286.808 56.805V60.4062H265.201V56.805H268.802V42.4H272.403V56.805H279.606V42.4H272.403V38.7988H283.207V56.805H286.808ZM297.007 38.7988H300.608V46.0013H297.007V38.7988ZM293.406 46.0013H297.007V53.2038H293.406V46.0013ZM289.804 53.2038H293.406V60.4062H289.804V53.2038ZM310.826 38.7988H314.427V46.0013H310.826V38.7988ZM307.224 46.0013H310.826V53.2038H307.224V46.0013ZM303.623 53.2038H307.224V60.4062H303.623V53.2038Z"
fill="#7651EB" />
<rect x="307.348" y="31.7812" width="3.37468" height="3.37468" fill="#7651EB" />
<rect x="315.785" y="31.7812" width="3.37468" height="3.37468" fill="#7651EB" />
</svg>
</div>
</div>
</section>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<h2 class="c-black pad-t-20">
👋 Привіт!
</h2>
<p class="mar-t-20 c-black">Багато задач програмування пов’язано з обробкою текстових даних: шифруванням, перевіркою тексту, перекладом, пошуком в тексті певної текстової частини, заміною окремих частин тексту. Вивчення правил іноземної мови за допомогою комп’ютерних програм — це теж робота з текстом. Сьогодні ми поєднаємо роботу з текстом на Python і урок англійської мови.</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-1.png" alt="decor" class="mar-t-30">
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@0b869a13f6594604bce7ceaca2a889d1" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@341936d774d04a9f8cd0f48d24a5c74f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@341936d774d04a9f8cd0f48d24a5c74f" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<p class="c-black">До цього уроку ми працювали з числовими даними. Але для виведення текстових даних ми вже використовували нечисловий тип даних.</p>
<p class="pad-t-20 c-black">Для опрацювання текстової інформації у Python існує тип даних <b>str</b> (рядок).</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-2.png" alt="" class="mar-t-30">
<p class="pad-t-30 c-black">Робота з рядками у програмуванні дуже схожа на роботу з текстами у звичайних мовах. Перевіримо це і присвятимо цьому урок англійської мові.</p>
<p class="pad-t-20 c-black">Тема — «Прислівники частоти (adverbs of frequency)».</p>
<p class="pad-t-30 c-black">Наше завдання — навчитися перевіряти правильність написання слів, додавати прислівники в речення на потрібні місця, рахувати кількість символів, щоб допис, який має обмеження за кількістю символів, помістився.</p>
<p class="pad-t-30 c-black">Рядки в мові програмування Python можуть укладатися як в одинарні, так і подвійні лапки. Наприклад,</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">str1 = 'I usually surf the Internet'<br>
або<br>
str2 = "I usually surf the Internet"</p>
</div>
<p class="pad-t-30 c-black">Але! Рядок, який містить апостроф, потрібно брати в подвійні лапки, і навпаки:</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">s= "He's here"<br>
s2 = 'My sister always sing'</p>
</div>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@7080d299b1d845d99959c1c2109ba078" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@0256067814ef4ee684b8beee9eac039b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@0256067814ef4ee684b8beee9eac039b" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<p class="c-black">Рядки складаються із символів. І, хоча в Python окремого типи даних для символів немає, все одно нам треба розуміти, як символи закодовані. Тобто як комп’ютер розуміє, який саме символ ми зараз натиснули: велику чи маленьку літеру, число чи спеціальний знак.</p>
<p class="pad-t-20 c-black">Для кожного символу існує свій код в різних таблицях кодування. Наприклад, англійські літери закодовані в ASCII-таблиці так:</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-3.png" alt="" class="mar-t-20">
<p class="pad-t-20 c-black">Подивіться на таблицю і спробуйте знайти відповідь на це питання.</p>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@problem+block@64f3c8d93191403c951a02eee98588a5">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-block-type="problem" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@problem+block@64f3c8d93191403c951a02eee98588a5" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Завдання доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@16af8f85ceda4e8da94f9b8990fab25d" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@8b326f116091460987dcf367eae3a5d0">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@8b326f116091460987dcf367eae3a5d0" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<p class="c-black">З програми англійської мови ми знаємо, що прислівник частоти описує, як часто відбувається дія. Є шість основних прислівників частоти</p>
<ul class="list c-black mar-t-20">
<li>
<p class="c-black pad-t-4">завжди;</p>
</li>
<li>
<p class="c-black pad-t-4">зазвичай;</p>
</li>
<li>
<p class="c-black pad-t-4">часто;</p>
</li>
<li>
<p class="c-black pad-t-4">іноді;</p>
</li>
<li>
<p class="c-black pad-t-4">рідко;</p>
</li>
<li>
<p class="c-black pad-t-4">ніколи.</p>
</li>
</ul>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022+type@asset+block@9_3_0056.png" alt="" class="mar-t-30">
<p class="pad-t-30 c-black">Тобто always = 100 % (завжди). Usually — це зазвичай, уже не 100 %, а, наприклад, 80 %. Often — часто. Sometimes — іноді, 50%; never = 0 % — ніколи.</p>
<p class="pad-t-20 c-black">Ці слова називають adverbs of frequency — прислівники частоти, тобто прислівники, які показують наскільки часто ми що-небудь робимо.</p>
<p class="pad-t-30 c-black">For example:<br>I sometimes eat pizza</p>
<p class="pad-t-30 c-black">Якщо у нас в present simple sentence — звичайне дієслово (play, love, eat), то ми adverb of frequency ставимо <b>ПЕРЕД</b> основним дієсловом:</p>
<ul class="list c-black mar-t-20">
<li>
<p class="c-black pad-t-4">I usually have breakfast at nine.</p>
</li>
<li>
<p class="c-black pad-t-4">He sometimes goes shopping on Sundays.</p>
</li>
<li>
<p class="c-black pad-t-4">They never drive to work.</p>
</li>
</ul>
<p class="pad-t-30 c-black">Ну а якщо у нас дієслово TO BE, то ми adverb of frequency ставимо <b>ПІСЛЯ</b> цього самого to be.</p>
<ul class="list c-black mar-t-20">
<li>
<p class="c-black pad-t-4">She is always happy.</p>
</li>
<li>
<p class="c-black pad-t-4">They are sometimes at this office on Mondays.</p>
</li>
<li>
<p class="c-black pad-t-4">I am never angry!</p>
</li>
</ul>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022+type@asset+block@9_3_0057.png" alt="" class="mar-t-30">
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@e2ab7e248dc24670a462031e36939f72" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@problem+block@4145c1f52c7641f0b5794adcec63c1ed">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-block-type="problem" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@problem+block@4145c1f52c7641f0b5794adcec63c1ed" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Завдання доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@a87df0e2a664470c958b835b126e1813" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@f815612d44aa4b55a020493b7b049926">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@f815612d44aa4b55a020493b7b049926" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<p class="c-black">Рядок можна ввести за допомогою input() або використовувати присвоєння</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-6.png" alt="" class="mar-t-30">
<div class="text__grey c-black mar-t-30">
<p class="c-black">text=input()<br>
print(text)<br><br>
text2= "I'm usually here"<br>
print(text2) </p>
</div>
<p class="pad-t-30 c-black">Для роботи з рядками в Python передбачено велику кількість вбудованих функцій, наприклад, len. Ця функція визначає довжину рядка.</p>
<p class="pad-t-30 c-black">Перевіримо, чи вміститься запис у коментар, де є обмеження символів до 30? Використовуємо умовний оператор if для розв’язання цього питання.</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">text2= "I'm usually here"<br>
x=len(text2)<br><br>
if x<30: print ("ok")<br>
else: print ("not")</p>
</div>
<p class="pad-t-30 c-black">Додаємо ще 2 корисних методи для роботи з рядками: “+” — поєднує, “*” — дублювання.</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">s2= "Boys usually"<br>
s3= "like to play computer games"<br>
s=s2+ " " +s3<br>
print(s)<br>
s4=s2*5<br>
print (s4)</p>
</div>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@ad983bbccb5f4f8d822ddbd016cf5bd6" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@03f89a8df3af4ed897a7183b30267371">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@03f89a8df3af4ed897a7183b30267371" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<ul class="list c-black">
<li>
<p class="c-black pad-t-4">Визначте 4 рядки. Два — введення через input. Два інших — через присвоєння <br> Наприклад, <br><br>
I always go to bed late<br>
She usually works on Tuesdays<br>
I never give my phone number <br>
They never drive to work</p>
</li>
<li>
<p class="c-black pad-t-20">Виведіть всі рядки.</p>
</li>
<li>
<p class="c-black pad-t-4">Виведіть довжину рядків.</p>
</li>
<li>
<p class="c-black pad-t-4">Використовуйте підказку:</p>
<div class="text__grey c-black mar-t-20">
<p class="c-black">str1= input()<br>
print(str1)<br>
str2="We usually go to work by bus"<br>
print(str2)<br>
print (len(str1), len(str2))</p>
</div>
</li>
<li>
<p class="c-black pad-t-20">Зробіть поєднання рядків та виведіть результат поєднання.<br> (Наприклад, s=s2+ " " +s3)</p>
</li>
<li>
<p class="c-black pad-t-4">Зробіть дублювання рядків, виведіть результат дублювання. <br>(Наприклад, s4=s2*5)</p>
</li>
</ul>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@8646213913854ef982d5e0f038505983" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@ae5ea552b4cf47f88815a452d22f36a6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@ae5ea552b4cf47f88815a452d22f36a6" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-7.png" alt="">
<p class="pad-t-30 c-black">Рядок можна змінити. <br> Replace замінює символ, слово чи фразу.</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">str4="She sametimes visits me at home"<br>
print(str4.replace('sametimes', 'sometimes'))</p>
</div>
<p class="pad-t-30 c-black">Заміна слова</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">str5 = "We never drink coffee"<br>
print (str5.replace("never", "often"))</p>
</div>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@3b4df3994c1d4a55b7dec895084e33c3" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@9091c5889690441abbef56cf9daa9f7b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@9091c5889690441abbef56cf9daa9f7b" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<ul class="list c-black">
<li>
<p class="c-black pad-t-4">Допишіть програму, яка випадковим способом обирає число від 1 до 5.</p>
</li>
<li>
<p class="c-black pad-t-20">Залежно від випадкового значення, друкується фраза та визначається прислівник частоти, згідно з таблицею:</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022+type@asset+block@9_3_0058.png" alt="decor" class="mar-t-20">
</li>
<li>
<p class="c-black pad-t-20">завжди — always _ _ _ _ _</p>
</li>
<li>
<p class="c-black pad-t-4">зазвичай — usually — _ _ _ _</p>
</li>
<li>
<p class="c-black pad-t-4">часто — often — _ _ _</p>
</li>
<li>
<p class="c-black pad-t-4">іноді — sometimes — _ _</p>
</li>
<li>
<p class="c-black pad-t-4">рідко — rarely — _</p>
</li>
<li>
<p class="c-black pad-t-20">Наприклад, Не always makes mistakes<br>Не _ _ _ _ _ makes mistakes<br>Не always makes mistakes</p>
<div class="text__grey c-black mar-t-20">
<p class="c-black">def mist(n):<br>
str= " He "+ '_'*n + " makes mistakes!"<br>
return str<br><br>
def repl(str,n):<br>
if n==5: str=str.replace("_____","always")<br>
if n==4: str=str.replace("____","usually")<br><br>
return str<br><br>
import random<br>
n=random.randint(1,5)<br>
str=mist(n)<br>
print(str)<br>
print("Введіть прислівник частоти згідно з таблицею")<br>
word=input()<br>
print("Перевіряємо? YES/NO")<br>
answ=input()<br>
if answ=="YES": str=repl(str, n)<br>
else: "ОК, не перевіряємо"<br><br>
print(str)</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@434f60154c214365a067c21bc754cf53" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@2e3b430da1fa444c97dc33e91d029791">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@2e3b430da1fa444c97dc33e91d029791" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<p class="c-black">З рядками познайомилися, навчилися їх створювати та вимірювати довжину.</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-10.png" alt="" class="mar-t-30">
<p class="c-black pad-t-30">Тепер розглянемо операції над рядками. Кожен символ рядка має свій порядковий номер (індекс). Нумерація символів починається з нуля.</p>
<p class="c-black pad-t-20">Це дає змогу звернутися до певного символу рядка та вивести його. Для цього використовуємо «[]» та вказуємо потрібний індекс. Приклад:</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">text2= "She is always happy"<br>
ind= text2[0]<br>
print (ind)</p>
</div>
<p class="c-black pad-t-30">Такий запис означає, що програма звертається до 0 індексу у рядку «She is always happy», тобто — до символу S, print виводить символ S, який під індексом 0.</p>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-9.png" alt="" class="mar-t-30">
<p class="c-black pad-t-30">Щоб вивести останній символ у рядку, використовуємо -1. Це відповідно у. П’ятий з краю — -5.</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">ost=text2[-1]<br>
print (ost)<br><br>
ind2=text2[-5]<br>
print (ind2)</p>
</div>
<p class="c-black pad-t-30">Для виведення всіх результатів у рядок можна використовувати такий запис:</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">print (ind, ost, ind2)</p>
</div>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@1628beed734445769ab41097755c24ad" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@814d195afa314b7fbc2222351f9307a9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@814d195afa314b7fbc2222351f9307a9" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-11.png" alt="decor">
<ul class="list c-black mar-t-20">
<li>
<p class="c-black pad-t-4">Перевірте, чи є введене слово паліндромом.</p>
</li>
<li>
<p class="c-black pad-t-4">Паліндром — це слово (або рядок), яке однаково читається з обох боків.</p>
</li>
<li>
<p class="c-black pad-t-4">Наприклад, deed (подвиг), level (рівень), дід, вижив.</p>
</li>
<li>
<p class="c-black pad-t-4">Перевірте, чи є паліндромом введене слово.</p>
<div class="text__grey c-black mar-t-20">
<p class="c-black">s=input()<br>
j=len(s)-1#визначаємо індекс останньої літери у слові <br>
count=0<br><br>
for i in range(len(s)//2):<br>
if s[i]==s[j]: count+=1<br>
j=j-1<br><br>
if count==len(s)//2:<br>
print("yes")<br>
else:<br>
print("no")</p>
</div>
</li>
</ul>
<p class="c-black pad-t-20">Як працює ця програма?</p>
<p class="c-black pad-t-20">За допомогою циклу for ми перебираємо всі символи до середини рядка (len(s)//2). Якщо перша літера збігається з останньою, а друга — з передостанньою і далі, тоді це паліндром. Початкове значення лічильника = 0 (count=0).</p>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@b1ba66e2f144494e9c31fda52f10c820" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@6c372a19e30e4b91a42bdda9b8222e66">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@6c372a19e30e4b91a42bdda9b8222e66" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<img src="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT3+2022+type@asset+block@8-l8-12.png" alt="">
<p class="pad-t-30 c-black">Пригадаємо правила, коли можна додавати у речення прислівники частоти: перед основним дієсловом або після to be. Наприклад:</p>
<p class="pad-t-20 c-black">I sometimes eat pizza <br> She is always happy.</p>
<p class="pad-t-30 c-black">Додаємо у наші рядки прислівники частоти. Для цього розбиваємо рядок на підрядки та додаємо прислівник частоти за допомогою операції поєднання рядків +.</p>
<div class="text__grey c-black mar-t-30">
<p class="c-black">s= "My mom goes to the cinema"<br>
s1=s[0:6]<br>
s2=s[7:25]<br>
s3=s1+' often '+s2<br>
print(s3)</p>
</div>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@51336cb927bd4138a84f942f774eeedf" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@9f72e176bc054fd5993309d215dbba57">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@9f72e176bc054fd5993309d215dbba57" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<ul class="list c-black">
<li>
<p class="c-black pad-t-4">За допомогою зрізів і операцій «+» побудуйте окремі слова та фрази. <br>
Виведіть слова ten, eat та фразу cat eats.</p>
<div class="text__grey c-black mar-t-20">
<p class="c-black">s ='My cat often eats'<br>
print (s[0:3])<br>
print (s[3:])<br>
print (s[7:12])</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@da66da1694d240da816b238dee8856b0" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@0ad7debbc13745cda987cb2ab922ea02">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@0ad7debbc13745cda987cb2ab922ea02" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://lms.e-school.net.ua/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT10+2022+type@asset+block@styles.css">
</head>
<body>
<section class="lesson pad-40 main__question" style="background-color: #fff !important;">
<div class="container-own">
<div>
<h5 class="c-black">Задача 1</h5>
<p class="pad-t-20 c-black">Напишіть програму, яка приймає від користувача рядок, і відображає цей рядок у верхньому і нижньому регістрах.</p>
<h5 class="c-black pad-t-30">Задача 2</h5>
<p class="pad-t-20 c-black">Напишіть програму, яка виводить на екран рядок з 5-ти копій останніх двох символів введеного користувачем рядка (довжина введеного рядка повинна бути не менше 2).</p>
<h5 class="pad-t-30 c-black">Задача 3</h5>
<p class="pad-t-20 c-black">Дано натуральне число. Знайти число, утворене з вхідного приписуванням до нього такого ж числа</p>
<h5 class="pad-t-30 c-black">Задача 4</h5>
<p class="pad-t-20 c-black">Дано натуральне число. Знайти число, що отримується при прочитанні його цифр справа наліво.</p>
<h5 class="pad-t-30 c-black">Задача 5</h5>
<p class="pad-t-20 c-black">Дано рядок. Змініть регістр символів в цьому рядку так, щоб перша буква кожного слова була великою, а інші літери - малими.</p>
<h5 class="pad-t-30 c-black">Задача 6</h5>
<p class="pad-t-20 c-black">Дано натуральне число. Знайти число, що отримується в результаті приписування по двійці в початок і кінець запису вхідного числа.</p>
<h5 class="pad-t-30 c-black">Задача 7</h5>
<p class="pad-t-20 c-black">Дано слово. З’ясуйте, чи слово починається і закінчується на одну і ту ж букву? Регістр літер не враховувати</p>
<h5 class="pad-t-30 c-black">Задача 8</h5>
<p class="pad-t-20 c-black">Скласти програму, яка визначає, який з двох введених рядків довший і друкує його. Якщо рядки рівні, вивести повідомлення equally.</p><h5 class="pad-t-30 c-black">Задача 9</h5>
<p class="pad-t-20 c-black">Напишіть програму, яка отримує три рядки: прізвище, ім’я і по батькові особи, а потім виводить на екран ініціали та прізвище.</p>
<h5 class="pad-t-30 c-black">Задача 10</h5>
<p class="pad-t-20 c-black">Напишіть програму, яка по введеному числу n від 1 до 9 виводить на екран n пінгвінів з відповідним номером - число від 1 до n. Зображення одного пінгвіна має розмір 5 x 9 символів, між двома сусідніми пінгвінами також є порожній (з пропусків) стовпець. Дозволяється вивести порожній стовпець після останнього пінгвіна. Для спрощення малювання скопіюйте пінгвіна із вихідних даних. Врахуйте, що виведення на екран виконується порядково, а не «попінгвінно».</p>
</div>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@vertical+block@a35aa39d32394aa18fec7609f829130c" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@d35f8fa3968c43feba59c197d59fe0c9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@d35f8fa3968c43feba59c197d59fe0c9" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<section class="lesson pad-40 iframe" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<div class="text__grey c-black">
<h5 class="c-black">🎉 Підсумуймо</h5>
<p class="c-black pad-t-20">У мові програмування Python рядок — це нечисловий тип, який призначено для збереження та подання символьної чи текстової інформації.</p>
<p class="c-black pad-t-20">Це послідовність символів, взята в одинарні або подвійні лапки.</p>
</div>
</div>
</div>
</section>
<style>
*,
*::before,
*::after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
* {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
-webkit-margin-after: 0 !important;
margin-block-end: 0 !important;
}
ul[class],
ol[class] {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
hr,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
body {
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
font-weight: normal !important;
}
img {
max-width: 100%;
display: block;
}
article>*+* {
margin-top: 1em;
}
input,
button,
textarea,
select {
padding: 0;
font: inherit;
border: none;
background-color: transparent;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
outline: none;
}
ul,
ol {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
-webkit-margin-after: 0 !important;
margin-block-end: 0 !important;
-webkit-padding-start: 0 !important;
padding-inline-start: 0 !important;
}
:root {
--v-violet: #7651EB;
--v-green: #03C847;
--v-orange: #FF6B3B;
--v-pink: #E27A99;
--v-blue: #3BB8FF;
--v-white: #ffffff;
--v-black: #000000;
--v-grey: #676767;
--v-light-grey: #F5F5F7;
}
section {
position: relative;
height: auto;
overflow: hidden;
}
.container-own {
width: 100%;
padding: 0 40px;
/* max-width: 1040px; */
margin: 0 auto;
}
@media (max-width: 1024px) {
.container-own {
padding: 0 35px;
max-width: none;
}
}
@media (max-width: 650px) {
.container-own {
padding: 0 30px;
}
}
@media (max-width: 468px) {
.container-own {
padding: 0 20px;
}
}
.inner {
max-width: 100%;
margin: 0 auto;
}
.inner-flex {
max-width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.course-wrapper .course-content .xblock.xblock-public_view-vertical,
.course-wrapper .courseware-results-wrapper .xblock.xblock-student_view-vertical {
max-width: none !important;
}
.nav-dd .title .label, .nav-dd .title .fa-caret-down {
color: #666 !important;
opacity: 1 !important;
}
/* text */
.lesson h1,
.lesson h2,
.lesson h3,
.lesson h4,
.lesson h5,
.lesson h6,
.lesson p {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120%;
text-transform: none !important;
letter-spacing: -0.02em !important;
}
.lesson h1 {
font-weight: 400 !important;
font-size: 56px !important;
}
.lesson h2 {
font-weight: 400 !important;
font-size: 38px !important;
}
.lesson h3 {
font-weight: 400 !important;
font-size: 24px !important;
}
.lesson h5 {
font-weight: 400 !important;
font-size: 20px !important;
}
.lesson b {
font-weight: 400 !important;
color:#7651EB !important;
}
.lesson p {
font-weight: 300 !important;
font-size: 16px !important;
}
.lesson a {
color: inherit !important;
text-decoration: underline !important;
-webkit-transition: all linear .4s;
-o-transition: all linear .4s;
transition: all linear .4s;
}
.lesson a:hover {
text-decoration: none !important;
}
@media (max-width: 1024px) {
.lesson h1 {
font-size: 48px !important;
}
.lesson h2 {
font-size: 32px !important;
}
.lesson h3 {
font-size: 22px !important;
}
.lesson h5 {
font-size: 18px !important;
}
.lesson p {
font-size: 15px !important;
}
}
@media (max-width: 650px) {
.lesson h1 {
font-size: 42px !important;
}
.lesson h2 {
font-size: 28px !important;
}
.lesson h3 {
font-size: 20px !important;
}
.lesson h5 {
font-size: 16px !important;
}
.lesson p {
font-size: 14px !important;
}
}
.header {
text-align: center !important;
}
.header h5{
text-align: center !important;
}
/* img */
.el-center {
display: block;
margin: auto;
}
/* background - color*/
.c-white {
color: var(--v-white) !important;
}
.c-black {
color: var(--v-black) !important;
}
.c-grey {
color: var(--v-grey) !important;
}
/* margin */
.pad-60 {
padding: 60px 0;
}
.pad-40 {
padding: 40px 0;
}
.pad-72 {
padding: 72px 0;
}
.pad-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.pad-b-20 {
padding-bottom: 20px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
.svg {
width: 50%;
height: auto;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 55px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-72 {
padding: 60px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.pad-b-20 {
padding-bottom: 15px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.svg {
width: 60%;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 45px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-72 {
padding: 50px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.pad-b-20 {
padding-bottom: 12px;
}
.mar-t-30 {
margin-top: 20px !important;
}
.svg {
width: 100%;
}
}
/* header */
.header {
padding: 9px 0;
text-align: center;
}
/* main */
.main .main__decor {
width: 339px;
height: 98px;
}
.main h1 {
width: 50%;
}
@media (max-width: 768px) {
.main svg.main__decor {
width: 300px;
height: auto;
}
}
@media (max-width: 650px) {
.main svg.main__decor {
width: 185px;
}
}
@media (max-width: 468px) {
.main svg.main__decor {
width: 170px;
float: right;
margin-top: 10px !important;
}
.main .inner-flex {
display: block;
}
}
/* main question */
.main__question .inner-flex div {
width: 50%;
}
.main__question .inner-flex div img {
float: right;
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 6px;
}
.list li:last-child {
padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
.list {
padding-left: 15px !important;
}
}
@media (max-width: 650px) {
.list {
padding-left: 12px !important;
}
.list li {
padding-bottom: 4px;
}
}
/* iframe */
.iframe-wrap {
margin-top: 30px !important;
padding: 48px 55px;
border-radius: 30px;
}
.button_own {
width: 219px;
height: 51px;
background: #FFFFFF;
border-radius: 40px;
color: #000;
-webkit-transition: all linear .4s;
-o-transition: all linear .4s;
transition: all linear .4s;
}
.butto-img {
height: auto !important;
}
.button_own:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
background: transparent !important;
color: #fff !important;
border: 1px solid #fff;
}
.button_own:active {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98);
background: transparent !important;
color: #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.button_own:hover p,
.button_own:active p {
color: #fff !important;
}
.button_own p {
text-align: center !important;
}
/* modal */
.modal {
left: 0 !important;
background: transparent !important;
width: 100% !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.modal-dialog {
/* width: 700px; */
width: 90%;
margin-top: 3% !important;
}
.modal-content {
border: none !important;
}
.modal-header {
border: none !important;
}
.modal-body {
padding: 5px 30px 30px 30px !important;
}
.iframe-inner {
width: 100%;
height: 500px;
}
@media (max-width: 1024px) {
.iframe-wrap {
margin-top: 25px !important;
padding: 40px 50px;
}
.button_own {
width: 180px;
height: 45px;
}
.butto-img {
height: auto !important;
}
}
@media (max-width: 768px) {
.modal-dialog {
width: 80%;
margin: auto;
}
.modal-body {
padding: 5px 25px 25px 25px !important;
}
}
@media (max-width: 650px) {
.iframe-wrap {
margin-top: 20px !important;
padding: 30px;
}
.button_own {
width: 155px;
}
.butto-img {
height: auto !important;
}
}
@media (max-width: 540px) {
.button_own {
margin-top: 15px !important;
}
}
@media (max-width: 400px) {
.inner-flex.iframe-wrap {
display: block;
}
}
/* decorated text */
.decorated__text .inner-flex div.text {
width: 50%;
}
.decorated__text .inner-flex div.decor {
width: 50%;
}
.decorated__text .inner-flex div.decor img {
float: right;
width: 80%;
}
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
.text__grey-wrap {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 50%;
}
@media (max-width: 1024px) {
.text__grey-wrap {
padding: 17px 22px;
width: 60%;
}
.text__grey {
padding: 17px 22px;
}
.decorated__text .inner-flex div.decor img {
width: 65%;
height: auto;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 768px) {
.text__grey-wrap {
width: 65%;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 650px) {
.text__grey-wrap {
width: 62%;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 468px) {
.decorated__text .inner-flex div.text,
.decorated__text .inner-flex div.decor {
width: 100%;
}
.decorated__text .inner-flex div.decor img {
float: none;
margin: auto;
width: 55%;
margin-top: 15px !important;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
.left-flex {
display: flex;
}
.flex-img {
display: flex;
justify-content: space-around;
}
/* test */
.test-final .promoted-checkbox {
position: relative;
margin-bottom: 15px !important;
}
.test-final .promoted-input-checkbox {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.test-final .promoted-checkbox input:checked+label>svg {
height: 24px;
-webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
animation: draw-checkbox ease-in-out 0.2s forwards;
}
.test-final .promoted-checkbox input:checked+label>p {
color: var(--v-green);
}
.test-final .promoted-checkbox input:checked+label:before {
border: 2px solid var(--v-green);
}
.test-final .promoted-checkbox.wrong input:checked+label:before {
border: 2px solid var(--v-orange) !important;
}
.test-final .promoted-checkbox.wrong input:checked+label>p {
color: var(--v-orange) !important;
}
.test-final .promoted-checkbox.wrong input:checked+label>svg {
stroke: var(--v-orange) !important;
}
.test-final .promoted-checkbox label {
color: var(--v-black);
line-height: 40px;
cursor: pointer;
position: relative;
}
.test-final .promoted-checkbox label p {
padding-left: 40px;
padding-top: 5px;
-webkit-transition: color linear .4s;
-o-transition: color linear .4s;
transition: color linear .4s;
}
.test-final .promoted-checkbox label:before {
position: absolute;
content: "";
width: 25px;
height: 25px;
margin-right: 1rem;
border: 1px solid var(--v-black);
border-radius: 8px;
-webkit-transition: 0.15s all ease-out;
-o-transition: 0.15s all ease-out;
transition: 0.15s all ease-out;
}
.test-final .promoted-checkbox svg {
stroke: var(--v-green);
stroke-width: 2px;
height: 0;
width: 17px;
position: absolute;
left: 4px;
top: 2px;
stroke-dasharray: 33;
}
@-webkit-keyframes draw-checkbox {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes draw-checkbox {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
@media (max-width: 1024px) {
.test-final .promoted-checkbox label p {
padding-left: 35px;
}
}
@media (max-width: 650px) {
.test-final .promoted-checkbox label p {
padding-left: 30px;
}
}
/* emotion */
.emotion ul {
list-style: none;
}
.emotion ul li {
display: inline-block;
margin-right: 50px;
}
.emotion ul li img {
cursor: pointer;
width: 51px;
height: 52px;
-webkit-transition: -webkit-transform linear .4s;
transition: -webkit-transform linear .4s;
-o-transition: transform linear .4s;
transition: transform linear .4s;
transition: transform linear .4s, -webkit-transform linear .4s;
}
.emotion ul li:last-child {
margin-right: 0 !important;
}
.emotion img.active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
margin-left: 30px;
}
.emotion ul li:first-child img.no-active {
margin-left: 0px;
}
.vocbulary .inner-flex {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.vocbulary-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 31%;
background: #F5F5F7;
border-radius: 22px;
margin-bottom: 20px !important;
padding: 18px;
margin-right: 2%;
}
.vocbulary-box img {
width: 133px;
height: 111px;
border-radius: 20px !important;
}
.vocbulary-box .text {
padding-left: 17px;
color: black !important;
}
@media (max-width: 1024px) {
.vocbulary-box {
margin-bottom: 18px !important;
padding: 13px;
}
.vocbulary-box img {
width: 123px;
height: 101px;
}
.vocbulary-box .text {
padding-left: 10px;
}
}
@media (max-width: 870px) {
.vocbulary .inner-flex {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.vocbulary-box {
width: 48%;
margin-right: 0 !important;
}
}
@media (max-width: 650px) {
.vocbulary-box {
display: block;
}
.vocbulary-box img {
margin: auto;
}
.vocbulary-box .text {
padding-left: 0;
padding-top: 10px;
}
}
.img-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.img-row img {
width: 45%;
height: auto;
}
@media (max-width: 650px) {
.img-row {
display: block;
}
.img-row img {
width: 100%;
margin-bottom: 15px !important;
}
.img-row img:last-child {
margin-bottom: 0 !important;
}
}
.text-wrap {
display: flex;
justify-content: flex-start;
}
.box-60 {
width: 60%;
padding-right: 15px;
}
.box-4.text-wrap0 {
width: 40%;
}
b.black {
font-weight: 600;
color: black !important;
}
@media (max-width: 650px) {
.text-wrap{
display: block;
}
.box-60,
.box-40 {
width: 100%;
padding-right: 0;
}
.box-40 img{
float: none;
margin: auto;
}
.box-40 {
margin-top: 15px !important;
}
}
.reflex-box {
padding: 20px 30px;
justify-content: flex-start;
background: #F5F5F7;
border-radius: 15px;
margin-bottom: 15px;
}
.reflex-box div.reflex-text {
width: 70%;
padding-right: 15px;
}
.reflex-box div.reflex-select {
width: 30%;
}
.reflex-box div.reflex-select select{
border: none !important;
outline: none !important;
box-shadow: none !important;
font-family: "e-Ukraine", sans-serif !important;
}
table,
th,
td {
border: 1px solid black;
text-align: center;
border-collapse: collapse;
}
.flex-content {
display: flex;
justify-content: space-between;
}
.conclusion {
max-width: 593px;
}
.table {
/* display: block; */
overflow-x: auto !important;
}
table {
width: 100% !important;
}
.correct {
color: var(--v-green);
}
.l-h-24 {
line-height: 24px;
}
@media all and (max-width: 1050px) {
.flex-content {
flex-direction: column;
}
.flex-img {
width: 50%;
margin-top: 30px !important;
}
}
@media all and (max-width: 390px) {
th p,
td p {
font-size: 12px !important;
}
}
@media all and (max-width: 768px) {
table {
width: auto;
}
.task-img {
width: 50% !important;
margin-bottom: 20px !important;
}
}
</style>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@775df47874a2484d971028aab73cff7c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@html+block@775df47874a2484d971028aab73cff7c" data-request-token="ffa7784a4a2611f1b8968288871e43e2" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css">
<title></title>
</head>
<body>
<section class="lesson pad-40 test-final reflex">
<div class="container-own">
<div class="inner">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
<symbol id="checkmark" viewBox="0 0 24 24">
<path
stroke-linecap="round"
stroke-miterlimit="10"
fill="none"
d="M22.9 3.7l-15.2 16.6-6.6-7.1"
></path>
</symbol>
</svg>
<div class="inner-flex reflex-box mar-t-20">
<div class="reflex-text">
<p>Як створити рядок</p>
</div>
<div class="reflex-select">
<!-- <select>
<option value="1">
<p>Оціни себе</p>
</option>
<option value="1">
<p>😩 не дуже розумію</p>
</option>
<option value="2">
<p>🙂 непогано розумію</p>
</option>
<option value="3">
<p>😉 добре розумію</p>
</option>
<option value="4">
<p>🤩 відмінно розумію</p>
</option>
</select> -->
<div class="form-container">
<div class="promoted-checkbox">
<input id="tmp-117" type="checkbox"
class="promoted-input-checkbox one-answer q1" />
<label for="tmp-117">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">так</p>
</label>
</div>
<div class="promoted-checkbox">
<input id="tmp-118" type="checkbox"
class="promoted-input-checkbox one-answer q1" />
<label for="tmp-118">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">ні</p>
</label>
</div>
<script>
function getCheckboxes() {
return document.querySelectorAll('input.q1');
}
function uncheckAllCheckboxes() {
var checkboxes = getCheckboxes();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = false;
}
}
function manageClick() {
uncheckAllCheckboxes();
this.checked = true;
}
function init() {
var checkboxes = getCheckboxes();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].addEventListener('click', manageClick);
}
}
init();
</script>
</div>
</div>
</div>
<div class="inner-flex reflex-box mar-t-20">
<div class="reflex-text">
<p>Як порахувати довжину рядка?</p>
</div>
<div class="reflex-select">
<!-- <select>
<option value="1">
<p>Оціни себе</p>
</option>
<option value="1">
<p>😩 не дуже розумію</p>
</option>
<option value="2">
<p>🙂 непогано розумію</p>
</option>
<option value="3">
<p>😉 добре розумію</p>
</option>
<option value="4">
<p>🤩 відмінно розумію</p>
</option>
</select> -->
<div class="form-container">
<div class="promoted-checkbox">
<input id="tmp-119" type="checkbox"
class="promoted-input-checkbox one-answer q2" />
<label for="tmp-119">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">так</p>
</label>
</div>
<div class="promoted-checkbox">
<input id="tmp-120" type="checkbox"
class="promoted-input-checkbox one-answer q2" />
<label for="tmp-120">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">ні</p>
</label>
</div>
<script>
function getCheckboxes2() {
return document.querySelectorAll('input.q2');
}
function uncheckAllCheckboxes2() {
var checkboxes = getCheckboxes2();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = false;
}
}
function manageClick2() {
uncheckAllCheckboxes2();
this.checked = true;
}
function init2() {
var checkboxes = getCheckboxes2();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].addEventListener('click', manageClick2);
}
}
init2();
</script>
</div>
</div>
</div>
<div class="inner-flex reflex-box mar-t-20">
<div class="reflex-text">
<p>Чи можна поєднати рядки?</p>
</div>
<div class="reflex-select">
<!-- <select>
<option value="1">
<p>Оціни себе</p>
</option>
<option value="1">
<p>😩 не дуже розумію</p>
</option>
<option value="2">
<p>🙂 непогано розумію</p>
</option>
<option value="3">
<p>😉 добре розумію</p>
</option>
<option value="4">
<p>🤩 відмінно розумію</p>
</option>
</select> -->
<div class="form-container">
<div class="promoted-checkbox">
<input id="tmp-121" type="checkbox"
class="promoted-input-checkbox one-answer q3" />
<label for="tmp-121">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">так</p>
</label>
</div>
<div class="promoted-checkbox">
<input id="tmp-122" type="checkbox"
class="promoted-input-checkbox one-answer q3" />
<label for="tmp-122">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">ні</p>
</label>
</div>
<script>
function getCheckboxes3() {
return document.querySelectorAll('input.q3');
}
function uncheckAllCheckboxes3() {
var checkboxes = getCheckboxes3();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = false;
}
}
function manageClick3() {
uncheckAllCheckboxes3();
this.checked = true;
}
function init3() {
var checkboxes = getCheckboxes3();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].addEventListener('click', manageClick3);
}
}
init3();
</script>
</div>
</div>
</div>
<div class="inner-flex reflex-box mar-t-20">
<div class="reflex-text">
<p>Чи можна виправити 1 символ у рядку?</p>
</div>
<div class="reflex-select">
<!-- <select>
<option value="1">
<p>Оціни себе</p>
</option>
<option value="1">
<p>😩 не дуже розумію</p>
</option>
<option value="2">
<p>🙂 непогано розумію</p>
</option>
<option value="3">
<p>😉 добре розумію</p>
</option>
<option value="4">
<p>🤩 відмінно розумію</p>
</option>
</select> -->
<div class="form-container">
<div class="promoted-checkbox">
<input id="tmp-123" type="checkbox"
class="promoted-input-checkbox one-answer q4" />
<label for="tmp-123">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">так</p>
</label>
</div>
<div class="promoted-checkbox">
<input id="tmp-124" type="checkbox"
class="promoted-input-checkbox one-answer q4" />
<label for="tmp-124">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">ні</p>
</label>
</div>
<script>
function getCheckboxes4() {
return document.querySelectorAll('input.q4');
}
function uncheckAllCheckboxes4() {
var checkboxes = getCheckboxes4();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = false;
}
}
function manageClick4() {
uncheckAllCheckboxes4();
this.checked = true;
}
function init4() {
var checkboxes = getCheckboxes4();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].addEventListener('click', manageClick4);
}
}
init4();
</script>
</div>
</div>
</div>
<div class="inner-flex reflex-box mar-t-20">
<div class="reflex-text">
<p>Чи можна змінювати рядки?</p>
</div>
<div class="reflex-select">
<!-- <select>
<option value="1">
<p>Оціни себе</p>
</option>
<option value="1">
<p>😩 не дуже розумію</p>
</option>
<option value="2">
<p>🙂 непогано розумію</p>
</option>
<option value="3">
<p>😉 добре розумію</p>
</option>
<option value="4">
<p>🤩 відмінно розумію</p>
</option>
</select> -->
<div class="form-container">
<div class="promoted-checkbox">
<input id="tmp-125" type="checkbox"
class="promoted-input-checkbox one-answer q5" />
<label for="tmp-125">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">так</p>
</label>
</div>
<div class="promoted-checkbox">
<input id="tmp-126" type="checkbox"
class="promoted-input-checkbox one-answer q5" />
<label for="tmp-126">
<svg><use xlink:href="#checkmark" /></svg>
<p class="c-black">ні</p>
</label>
</div>
<script>
function getCheckboxes5() {
return document.querySelectorAll('input.q5');
}
function uncheckAllCheckboxes5() {
var checkboxes = getCheckboxes5();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = false;
}
}
function manageClick5() {
uncheckAllCheckboxes5();
this.checked = true;
}
function init5() {
var checkboxes = getCheckboxes5();
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].addEventListener('click', manageClick5);
}
}
init5();
</script>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
*,
*::before,
*::after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
* {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
-webkit-margin-after: 0 !important;
margin-block-end: 0 !important;
}
ul[class],
ol[class] {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
hr,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
body {
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
font-weight: normal !important;
}
img {
max-width: 100%;
display: block;
}
article>*+* {
margin-top: 1em;
}
input,
button,
textarea,
select {
padding: 0;
font: inherit;
border: none;
background-color: transparent;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
outline: none;
}
ul,
ol {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
-webkit-margin-after: 0 !important;
margin-block-end: 0 !important;
-webkit-padding-start: 0 !important;
padding-inline-start: 0 !important;
}
:root {
--v-violet: #7651EB;
--v-green: #03C847;
--v-orange: #FF6B3B;
--v-pink: #E27A99;
--v-blue: #3BB8FF;
--v-white: #ffffff;
--v-black: #000000;
--v-grey: #676767;
--v-light-grey: #F5F5F7;
}
section {
position: relative;
height: auto;
overflow: hidden;
}
.container-own {
width: 100%;
padding: 0 40px;
/* max-width: 1040px; */
margin: 0 auto;
}
@media (max-width: 1024px) {
.container-own {
padding: 0 35px;
max-width: none;
}
}
@media (max-width: 650px) {
.container-own {
padding: 0 30px;
}
}
@media (max-width: 468px) {
.container-own {
padding: 0 20px;
}
}
.inner {
max-width: 100%;
margin: 0 auto;
}
.inner-flex {
max-width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.course-wrapper .course-content .xblock.xblock-public_view-vertical,
.course-wrapper .courseware-results-wrapper .xblock.xblock-student_view-vertical {
max-width: none !important;
}
.nav-dd .title .label, .nav-dd .title .fa-caret-down {
color: #666 !important;
opacity: 1 !important;
}
/* text */
.lesson h1,
.lesson h2,
.lesson h3,
.lesson h4,
.lesson h5,
.lesson h6,
.lesson p {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120%;
text-transform: none !important;
letter-spacing: -0.02em !important;
}
.lesson h1 {
font-weight: 400 !important;
font-size: 56px !important;
}
.lesson h2 {
font-weight: 400 !important;
font-size: 38px !important;
}
.lesson h3 {
font-weight: 400 !important;
font-size: 24px !important;
}
.lesson h5 {
font-weight: 400 !important;
font-size: 20px !important;
}
.lesson b {
font-weight: 400 !important;
color:#7651EB !important;
}
.lesson p {
font-weight: 300 !important;
font-size: 16px !important;
}
.lesson a {
color: inherit !important;
text-decoration: underline !important;
-webkit-transition: all linear .4s;
-o-transition: all linear .4s;
transition: all linear .4s;
}
.lesson a:hover {
text-decoration: none !important;
}
@media (max-width: 1024px) {
.lesson h1 {
font-size: 48px !important;
}
.lesson h2 {
font-size: 32px !important;
}
.lesson h3 {
font-size: 22px !important;
}
.lesson h5 {
font-size: 18px !important;
}
.lesson p {
font-size: 15px !important;
}
}
@media (max-width: 650px) {
.lesson h1 {
font-size: 42px !important;
}
.lesson h2 {
font-size: 28px !important;
}
.lesson h3 {
font-size: 20px !important;
}
.lesson h5 {
font-size: 16px !important;
}
.lesson p {
font-size: 14px !important;
}
}
.header {
text-align: center !important;
}
.header h5{
text-align: center !important;
}
/* img */
.el-center {
display: block;
margin: auto;
}
/* background - color*/
.c-white {
color: var(--v-white) !important;
}
.c-black {
color: var(--v-black) !important;
}
.c-grey {
color: var(--v-grey) !important;
}
/* margin */
.pad-60 {
padding: 60px 0;
}
.pad-40 {
padding: 40px 0;
}
.pad-72 {
padding: 72px 0;
}
.pad-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.pad-b-20 {
padding-bottom: 20px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
.svg {
width: 50%;
height: auto;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 55px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-72 {
padding: 60px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.pad-b-20 {
padding-bottom: 15px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.svg {
width: 60%;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 45px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-72 {
padding: 50px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.pad-b-20 {
padding-bottom: 12px;
}
.mar-t-30 {
margin-top: 20px !important;
}
.svg {
width: 100%;
}
}
/* header */
.header {
padding: 9px 0;
text-align: center;
}
/* main */
.main .main__decor {
width: 339px;
height: 98px;
}
.main h1 {
width: 50%;
}
@media (max-width: 768px) {
.main svg.main__decor {
width: 300px;
height: auto;
}
}
@media (max-width: 650px) {
.main svg.main__decor {
width: 185px;
}
}
@media (max-width: 468px) {
.main svg.main__decor {
width: 170px;
float: right;
margin-top: 10px !important;
}
.main .inner-flex {
display: block;
}
}
/* main question */
.main__question .inner-flex div {
width: 50%;
}
.main__question .inner-flex div img {
float: right;
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 6px;
}
.list li:last-child {
padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
.list {
padding-left: 15px !important;
}
}
@media (max-width: 650px) {
.list {
padding-left: 12px !important;
}
.list li {
padding-bottom: 4px;
}
}
/* iframe */
.iframe-wrap {
margin-top: 30px !important;
padding: 48px 55px;
border-radius: 30px;
}
.button_own {
width: 219px;
height: 51px;
background: #FFFFFF;
border-radius: 40px;
color: #000;
-webkit-transition: all linear .4s;
-o-transition: all linear .4s;
transition: all linear .4s;
}
.butto-img {
height: auto !important;
}
.button_own:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
background: transparent !important;
color: #fff !important;
border: 1px solid #fff;
}
.button_own:active {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98);
background: transparent !important;
color: #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.button_own:hover p,
.button_own:active p {
color: #fff !important;
}
.button_own p {
text-align: center !important;
}
/* modal */
.modal {
left: 0 !important;
background: transparent !important;
width: 100% !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.modal-dialog {
/* width: 700px; */
width: 90%;
margin-top: 3% !important;
}
.modal-content {
border: none !important;
}
.modal-header {
border: none !important;
}
.modal-body {
padding: 5px 30px 30px 30px !important;
}
.iframe-inner {
width: 100%;
height: 500px;
}
@media (max-width: 1024px) {
.iframe-wrap {
margin-top: 25px !important;
padding: 40px 50px;
}
.button_own {
width: 180px;
height: 45px;
}
.butto-img {
height: auto !important;
}
}
@media (max-width: 768px) {
.modal-dialog {
width: 80%;
margin: auto;
}
.modal-body {
padding: 5px 25px 25px 25px !important;
}
}
@media (max-width: 650px) {
.iframe-wrap {
margin-top: 20px !important;
padding: 30px;
}
.button_own {
width: 155px;
}
.butto-img {
height: auto !important;
}
}
@media (max-width: 540px) {
.button_own {
margin-top: 15px !important;
}
}
@media (max-width: 400px) {
.inner-flex.iframe-wrap {
display: block;
}
}
/* decorated text */
.decorated__text .inner-flex div.text {
width: 50%;
}
.decorated__text .inner-flex div.decor {
width: 50%;
}
.decorated__text .inner-flex div.decor img {
float: right;
width: 80%;
}
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
.text__grey-wrap {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 50%;
}
@media (max-width: 1024px) {
.text__grey-wrap {
padding: 17px 22px;
width: 60%;
}
.text__grey {
padding: 17px 22px;
}
.decorated__text .inner-flex div.decor img {
width: 65%;
height: auto;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 768px) {
.text__grey-wrap {
width: 65%;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 650px) {
.text__grey-wrap {
width: 62%;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
@media (max-width: 468px) {
.decorated__text .inner-flex div.text,
.decorated__text .inner-flex div.decor {
width: 100%;
}
.decorated__text .inner-flex div.decor img {
float: none;
margin: auto;
width: 55%;
margin-top: 15px !important;
}
.left-flex {
flex-direction: column;
}
.flex-img {flex-wrap: wrap;}
}
.left-flex {
display: flex;
}
.flex-img {
display: flex;
justify-content: space-around;
}
/* test */
.test-final .promoted-checkbox {
position: relative;
margin-bottom: 15px !important;
}
.test-final .promoted-input-checkbox {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.test-final .promoted-checkbox input:checked+label>svg {
height: 24px;
-webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
animation: draw-checkbox ease-in-out 0.2s forwards;
}
.test-final .promoted-checkbox input:checked+label>p {
color: var(--v-green);
}
.test-final .promoted-checkbox input:checked+label:before {
border: 2px solid var(--v-green);
}
.test-final .promoted-checkbox.wrong input:checked+label:before {
border: 2px solid var(--v-orange) !important;
}
.test-final .promoted-checkbox.wrong input:checked+label>p {
color: var(--v-orange) !important;
}
.test-final .promoted-checkbox.wrong input:checked+label>svg {
stroke: var(--v-orange) !important;
}
.test-final .promoted-checkbox label {
color: var(--v-black);
line-height: 40px;
cursor: pointer;
position: relative;
}
.test-final .promoted-checkbox label p {
padding-left: 40px;
padding-top: 5px;
-webkit-transition: color linear .4s;
-o-transition: color linear .4s;
transition: color linear .4s;
}
.test-final .promoted-checkbox label:before {
position: absolute;
content: "";
width: 25px;
height: 25px;
margin-right: 1rem;
border: 1px solid var(--v-black);
border-radius: 8px;
-webkit-transition: 0.15s all ease-out;
-o-transition: 0.15s all ease-out;
transition: 0.15s all ease-out;
}
.test-final .promoted-checkbox svg {
stroke: var(--v-green);
stroke-width: 2px;
height: 0;
width: 17px;
position: absolute;
left: 4px;
top: 2px;
stroke-dasharray: 33;
}
@-webkit-keyframes draw-checkbox {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes draw-checkbox {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
@media (max-width: 1024px) {
.test-final .promoted-checkbox label p {
padding-left: 35px;
}
}
@media (max-width: 650px) {
.test-final .promoted-checkbox label p {
padding-left: 30px;
}
}
/* emotion */
.emotion ul {
list-style: none;
}
.emotion ul li {
display: inline-block;
margin-right: 50px;
}
.emotion ul li img {
cursor: pointer;
width: 51px;
height: 52px;
-webkit-transition: -webkit-transform linear .4s;
transition: -webkit-transform linear .4s;
-o-transition: transform linear .4s;
transition: transform linear .4s;
transition: transform linear .4s, -webkit-transform linear .4s;
}
.emotion ul li:last-child {
margin-right: 0 !important;
}
.emotion img.active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
margin-left: 30px;
}
.emotion ul li:first-child img.no-active {
margin-left: 0px;
}
.vocbulary .inner-flex {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.vocbulary-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 31%;
background: #F5F5F7;
border-radius: 22px;
margin-bottom: 20px !important;
padding: 18px;
margin-right: 2%;
}
.vocbulary-box img {
width: 133px;
height: 111px;
border-radius: 20px !important;
}
.vocbulary-box .text {
padding-left: 17px;
color: black !important;
}
@media (max-width: 1024px) {
.vocbulary-box {
margin-bottom: 18px !important;
padding: 13px;
}
.vocbulary-box img {
width: 123px;
height: 101px;
}
.vocbulary-box .text {
padding-left: 10px;
}
}
@media (max-width: 870px) {
.vocbulary .inner-flex {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.vocbulary-box {
width: 48%;
margin-right: 0 !important;
}
}
@media (max-width: 650px) {
.vocbulary-box {
display: block;
}
.vocbulary-box img {
margin: auto;
}
.vocbulary-box .text {
padding-left: 0;
padding-top: 10px;
}
}
.img-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.img-row img {
width: 45%;
height: auto;
}
@media (max-width: 650px) {
.img-row {
display: block;
}
.img-row img {
width: 100%;
margin-bottom: 15px !important;
}
.img-row img:last-child {
margin-bottom: 0 !important;
}
}
.text-wrap {
display: flex;
justify-content: flex-start;
}
.box-60 {
width: 60%;
padding-right: 15px;
}
.box-4.text-wrap0 {
width: 40%;
}
b.black {
font-weight: 600;
color: black !important;
}
@media (max-width: 650px) {
.text-wrap{
display: block;
}
.box-60,
.box-40 {
width: 100%;
padding-right: 0;
}
.box-40 img{
float: none;
margin: auto;
}
.box-40 {
margin-top: 15px !important;
}
}
.reflex-box {
padding: 20px 30px;
justify-content: flex-start;
background: #F5F5F7;
border-radius: 15px;
margin-bottom: 15px;
}
.reflex-box div.reflex-text {
width: 70%;
padding-right: 15px;
}
.reflex-box div.reflex-select {
width: 30%;
}
.reflex-box div.reflex-select select{
border: none !important;
outline: none !important;
box-shadow: none !important;
font-family: "e-Ukraine", sans-serif !important;
}
table,
th,
td {
border: 1px solid black;
text-align: center;
border-collapse: collapse;
}
.flex-content {
display: flex;
justify-content: space-between;
}
.conclusion {
max-width: 593px;
}
.table {
/* display: block; */
overflow-x: auto !important;
}
table {
width: 100% !important;
}
.correct {
color: var(--v-green);
}
.l-h-24 {
line-height: 24px;
}
@media all and (max-width: 1050px) {
.flex-content {
flex-direction: column;
}
.flex-img {
width: 50%;
margin-top: 30px !important;
}
}
@media all and (max-width: 390px) {
th p,
td p {
font-size: 12px !important;
}
}
@media all and (max-width: 768px) {
table {
width: auto;
}
.task-img {
width: 50% !important;
margin-bottom: 20px !important;
}
}
</style>
</body>
</html>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
© Всі права захищено