Эта статья сейчас заблокирована от изменений.
`Материалы для личного использования`
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #1</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/EUKwVtszuDY?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Язык разметки HTML: теги, семантика, ссылки. Занятие 1</p>
<a href="https://youtu.be/EUKwVtszuDY">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #2</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/yztlAknpmK4?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Язык разметки HTML: теги, семантика, ссылки. Занятие 2. Занятие 3</p>
<a href="https://youtu.be/yztlAknpmK4">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #3</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/te-V7ow6uXc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Язык разметки HTML: теги, семантика, ссылки. Занятие 3. Занятие 4. Занятие 5</p>
<a href="https://youtu.be/te-V7ow6uXc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #3</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/nkUC9_7jVpU?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 1. Язык разметки HTML: теги, семантика, ссылки. Занятие 4</p>
<a href="https://youtu.be/nkUC9_7jVpU">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #4</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/d0H2CCjtgZ0?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 2. Язык разметки HTML: теги, семантика, ссылки. Занятие 5</p>
<a href="https://youtu.be/d0H2CCjtgZ0">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #5</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/z23RAgz2zUc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 3</p>
<a href="https://youtu.be/z23RAgz2zUc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #6</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Rap9PDlEvgM?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 4</p>
<a href="https://youtu.be/Rap9PDlEvgM">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #7</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/EZ_su01JUlc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>CSS-фреймворк Bootstrap: основные компоненты, сетка, адаптивность. Занятие 1</p>
<a href="https://youtu.be/EZ_su01JUlc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #8</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/xlEKXDw92ZQ?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>CSS-фреймворк Bootstrap: основные компоненты, сетка, адаптивность. Занятие 2</p>
<a href="https://youtu.be/xlEKXDw92ZQ">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #9</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/b-wbcQlpv44?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Язык разметки HTML: теги, семантика, ссылки. Занятие 6 (Консультация). Аттестация по итогам модуля №1</p>
<a href="https://youtu.be/b-wbcQlpv44">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #10</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/K5YM7aX60l8?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>CSS-фреймворк Bootstrap: основные компоненты, сетка, адаптивность. Занятие 3 (Консультация). Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 5</p>
<a href="https://youtu.be/K5YM7aX60l8">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #11</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Kkl8Q533Zk0?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Каскадные таблицы стилей CSS: свойства для работы с типографикой, фоны, блочная модель. Занятие 6. CSS-фреймворк Bootstrap: основные компоненты, сетка, адаптивность. Занятие 4 (Консультация)</p>
<a href="https://youtu.be/Kkl8Q533Zk0">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #12</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/pEbd1Lvsp30?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>CSS-фреймворк Bootstrap: основные компоненты, сетка, адаптивность. Занятие 5 (Консультация)</p>
<a href="https://youtu.be/pEbd1Lvsp30">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #13</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/5lwKWuUT2f8?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 2</p>
<a href="https://youtu.be/5lwKWuUT2f8">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #14</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/yCVI731osgw?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 3</p>
<a href="https://youtu.be/yCVI731osgw">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #15</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/2L7lfYbrnPE?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 4</p>
<a href="https://youtu.be/2L7lfYbrnPE">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #16</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/u1_Gokkwff0?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Браузерные события и функции в JavaScript. Занятие 1</p>
<a href="https://youtu.be/u1_Gokkwff0">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #17</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Mtr3EuWvSz0?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Браузерные события и функции в JavaScript. Занятие 2</p>
<a href="https://youtu.be/Mtr3EuWvSz0">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #18</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/se1Ylev8km0?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Браузерные события и функции в JavaScript. Занятие 3. Занятие 4</p>
<a href="https://youtu.be/se1Ylev8km0">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #19</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/cueBJn2wLzk?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 5 (Консультация)</p>
<a href="https://youtu.be/cueBJn2wLzk">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #20</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/GtfAstDXXL4?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 6 (Проект). Циклы, массивы и объекты в JavaScript. Занятие 1</p>
<a href="https://youtu.be/GtfAstDXXL4">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #21</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/QBHrdEo9cE4?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 7 (Проект). Циклы, массивы и объекты в JavaScript. Занятие 2</p>
<a href="https://youtu.be/QBHrdEo9cE4">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #22</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/L_y5agQDVdk?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Циклы, массивы и объекты в JavaScript. Занятие 5 (Консультация)</p>
<a href="https://youtu.be/L_y5agQDVdk">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #23</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/VL6WqMpqzWc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Аттестация по итогам модуля №</p>
<a href="https://youtu.be/VL6WqMpqzWc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #24</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/OG1371A-Nng?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Основы Javascript: переменные и операции, работа с HTML-формами, содержимым и классами элементов. Занятие 8 (Проект). Циклы, массивы и объекты в JavaScript. Занятие 3</p>
<a href="https://youtu.be/OG1371A-Nng">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #25</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/U2QFuYA1xwU?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Циклы, массивы и объекты в JavaScript. Занятие 4</p>
<a href="https://youtu.be/U2QFuYA1xwU">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #26</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/iDgHIbAghHc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 1</p>
<a href="https://youtu.be/iDgHIbAghHc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #27</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/L3utSJKL6yc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 2</p>
<a href="https://youtu.be/L3utSJKL6yc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #28</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/53LbeDN1shE?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 3</p>
<a href="https://youtu.be/53LbeDN1shE">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #29</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/3TYQNYtkV4Y?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 4 (Консультация)</p>
<a href="https://youtu.be/3TYQNYtkV4Y">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #30</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/7xaPQElDIuQ?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 5</p>
<a href="https://youtu.be/7xaPQElDIuQ">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #31</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/L1Fj1hTRRVs?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 6</p>
<a href="https://youtu.be/L1Fj1hTRRVs">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #32</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/_cJfYHXovD8?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 7 (Консультация)</p>
<a href="https://youtu.be/_cJfYHXovD8">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #33</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tALzQAHhHkk?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Node.js и Express: маршрутизация, параметры запроса, статические ресурсы. Занятие 8 (Проект)</p>
<a href="https://youtu.be/tALzQAHhHkk">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #34</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zrYZJ50EhyE?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 1</p>
<a href="https://youtu.be/zrYZJ50EhyE">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #35</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/WeOxNmOqi8Y?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 2</p>
<a href="https://youtu.be/WeOxNmOqi8Y">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #36</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/GBge6w9OQck?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 3 (Консультация)</p>
<a href="https://youtu.be/GBge6w9OQck">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #37</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/t0jpJ-s1ePQ?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 4</p>
<a href="https://youtu.be/t0jpJ-s1ePQ">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #38</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/8jriDUei5vc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 6 (Консультация)</p>
<a href="https://youtu.be/8jriDUei5vc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #39</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0cQJFNiXKFk?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Аттестация по итогам модуля №</p>
<a href="https://youtu.be/0cQJFNiXKFk">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #40</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/5rMQyhsHBLE?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 7</p>
<a href="https://youtu.be/5rMQyhsHBLE">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #41</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/NZTFGjDw3iE?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 8</p>
<a href="https://youtu.be/NZTFGjDw3iE">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #42</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ELLZFFukdDs?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Mongo DB: ODM Mongoose, классы, схемы, модели, CRUD. Занятие 9 (Консультация)</p>
<a href="https://youtu.be/ELLZFFukdDs">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #43</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Ij2hxTMjXWM?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 1</p>
<a href="https://youtu.be/Ij2hxTMjXWM">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #44</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/SQ1xP3nqLFM?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 2</p>
<a href="https://youtu.be/SQ1xP3nqLFM">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #45</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Gb4OUfOp90M?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 3</p>
<a href="https://youtu.be/Gb4OUfOp90M">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #46</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/gmaX7T4PkGQ?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 4</p>
<a href="https://youtu.be/gmaX7T4PkGQ">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #47</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/wpFYAv-Jb70?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 5 (Консультация)</p>
<a href="https://youtu.be/wpFYAv-Jb70">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #48</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/2U2gsWksaBo?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Аттестация по итогам модуля №4</p>
<a href="https://youtu.be/2U2gsWksaBo">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #49</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/iPa1Viv_cWs?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 1</p>
<a href="https://youtu.be/iPa1Viv_cWs">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #50</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Z8fxFYpi40I?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 2</p>
<a href="https://youtu.be/Z8fxFYpi40I">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #51</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/435n4YQQMD8?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 3</p>
<a href="https://youtu.be/435n4YQQMD8">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #52</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XHzklVwPO2k?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 4</p>
<a href="https://youtu.be/XHzklVwPO2k">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #53</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6siEBiiLzFA?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Асинхронные запросы к JSON REST API: библиотека axios. Занятие 6. Socket.io: реализация realtime обмена информацией</p>
<a href="https://youtu.be/6siEBiiLzFA">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #54</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ffgo2VJfmvc?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 5</p>
<a href="https://youtu.be/ffgo2VJfmvc">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #55</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/HHy1b2SM-nM?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 6</p>
<a href="https://youtu.be/HHy1b2SM-nM">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #56</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/BC2WffON1iM?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 7</p>
<a href="https://youtu.be/BC2WffON1iM">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #57</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6CTlVem68-I?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 8 (Проект)</p>
<a href="https://youtu.be/6CTlVem68-I">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #58</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/kwQNBvPwk7M?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 9 (Проект)</p>
<a href="https://youtu.be/kwQNBvPwk7M">Ссылка на источник</a>
</div>
</div>
</div>
<div class="card mt-4 p-5 bg-light">
<h3>Запись занятия #59</h3>
<div class="row d-flex">
<div class="col-sm-12 col-xl-6 mr-4 embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/8vcLOHRHFkk?rel=0&controls=2" allowfullscreen></iframe>
</div>
<div class="col-sm-12 col-xl-5 col-lg-5">
<p><span style="color:#0F9B8E; font-size: 1.2rem;">Описание: </span><br>Фреймворк Vue.js: основы создания реактивного frontend. Занятие 10 (Проект)</p>
<a href="https://youtu.be/8vcLOHRHFkk">Ссылка на источник</a>
</div>
</div>
</div>