<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@5f17064598a94ace844be066db6c1159" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@21d33f84f0084a129ef592dbc4ff732e">
<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@21d33f84f0084a129ef592dbc4ff732e" data-request-token="ffe099c68f4211f0887032791c6997ca" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<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">Історія обчислювальних та комп’ютерних пристроїв навчання</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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<h2 class="c-black">
👋 Привіт!
</h2>
<p class="c-black pad-t-20">
Як людство пройшло шлях від примітивних засобів для лічби до суперкомп’ютерів та штучного інтелекту?
</p>
<p class="c-black pad-t-20">
Розберімося.
</p>
</div>
</div>
</section>
<style media="screen">
.course-wrapper .course-content .xblock.xblock-student_view-vertical {
max-width: none !important;
}
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@c66600041a4544f1aac55c8b9a547da3" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@c53a5202563d47a2bd5271c2ac07eab8">
<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@c53a5202563d47a2bd5271c2ac07eab8" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
Нагадаємо, що розвиток засобів опрацювання нерозривно пов’язаний з розвитком людства та пройшов декілька
етапів.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/0919d2bd4bdb2ee6686eb174f3f13489/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-1.png" alt="decor">
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
.course-wrapper .course-content .xblock.xblock-student_view-vertical {
max-width: none !important;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@a4d96b4a49a545129934069fbd18c45e" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@15c9a3f3a854438e85ac9beef213b313">
<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@15c9a3f3a854438e85ac9beef213b313" data-request-token="ffe099c68f4211f0887032791c6997ca" 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">Тест 1 доступне для перегляду та виконання після <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@a11eb3381229465a8300f4c7468ddbbd" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@7a50ab84ab43417aac2b5975219c1716">
<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@7a50ab84ab43417aac2b5975219c1716" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
У 1492 році Леонардо да Вінчі розробив креслення лічильної машини та описав його у своїх щоденниках. У 1967
році дослідники виявили ескіз 13-розрядного пристрою з коліщатами, що мали по 10 зубців, для підрахунку сум.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/0475983ec95fd36b7584e891b3d79269/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-2.png" alt="decor">
<p class="c-black pad-t-20">
У 1968 році фірма IBM запросила доктора Роберто Гуателлі. Це всесвітньо відомий знавець винаходів Леонардо да
Вінчі. Він побудував чинну копію лічильної машини.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/323fcbbe3a6364e189b0fc1a00184739/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-3.png" alt="decor">
<p class="c-black pad-t-30">
Паскаліна, годинник Шиккарда, рахунковий пристрій Лейбніца та його аналоги належать до механічного етапу.
</p>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@dee66b7bc9d446d0bf185308d9328a74" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@8baa94193fa74d0da201d15c6e40fe67">
<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@8baa94193fa74d0da201d15c6e40fe67" data-request-token="ffe099c68f4211f0887032791c6997ca" 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">Тест 2 доступне для перегляду та виконання після <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@b91833570c9b476f8b28e566afcaaca0" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@1773b45b0b1d40d59f17996900b219af">
<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@1773b45b0b1d40d59f17996900b219af" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
Механічний ткацький верстат, винайдений <a href="https://en.wikipedia.org/wiki/Joseph_Marie_Jacquard"
target="_blank" rel="noopener noreferrer">Джозефом Марі Жаккардом</a> у 1801 році, значно
спрощував процес виготовлення текстилю зі складними візерунками. Управління ткацьким верстатом здійснювали за
допомогою перфокарт (карток з отворами).
</p>
<p class="c-black pad-t-20">
На кожній картці пробито кілька рядів отворів, і багато карток, які утворюють дизайн текстилю, з’єднані разом.
Перфокарти використовували для відтворення візерунка на різних виробах.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/e0b2f375b8a8114fe73f5b43ad0210d7/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-4.png" alt="decor">
<p class="c-black pad-t-30">
Завдяки перфокартам можна було зберігати інформацію.
</p>
<p class="c-black pad-t-20">
Американський майстер Едвард Воут у 1895 році сконструював піанолу — автоматичний механічний музичний
інструмент, схожий на піаніно. Музика заздалегідь записувалася на перфорованій стрічці та відтворювалася.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/44d3fe1152e7c7267aa497a15dffd87d/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-5.png" alt="decor">
<p class="c-black pad-t-30">
У 1887 році американець Герман Голеріт виготовив перший електромеханічний табулятор. Пристрій використовував
перфокарти для введення, виведення та інструкцій. На картці були отвори за певним візерунком, які мали певне
значення для кожного виду даних.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/5d5570fb8aa2ba62b29971d2a9a73d11/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-6.png" alt="decor">
<p class="c-black pad-t-30">
Табулятори Германа Голеріта використовували для перепису населення США, Росії та Німеччини.
</p>
<p class="c-black pad-t-20">
У 1896 році Голеріт заснував корпорацію Tabulating Machine Corporation, яка у 1924 стала корпорацією <a
href="https://www.ibm.com/in-en/about" target="_blank" rel="noopener noreferrer">International Business
Machines (IBM)</a>.
</p>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@89e6c428852446e3870a1f8083a0c016" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@645619858a874648a2f4222315c5571d">
<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@645619858a874648a2f4222315c5571d" data-request-token="ffe099c68f4211f0887032791c6997ca" 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">Тест 3 доступне для перегляду та виконання після <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@87990f8a87d04b7eab3c36a56295c98d" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@5addca4f9f81463e8e549c0813301e83">
<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@5addca4f9f81463e8e549c0813301e83" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
Англійський математик Чарльз Беббідж у 1834 році запропонував ідею аналітичної машини (Analytical Engine), яка
б сама керувала процесом обчислень.
</p>
<p class="c-black pad-t-20">
Функціонал
</p>
<ol class="list mar-t-20">
<li>
<p>
Дані вводяться за допомогою перфокарт.
</p>
</li>
<li>
<p>
Склад (магазин) зберігає дані.
</p>
</li>
<li>
<p>
Млин послідовно виконує всі арифметичні операції та керує виконанням цих операцій.
</p>
</li>
<li>
<p>
Спеціальний пристрій друку для виведення інформації на перфокарти.
</p>
</li>
</ol>
<img class="mar-t-30" src="/assets/courseware/v1/0280612f0db30c213fb825a3ff8fd224/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-7.png" alt="decor">
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@23d460bb6246488fa65e4b5ab18bf961" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@8fe6205c6b44407c99c49e6f367901cf">
<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@8fe6205c6b44407c99c49e6f367901cf" data-request-token="ffe099c68f4211f0887032791c6997ca" 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">Тест 4 доступне для перегляду та виконання після <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@85a31d7bbf7840f3899831f1833f91de" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@c0620bac05fe48d2b798b39c1e9b07ee">
<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@c0620bac05fe48d2b798b39c1e9b07ee" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
20 століття. 30-ті роки. Велика Британія. Телевізор рідкість. До винаходу інтернету ще 60 років. Що роблять
люди? Збираються з друзями та грають. Найпопулярніша гра — гра в імітацію.
</p>
<p class="c-black pad-t-20">
В одній кімнаті — дівчина, у другій — хлопець. Усі інші надсилають їм записки з різноманітними питаннями. Ці
двоє пишуть відповіді. Мета гри — з’ясувати, хто відповідає: хлопець чи дівчина.
</p>
<p class="c-black pad-t-20">
Саме цю гру використовував Алан Тюрінг для відповіді на запитання «Чи можуть машини думати?» . Він написав
статтю «Обчислювальна техніка та інтелект» 1950 року. І запропонував тест, який має його ім’я.
</p>
<p class="c-black pad-t-20">
Ідея полягає в тому, що тепер в цих двох кімнатах перебувають комп’ютер та людина. А експерти, ставлячи різні
запитання, намагаються з’ясувати, з ким або чим вони мають справу. Якщо вони не можуть відрізнити, де
комп’ютер, а де людина, можна вважати, що штучний інтелект існує.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/f047b086ef2df608a243dc4a54b1f36f/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-8.png" alt="decor">
<div class="mar-t-30 text__grey">
<h3 class="c-black">
💬 Форум обговорення
</h3>
<p class="c-black pad-t-20">
Уявімо собі, що нас запросили бути експертами в тесті Тюрінга.
</p>
<p class="c-black pad-t-10">
Яке запитання ти поставила чи поставив би, щоб з’ясувати, з ким спілкуєшся: з людиною чи комп’ютером?
</p>
</div>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@89f3539acf764f7e84c2c2e36d5c3f23" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@f1353be88f0e4336aa45335d15d85764">
<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@f1353be88f0e4336aa45335d15d85764" data-request-token="ffe099c68f4211f0887032791c6997ca" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Уявімо собі, що нас запросили бути експертами в тесті Тюрінга. </p>
<p><b>Яке запитання ти поставила чи поставив би, щоб з’ясувати, з ким спілкуєшся: з людиною чи комп’ютером?</b></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@discussion+block@db4c52f150fc46cbabf91927b6fc106c">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f" data-block-type="discussion" data-usage-id="block-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@discussion+block@db4c52f150fc46cbabf91927b6fc106c" data-request-token="ffe099c68f4211f0887032791c6997ca" data-graded="True" data-has-score="False">
<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@e06cd8666d494986873f4fbe66e63447" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@5689d190e3f94ed4aadb8457c0cb70a5">
<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@5689d190e3f94ed4aadb8457c0cb70a5" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
У 1965 році Гордон Мур спрогнозував, що потужність обчислень різко зросте, а відносна вартість різко
знизиться. Відкриття, відоме як закон Мура, стало золотим правилом електроніки.
</p>
<p class="c-black pad-t-20">
Закон Мура означає, що приблизно кожні два роки персональні комп’ютери та інші електронні пристрої можуть
робити вдвічі більше несподіваних речей, ніж раніше.
</p>
<p class="c-black pad-t-20">
Зараз чипи містять близько 100 мільярдів транзисторів, а до 2030 року компанія Intel планує збільшити їхню
кількість до трильйона. Тобто процесори можуть стати в 10 разів потужнішими за сучасні.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/efe6501753cfdbba6eaa0ce1b18a05b3/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-9.png" alt="decor">
<a href="https://www.theregister.com/2022/08/23/intels_gelsinger_hot_chips/" target="_blank"
rel="noopener noreferrer">
<p class="pad-t-10 c-black">Джерело</p>
</a>
<div class="mar-t-30 text__grey">
<h3 class="c-black">
💬 Форум обговорення
</h3>
<p class="c-black pad-t-20">
Сучасні смартфони є потужнішими комп’ютерами, ніж комп’ютер
на борту космічного корабля, яким американські астронавти дісталися Місяця в 1969 році.
</p>
<p class="c-black pad-t-20">
Порівняй характеристики свого смартфона та першого комп’ютера в Україні МЕСМ.
<br>Чи справджується закон Мура (врахуй, що з часу винаходу МЕСМ пройшло 72 роки)?
</p>
<table class="mar-t-20 col-30">
<tr>
<th>
<p class="c-black">
</p>
</th>
<th>
<p class="c-black">
МЕСМ
</p>
</th>
<th>
<p class="c-black">
Твій смартфон
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Місткість оперативного запам’ятовувального пристрою
</p>
</th>
<th>
<p class="c-black">
31 для <a href="https://uk.wikipedia.org/wiki/%D0%A7%D0%B8%D1%81%D0%BB%D0%BE" target="_blank"
rel="noopener noreferrer">чисел</a> та 63 для <a
href="https://uk.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F)#%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B8_%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D0%BE%D1%80%D0%B0"
target="_blank" rel="noopener noreferrer">команд</a>
</p>
</th>
<th>
<p class="c-black"></p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Місткість постійного запам’ятовувального пристрою
</p>
</th>
<th>
<p class="c-black">
31 для <a href="https://uk.wikipedia.org/wiki/%D0%A7%D0%B8%D1%81%D0%BB%D0%BE" target="_blank"
rel="noopener noreferrer">чисел</a> та 63 для <a
href="https://uk.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F)#%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B8_%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D0%BE%D1%80%D0%B0"
target="_blank">команд</a>
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Швидкодія
</p>
</th>
<th>
<p class="c-black">
Близько 50 операцій на секунду
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Введення вихідних даних
</p>
</th>
<th>
<p class="c-black">
З <a href="https://uk.wikipedia.org/wiki/%D0%9F%D0%B5%D1%80%D1%84%D0%BE%D0%BA%D0%B0%D1%80%D1%82%D0%B0"
target="_blank" rel="noopener noreferrer">перфокарт</a> або безпосереднім набором кодів на
штекерному комутаторі
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Виведення результатів
</p>
</th>
<th>
<p class="c-black">
Фотографування або за допомогою електромеханічного друкувального пристрою
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Площа приміщення
</p>
</th>
<th>
<p class="c-black">
60 м<sup>2</sup>
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
Енергоспоживання
</p>
</th>
<th>
<p class="c-black">
25 <a href="https://uk.wikipedia.org/wiki/%D0%92%D1%82" target="_blank"
rel="noopener noreferrer">кВт</a>
</p>
</th>
<th>
<p class="c-black">
</p>
</th>
</tr>
</table>
</div>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
}
.xmodule_display.xmodule_HtmlModule .lesson table td,
.xmodule_display.xmodule_HtmlModule .lesson table th {
border: 1px solid #000 !important;
background: transparent !important;
}
.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;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@9c65a467d04e430ca49c2230090a8fd5" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@af319514e1fa4cd196e6445e82a7c44c">
<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@af319514e1fa4cd196e6445e82a7c44c" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
Поділ ЕОМ на покоління базується на використанні певного електронного елементу — конструкції.
</p>
<p class="c-black pad-t-20">
Перше покоління використовувало вакуумні лампи для схем.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/7203a88f9ee1e0042784244e48ee277b/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-10.png" alt="decor">
<a href="https://www.figma.com/file/38vSALvM4cifCXrgtQANLY/It-студії_8-клас?node-id=754%3A721" target="_blank"
rel="noopener noreferrer">
<p class="c-black pad-t-10">Джерело</p>
</a>
<p class="c-black pad-t-30">
Транзистори замінили вакуумні лампи в комп’ютерах другого покоління.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/f1b8052cc62d666ec71f31f3d030ce74/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-11.png" alt="decor">
<a href="https://www.computerhope.com/cdn/transistors.jpg" target="_blank" rel="noopener noreferrer">
<p class="c-black pad-t-10">Джерело</p>
</a>
<p class="c-black pad-t-30">
Інтегральна схема стала візитівкою третього покоління комп’ютерів. Транзистори були значно зменшені та
розміщені на кремнієвих мікросхемах, які називаються напівпровідниками.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/9372c446bc7a7112635e46a99f7935ed/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-12.png" alt="decor">
<a href="https://www.computerhope.com/jargon/i/integrated-circuit.png" target="_blank"
rel="noopener noreferrer">
<p class="c-black pad-t-10">Джерело</p>
</a>
<p class="c-black pad-t-30">
Мікропроцесор відкрив четверте покоління комп’ютерів, оскільки тисячі інтегральних схем були побудовані на
одному кремнієвому чипі.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/09733cee8ca43cc9a384a8edf664cad3/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-13.png" alt="decor">
<a href="https://www.computerhope.com/jargon/i/integrated-circuit.png" target="_blank"
rel="noopener noreferrer">
<p class="c-black pad-t-10">Джерело</p>
</a>
<table class="mar-t-30 half-table">
<tr>
<th>
<p class="c-black">
Покоління <br> ЕОМ
</p>
</th>
<th>
<p class="c-black">
Роки
</p>
</th>
<th>
<p class="c-black">
Електронні елементи
</p>
</th>
<th>
<p class="c-black">
Швидкодія
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
I
</p>
</th>
<th>
<p class="c-black">
1950 - 1960
</p>
</th>
<th>
<p class="c-black">
Електровакуумні лампи <br> (ENIAC, MECM)
</p>
</th>
<th>
<p class="c-black">
10 - 20 тис. оп./с
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
II
</p>
</th>
<th>
<p class="c-black">
1960 - 1965
</p>
</th>
<th>
<p class="c-black">
Транзистори
</p>
</th>
<th>
<p class="c-black">
100 - 500 тис. оп./с
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
III
</p>
</th>
<th>
<p class="c-black">
1965 - 1970
</p>
</th>
<th>
<p class="c-black">
Інтегральні схеми
</p>
</th>
<th>
<p class="c-black">
1 млн. оп./с
</p>
</th>
</tr>
<tr>
<th>
<p class="c-black">
IV
</p>
</th>
<th>
<p class="c-black">
З 1970
</p>
</th>
<th>
<p class="c-black">
Мікропроцесори
</p>
</th>
<th>
<p class="c-black">
Сотні млн. оп./с
</p>
</th>
</tr>
</table>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson table td,
.xmodule_display.xmodule_HtmlModule .lesson table th {
border: 1px solid #000 !important;
background: #fff !important;
}
.nav-dd .title .label,
.nav-dd .title .fa-caret-down {
color: #666 !important;
opacity: 1 !important;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
display: flex;
align-items: center;
}
table.half-table {
width: 490px !important;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
table.half-table {
width: 100% !important;
}
}
</style>
</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@35df4dc761b3429dae4a98276ba01a85" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@edf133527e7a4e9b8820b721d60ebe02">
<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@edf133527e7a4e9b8820b721d60ebe02" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black">
Звичні нам комп’ютери реалізовані на кремнієвих чипах з транзисторами, що можуть пропускати струм. Будь-які
дані зберігаються як послідовність одиниць та нулів. І біт може приймати значення лише 0 або 1.
</p>
<p class="c-black pad-t-20">
Основним осередком квантового комп’ютера є квантовий біт, який скорочено називається кубіт (q-біт). Кубіт — це
квантова частинка, що має два базові стани, які позначаються 0 і 1. Але, крім того, може бути стан
суперпозиції, коли кубіт може приймати будь-яке значення від 0 до 1. А це означає що він може зберігати
набагато більше інформації та значно пришвидшувати обчислення.
</p>
<p class="c-black pad-t-20">
Фотонний квантовий комп’ютер використовує кванти світла — фотони. Фотонні кристали пропускають або затримують
світло тільки з певною довжиною хвилі. Операції будуть виконуватися за допомогою згенерованих маленьких
лазерів.
</p>
<p class="c-black pad-t-20">
Другим варіантом квантового комп’ютера, буде використання (як кубіта) електрона, захопленого в атомах
замороженого неону.
</p>
<img class="mar-t-30" src="/assets/courseware/v1/e7e6a74cf2b8541027db629f34748f73/asset-v1:Ministry_of_Education_and_Science_of_Ukraine+IT8+2022_9df2133f+type@asset+block/8-sticker-l5-14.png" alt="decor">
<a href="https://live.staticflickr.com/65535/51000434355_54733c07f9_o.jpg" target="_blank"
rel="noopener noreferrer">
<p class="pad-t-10 c-black">Джерело</p>
</a>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson table td,
.xmodule_display.xmodule_HtmlModule .lesson table th {
border: 1px solid #000 !important;
background: #fff !important;
}
.nav-dd .title .label,
.nav-dd .title .fa-caret-down {
color: #666 !important;
opacity: 1 !important;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@7a05042cd87043eda8ea1d2347045e43" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@18289d918df547ca8df4135d6d1ccc0e">
<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@18289d918df547ca8df4135d6d1ccc0e" data-request-token="ffe099c68f4211f0887032791c6997ca" 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" style="background-color: #fff !important;">
<div class="container-own">
<div class="inner">
<p class="c-black text__grey">
📌 Якщо ця тема тебе зацікавила, можеш помандрувати сторінками <a
href="https://www.guidigo.com/Web/CHM-Revolution-Tour/DHTH2i2fYjA/StreetView/1/Calculators-Abacus"
target="_blank" rel="noopener noreferrer">віртуального музею історії комп’ютерів</a>.
</p>
</div>
</div>
</section>
<style media="screen">
.unit-title {
padding: 20px 0 5px 0;
}
*,
*::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;
}
.xmodule_display.xmodule_HtmlModule .lesson table td,
.xmodule_display.xmodule_HtmlModule .lesson table th {
border: 1px solid #000 !important;
background: #fff !important;
}
.nav-dd .title .label,
.nav-dd .title .fa-caret-down {
color: #666 !important;
opacity: 1 !important;
}
.xmodule_display.xmodule_HtmlModule .lesson h1,
.xmodule_display.xmodule_HtmlModule .lesson h2,
.xmodule_display.xmodule_HtmlModule .lesson h3,
.xmodule_display.xmodule_HtmlModule .lesson h4,
.xmodule_display.xmodule_HtmlModule .lesson h5,
.xmodule_display.xmodule_HtmlModule .lesson h6 {
font-family: "e-Ukraine", sans-serif !important;
font-style: normal !important;
line-height: 120% !important;
}
.lesson button:hover {
border: 1px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
}
.lesson button:hover p {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !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: 500 !important;
color: inherit !important;
}
.lesson span {
font-weight: 500 !important;
color: inherit !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 {
width: 100%;
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-t-20 {
padding-top: 20px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-10 {
padding-top: 10px;
}
.mar-t-30 {
margin-top: 30px !important;
}
.mar-t-20 {
margin-top: 20px !important;
}
@media (max-width: 1024px) {
.pad-60 {
padding: 50px 0;
}
.pad-40 {
padding: 35px 0;
}
.pad-t-20 {
padding-top: 15px;
}
.pad-t-30 {
padding-top: 25px;
}
.mar-t-30 {
margin-top: 25px !important;
}
.mar-t-20 {
margin-top: 15px !important;
}
.pad-t-10 {
padding-top: 8px;
}
}
@media (max-width: 650px) {
.pad-60 {
padding: 40px 0;
}
.pad-t-10 {
padding-top: 6px;
}
.pad-40 {
padding: 30px 0;
}
.pad-t-20 {
padding-top: 12px;
}
.pad-t-30 {
padding-top: 20px;
}
.mar-t-30 {
margin-top: 20px !important;
}
}
/* 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;
}
}
/* list */
.list {
padding-left: 20px !important;
}
.list li {
padding-bottom: 10px;
}
.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;
}
}
/* decorated text */
.text__grey {
padding: 20px 26px;
background-color: var(--v-light-grey);
border-radius: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.text__grey {
padding: 17px 22px;
}
}
.lesson table th {
border: 1px solid #000;
padding: 20px 35px;
}
.lesson table tr td {
padding: 20px 35px;
}
.lesson table.half tr th {
width: 50%;
}
@media (max-width: 1024px) {
.lesson table th {
padding: 15px 28px;
}
.lesson table tr td {
padding: 15px;
}
}
@media (max-width: 650px) {
.lesson table th {
padding: 11px 16px;
}
.lesson table tr td {
padding: 10px;
}
}
.text-center {
text-align: center;
}
table.col-30 th {
width: 33.3%;
text-align: center;
}
table.half-table th p {
text-align: center;
font-size: 11px !important;
}
table.half-table tr:nth-child(2) th,
table.half-table tr:nth-child(3) th,
table.half-table tr:nth-child(4) th,
table.half-table tr:nth-child(5) th {
padding: 6px 10px;
}
@media (max-width: 650px) {
table.half-table th p {
font-size: 9px !important;
}
}
</style>
</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@b43fa04f4eb24b91922d54bccce5d7c6" data-request-token="ffe099c68f4211f0887032791c6997ca" 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@58f33e19770b472480254c38c743a5db">
<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@58f33e19770b472480254c38c743a5db" data-request-token="ffe099c68f4211f0887032791c6997ca" 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">Тест 8 доступне для перегляду та виконання після <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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Інформаційні системи та їх складові"
© Всі права захищено