4.1 Компоненты. Часть 1

&lt;br&gt;&lt;br&gt; &lt;div style=&quot;text-align:right&quot;&gt;&lt;b&gt;&lt;a href=&quot;/upload/academy-docs/kurs_dev_material/n1/k1_les4.1.zip&quot;&gt;Скачать задание и материалы к уроку&lt;/a&gt;&lt;/b&gt;&lt;/div&gt; &lt;p&gt;&lt;b&gt;Введение - &quot;Компоненты&quot; Bitrix Framework&lt;/b&gt;&lt;/p&gt; &lt;!-- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/emwKk_4IeGI&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; --&gt; &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-211967493&id=456239383&hash=39b6fa73013d67a6&hd=2&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media; fullscreen; picture-in-picture;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; &lt;br&gt;&lt;br&gt; &lt;p class=&quot;less-part-name&quot;&gt;&lt;b&gt;Внедрение компонента &quot;меню&quot;&lt;/b&gt;&lt;/p&gt; &lt;!-- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/DGgIPif5S38&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; --&gt; &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-211967493&id=456239384&hash=b98730fe8b20d901&hd=2&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media; fullscreen; picture-in-picture;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; &lt;br&gt;&lt;br&gt; &lt;p class=&quot;less-part-name&quot;&gt;&lt;b&gt;Цепочки навигации&lt;/b&gt;&lt;/p&gt; &lt;!-- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/GF0giteL58k&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; --&gt; &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-211967493&id=456239385&hash=41fdff888207aa1f&hd=2&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media; fullscreen; picture-in-picture;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; &lt;br&gt;&lt;br&gt; &lt;p class=&quot;less-part-name&quot;&gt;&lt;b&gt;Включаемые области&lt;/b&gt;&lt;/p&gt; &lt;!-- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/ioz2ayCqDNY&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; --&gt; &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-211967493&id=456239386&hash=351baa1ef69dc764&hd=2&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media; fullscreen; picture-in-picture;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; &lt;br&gt;&lt;br&gt; &lt;p class=&quot;less-part-name&quot;&gt;&lt;b&gt;Оптимизация шаблонов - одинаковые области&lt;/b&gt;&lt;/p&gt; &lt;!-- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/2oVm150ROZ0&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt; --&gt; &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-211967493&id=456239388&hash=2cc6b65f16832573&hd=2&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media; fullscreen; picture-in-picture;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;