Menu
CoddyTech

Настройка

Урок 2 из 11 курса Круговой прогресс-бар | Front-end проект на Coddy.

Давайте настроим заголовок и внешнюю оболочку нашего элемента.

challenge icon

Задание

Легко
  1. Создайте тег и добавьте текст по вашему выбору.</li><li>Внутри тега <body> создайте div с именем класса container.</li></ol></div></div></div><div class="LearnLessonView_editorCol__Sc3p1"><div class="LearnLessonView_editorSticky__jL1qj"><p class="LearnLessonView_editorTitle__nvy6h">Попробуйте сами</p><div class="LearnEditorPanel_container__4pPMz" dir="ltr"><div class="LearnEditorPanel_header__MqTTZ"><div class="LearnEditorPanel_tabs__Hcd0w"><button type="button" class="LearnEditorPanel_tab__vveHp LearnEditorPanel_tabActive__2aB2C">index.html</button><button type="button" class="LearnEditorPanel_tab__vveHp">styles.css</button><button type="button" class="LearnEditorPanel_tab__vveHp">script.js</button></div><div class="LearnEditorPanel_headerActions__OGBjk"><div class="LearnEditorPanel_viewToggle__x66KN"><button type="button" class="LearnEditorPanel_viewToggleButton__06UR_ LearnEditorPanel_viewToggleActive__88n12">Код</button><button type="button" class="LearnEditorPanel_viewToggleButton__06UR_">Просмотр</button></div><button type="button" class="LearnEditorPanel_runButton___Nfhs FlatButton_button__5hChC FlatButton_primary__UtUKQ FlatButton_sm__v_HLV"><img loading="lazy" decoding="async" src="/icons/play.svg" alt="play icon" class=" " width="20" height="20"/><span>Запустить код</span></button><div class="LearnEditorPanel_turnstileSlot__oWMi9" aria-hidden="true"></div></div></div><div class="LearnEditorPanel_editorArea__ahQw4"><pre class="LearnEditorPanel_ssrCode__rgaJT" dir="ltr"><code class="language-html"><!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- Write HTML code here --> <script src="script.js"></script> </body> </html></code></pre></div></div></div></div></div><nav class="LearnLessonView_pagination__EW8li" aria-label="Уроки"><a class="LearnLessonView_pageNavLink__xe9cp Card_frame__V8y3V Card_row__9QB34 Card_link__KhL76" href="/learn/ru/courses/circular_progress_bar__frontend_project/what_are_you_going_to_make"><small>Предыдущий урок</small><span>Что вы создадите?</span></a><a class="LearnLessonView_pageNavLink__xe9cp Card_frame__V8y3V Card_row__9QB34 Card_link__KhL76 LearnLessonView_pageNavNext__4xsVk" href="/learn/ru/courses/circular_progress_bar__frontend_project/finish_html"><small>Следующий урок</small><span>Завершение HTML</span></a></nav><section class="LearnLessonView_allLessons__7vTLw"><h2 class="LearnLessonView_sectionHeading__FgJW5">Все уроки раздела Круговой прогресс-бар | Front-end проект</h2><div class="LearnLessonView_chapterGrid__JYgUK"><div class="LearnLessonView_chapterColumn__8jlNw"><div class="LearnLessonView_chapterCard__0Kxod"><p class="LearnLessonView_chapterTitle__RKDBF"><span class="LearnLessonView_chapterNumber__9Xjl1">1</span>Введение</p><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/what_are_you_going_to_make"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Что вы создадите?</span></a></div><div class="LearnLessonView_chapterCard__0Kxod"><p class="LearnLessonView_chapterTitle__RKDBF"><span class="LearnLessonView_chapterNumber__9Xjl1">4</span>JavaScript</p><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/make_it_work"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Заставь это работать!</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a></div></div><div class="LearnLessonView_chapterColumn__8jlNw"><div class="LearnLessonView_chapterCard__0Kxod"><p class="LearnLessonView_chapterTitle__RKDBF"><span class="LearnLessonView_chapterNumber__9Xjl1">2</span>HTML</p><span class="LearnLessonView_chapterLesson__wg_Jg LearnLessonView_chapterLessonCurrent__Ge8kg" aria-current="page"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Настройка</span></span><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/finish_html"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Завершение HTML</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a></div></div><div class="LearnLessonView_chapterColumn__8jlNw"><div class="LearnLessonView_chapterCard__0Kxod"><p class="LearnLessonView_chapterTitle__RKDBF"><span class="LearnLessonView_chapterNumber__9Xjl1">3</span>CSS</p><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/universal_selector"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Универсальный селектор</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/body"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Селектор body</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/container_class"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Класс контейнера</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/circular_progress_class"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Класс кругового индикатора</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/circular_progress_before"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Псевдоэлемент ::before для кругового индикатора</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/progress_value_class"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Класс значения прогресса</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a><a class="LearnLessonView_chapterLesson__wg_Jg" href="/learn/ru/courses/circular_progress_bar__frontend_project/text_class"><span class="LearnLessonView_lessonIndicator__lX4BG"></span><span class="LearnLessonView_lessonRowName___wgKo">Класс текста</span><img loading="lazy" decoding="async" src="/icons/project-lesson.svg" alt="Урок-проект" class=" LearnLessonView_projectIcon__jgNIZ"/></a></div></div></div></section><p class="LearnLessonView_practiceLine__Rq__3">Потренируйтесь самостоятельно:<!-- --> <a class="LearnLessonView_practiceLink__uhEXB" href="/playground/ru/html">Песочница Web</a></p></div></main><div class="BottomSection_stage__TjJj1"><footer class="BottomSection_footer___qJ4J"><div class="BottomSection_container__sSNi1"><div class="BottomSection_top__JAkTy"><div class="BottomSection_brand__0guvO"><a href="/ru" class="BottomSection_brandLink__9KOs4" aria-label="Главная"><span class="Wordmark_wordmark__Ibm0O" style="--wordmark-height:30px"><span class="Wordmark_text__60K_u">Coddy</span></span></a><div class="BottomSection_socialLinksContainer__DBmjI"><a href="https://www.instagram.com/coddy.tech/" target="_blank" rel="noopener noreferrer" aria-label="Coddy в Instagram" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/instagram.svg" alt="Coddy в Instagram" class=" "/></a><a href="https://www.facebook.com/coddylearn" target="_blank" rel="noopener noreferrer" aria-label="Coddy в Facebook" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/facebook.svg" alt="Coddy в Facebook" class=" "/></a><a href="https://www.linkedin.com/company/coddy-tech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в LinkedIn" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/linkedin.svg" alt="Coddy в LinkedIn" class=" "/></a><a href="https://www.tiktok.com/@coddy.tech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в TikTok" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/tiktok.svg" alt="Coddy в TikTok" class=" "/></a><a href="https://x.com/coddy_tech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в X (Twitter)" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/twitter.svg" alt="Coddy в X (Twitter)" class=" "/></a><a href="https://bsky.app/profile/coddy.tech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в Bluesky" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/bluesky.svg" alt="Coddy в Bluesky" class=" "/></a><a href="https://github.com/coddytech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в GitHub" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/github.svg" alt="Coddy в GitHub" class=" "/></a><a href="https://www.youtube.com/@coddytech" target="_blank" rel="noopener noreferrer" aria-label="Coddy в YouTube" class="BottomSection_socialLink__QjypL"><img loading="lazy" decoding="async" src="/icons/youtube.svg" alt="Coddy в YouTube" class=" "/></a></div><div class="BottomSection_storeButtonsContainer__eFVqR"><a href="https://apps.apple.com/app/id6755648162" target="_blank" rel="noopener noreferrer" class="StoreButton_storeButton__qaw8_ Card_frame__V8y3V Card_row__9QB34 Card_link__KhL76 BottomSection_storeButton__21zHI"><span class="StoreButton_iconContainer__i4YTc"><img loading="lazy" decoding="async" src="/icons/app-store.svg" alt="app Store icon" class="dark_themeAwareIcon__tUZpr StoreButton_icon__7j6re"/></span><span class="StoreButton_textContainer__1iwc3"><span class="StoreButton_topText__UaZg1">Загрузите в</span><span class="StoreButton_bottomText__Qj2tq">App Store</span></span></a><a href="https://play.google.com/store/apps/details?id=tech.coddy.coddyapp" target="_blank" rel="noopener noreferrer" class="StoreButton_storeButton__qaw8_ Card_frame__V8y3V Card_row__9QB34 Card_link__KhL76 BottomSection_storeButton__21zHI"><span class="StoreButton_iconContainer__i4YTc"><img loading="lazy" decoding="async" src="/icons/google-play.svg" alt="google Play icon" class="dark_themeAwareIcon__tUZpr StoreButton_icon__7j6re"/></span><span class="StoreButton_textContainer__1iwc3"><span class="StoreButton_topText__UaZg1">Доступно в</span><span class="StoreButton_bottomText__Qj2tq">Google Play</span></span></a></div></div><div class="BottomSection_primary__gl21X"><div class="BottomSection_linksGroupContainer__paEJl BottomSection_company__ZcNeN"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Компания</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/ru">Главная</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/about">О нас</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru">Блог</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/ai-tutor/ru">Bugsy, ИИ-наставница</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certifications/ru">Сертификации</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/affiliate/ru">Партнерская программа</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/teachers/ru">Преподаватели</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/press/ru">Пресса</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/brand/ru">Бренд</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/careers/ru">Карьера</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl Link_withIcon__zA_Pl " target="_blank" rel="noreferrer" href="https://coddy.tech/build">Coddy Build<img loading="lazy" decoding="async" src="/icons/open-in-new-tab.svg" alt="новая вкладка" class=" Link_openNewTabIcon__tk57Z" width="16" height="16"/></a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl Link_withIcon__zA_Pl " target="_blank" rel="noreferrer" href="https://merch.coddy.tech">Мерч<img loading="lazy" decoding="async" src="/icons/open-in-new-tab.svg" alt="новая вкладка" class=" Link_openNewTabIcon__tk57Z" width="16" height="16"/></a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl Link_withIcon__zA_Pl " target="_blank" rel="noreferrer" href="https://github.com/coddytech/curriculum">Дорожная карта<img loading="lazy" decoding="async" src="/icons/open-in-new-tab.svg" alt="новая вкладка" class=" Link_openNewTabIcon__tk57Z" width="16" height="16"/></a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Поддержка</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/contact/ru">Контакт</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/help/ru">Центр помощи</a></div></div></div></div><div class="BottomSection_directory__OaYon"><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Ресурсы</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/learn-to-code/ru">Научиться программировать</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/free-coding-websites/ru">Бесплатные сайты для программирования</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru">Все курсы</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/apps/ru">Мобильное приложение</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru">Справочник</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/python">Playground</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru">Инструменты</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/embed/ru">Встроить редактор</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/cheat-sheets/ru">Шпаргалки</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/glossary/ru">Глоссарий</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/arcade/ru">Аркада</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/problems/ru">Задачи с собеседований</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/interview-questions">Вопросы с собеседований</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru">Визуализации</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru">Команды Git</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru">Редактор псевдокода</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Языки</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/python">Python</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/javascript">JavaScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/typescript">TypeScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/react">React</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/nextjs">Next.js</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/java">Java</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/cpp">C++</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/csharp">C#</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/sql">SQL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/html">HTML</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/css">CSS</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/c">C</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/go">Golang</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/php">PHP</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/r">R</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/dart">Dart</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/rust">Rust</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/lua">Lua</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/luau">Luau</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/gdscript">GDScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/unity">Unity</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/machine-learning">Machine Learning</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/arduino">Arduino</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/flutter">Flutter</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/godot">Godot</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/pygame">Pygame</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/django">Django</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/nodejs">Node.js</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/excel">Excel</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/git">Git</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/docker">Docker</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/kubernetes">Kubernetes</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/swiftui">SwiftUI</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Математика</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/math">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/prealgebra">Предалгебра</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/algebra">Алгебра</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/geometry">Геометрия</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/algebra-2">Алгебра 2</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/trigonometry">Тригонометрия</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/math/ru/certifications">Сертификации</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Физика</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/physics">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/physics-for-beginners">Физика для начинающих</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/physics-mechanics">Механика</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/electricity-and-magnetism">Электричество и магнетизм</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/optics-waves-and-modern-physics">Оптика, волны и современная физика</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/physics/ru/certifications">Сертификации</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Химия</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chemistry">Химия</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/atomic-structure">Строение атома</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chemical-bonding">Строение и химическая связь</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/stoichiometry">Стехиометрия</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/redox-reactions">Окисление и восстановление</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/acids-and-bases">Кислоты и основания</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chemical-equilibrium">Энергия, скорость и равновесие</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/food-chemistry">Химия пищи и лаборатория</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/chemistry/ru/periodic-table">Таблица Менделеева</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/chemistry/ru/certifications">Сертификации</a></div></div><div class="BottomSection_linksGroupContainer__paEJl BottomSection_wide__jWr79"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Шахматы</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-for-beginners">Шахматы для начинающих</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-endgames">Эндшпили</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-tactics">Тактика и маты</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-rules">Основы</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-tactics-for-beginners">Тактика</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/beginner-chess-strategy">Игра в реальные партии</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/how-to-checkmate">Базовые матовые позиции</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/king-and-pawn-endgames">Король и пешка</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/checkmate-patterns">Матовые шаблоны I</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/chess-tactical-motifs">Основные тактические мотивы</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/chess/ru/play/computer">Играть с компьютером</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/chess/ru/certifications">Сертификации</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Кибербезопасность</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/landing/ru/cybersecurity">Кибербезопасность</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/cybersecurity/ru/investigations">Расследования</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/cybersecurity/ru/certifications">Сертификации</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Playground</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/python">Python</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/javascript">JavaScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/java">Java</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/typescript">TypeScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/cpp">C++</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/c">C</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/csharp">C#</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/sql">SQL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/excel">Excel</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/html">HTML</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/react">React</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/golang">Golang</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/php">PHP</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/ruby">Ruby</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/rust">Rust</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/playground/ru/r">R</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Сертификаты</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certifications/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/python">Python</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/javascript">JavaScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/java">Java</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/cpp">C++</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/csharp">C#</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/sqlite">SQL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/html">HTML & CSS</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/go">Go</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/rust">Rust</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/php">PHP</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/ruby">Ruby</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/swift">Swift</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/dart">Dart</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/certification/ru/c">C</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Инструменты</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/ascii-art-generator">Генератор ASCII-арта</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/json-formatter">Форматировщик JSON</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/sql-formatter">Форматировщик SQL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/regex-tester">Тестер Regex</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/markdown-editor">Редактор Markdown</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/base64">Кодировщик Base64</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/url-encoder">Кодировщик URL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/jwt-decoder">Декодер JWT</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/diff-checker">Сравнение текстов</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/hash-generator">Генератор хешей</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/uuid-generator">Генератор UUID</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/password-generator">Генератор паролей</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/case-converter">Конвертер регистра</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/color-converter">Конвертер цвета</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/cron-expression">Cron-выражения</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/timestamp-converter">Конвертер timestamp</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/tools/ru/qr-code-generator">Генератор QR-кодов</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Документация</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru">Вся документация</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/python">Python</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/javascript">JavaScript</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/java">Java</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/cpp">C++</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/sqlite">SQL</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/docs/ru/verilog">Verilog</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Блог</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru">Последние публикации</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru/tag/software-development">Разработка ПО</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru/tag/web-development">Веб-разработка</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru/tag/coding-for-beginners">Программирование для начинающих</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/blog/ru/tag/artificial-intelligence">Искусственный интеллект</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Обзоры и сравнения</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/coursera">Coursera</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/udemy">Udemy</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/codecademy">Codecademy</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/datacamp">DataCamp</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/leetcode">LeetCode</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/boot-dev">Boot.dev</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/freecodecamp">freeCodeCamp</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/vs/ru/udemy-vs-coursera">Udemy vs Coursera</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Визуализации</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/sorting">Сортировка</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/data-structures">Структуры данных</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/graphs">Алгоритмы на графах</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/searching">Поиск</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/concepts">Core Concepts</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/sorting/merge-sort">Merge Sort</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/sorting/quick-sort">Quick Sort</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/sorting/bubble-sort">Сортировка пузырьком</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/sorting/selection-sort">Сортировка выбором</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/searching/binary-search">Бинарный поиск</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/data-structures/binary-search-tree">Двоичное дерево поиска</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/data-structures/linked-list">Связный список</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/data-structures/hash-table">Хеш-таблица</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/graphs/depth-first-search">Поиск в глубину</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/graphs/breadth-first-search">Поиск в ширину</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/visualize/ru/graphs/dijkstras-algorithm">Алгоритм Дейкстры</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Команды Git</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/setup">Настройка и конфигурация</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/staging-committing">Индексация и коммит</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/branching">Ветвление</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/undoing">Отмена изменений</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/merging-rebasing">Слияние и перебазирование</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/remotes">Удалённые репозитории</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/inspecting">Просмотр и очистка</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-rebase">git rebase</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-worktree">git worktree</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-stash">git stash</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-merge">git merge</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-reset">git reset</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-undo-commit">git undo commit</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-cherry-pick">git cherry-pick</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/git-commands/ru/git-rebase-vs-merge">git rebase vs merge</a></div></div><div class="BottomSection_linksGroupContainer__paEJl"><p class="Text_normal__n3ZPv Text_colorPrimary__iIPFl Text_bold__3aheX ">Псевдокод</p><div class="BottomSection_linksContainer__yByN_"><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru">Смотреть все</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru/cie">Cambridge (IGCSE / A-Level)</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru/aqa">AQA (GCSE / A-level)</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru/ocr">OCR (Exam Reference Language)</a><a class="Link_link__o93CI Text_normal__n3ZPv Text_colorPrimary__iIPFl " target="_self" href="/pseudocode/ru/edexcel">Pearson Edexcel (GCSE)</a></div></div></div><div class="BottomSection_bottomContainer___SPK4"><div class="BottomSection_legalLinks__AHqYH"><a class="Link_link__o93CI Text_small__H1pZB Text_colorPrimary__iIPFl " target="_self" href="/privacy">Политика конфиденциальности</a><a class="Link_link__o93CI Text_small__H1pZB Text_colorPrimary__iIPFl " target="_self" href="/terms">Условия</a><a class="Link_link__o93CI Text_small__H1pZB Text_colorPrimary__iIPFl " target="_self" href="/cookie-policy">Политика использования файлов cookie</a><a class="Link_link__o93CI Text_small__H1pZB Text_colorPrimary__iIPFl " target="_blank" rel="noreferrer" href="https://coddy.tech/sitemap.xml">Карта сайта</a><a class="Link_link__o93CI Text_small__H1pZB Text_colorPrimary__iIPFl " target="_self" href="/attributions">Источники</a></div><div class="BottomSection_bottomEnd__4OwRn"><span class="BottomSection_languageSwitcher__CxMx4"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="BottomSection_globeIcon__7M0g_" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg><span class="Form_selectWrap__RebWu BottomSection_languageSelectWrap__i6lDr"><select class="Form_control__Zvvf5 Form_select__eP7ha Form_sm__E3sm_" aria-label="Язык"><option value="en" lang="en">English</option><option value="es" lang="es">Español</option><option value="pt" lang="pt">Português</option><option value="tr" lang="tr">Türkçe</option><option value="fr" lang="fr">Français</option><option value="de" lang="de">Deutsch</option><option value="ru" lang="ru" selected="">Русский</option><option value="ja" lang="ja">日本語</option><option value="ko" lang="ko">한국어</option><option value="ar" lang="ar">العربية</option><option value="pl" lang="pl">Polski</option><option value="it" lang="it">Italiano</option><option value="he" lang="he">עברית</option><option value="id" lang="id">Bahasa Indonesia</option></select><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="Form_chevron__wLWUh" aria-hidden="true"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><p class="Text_small__H1pZB Text_colorPrimary__iIPFl BottomSection_copyright__mW3zU">Сделано с ❤️ © 2026 Coddy</p></div></div></div></footer><div class="FooterWordmark_band__wIPqg" aria-hidden="true"><div class="FooterWordmark_word__rxYUb"><span class="Wordmark_wordmark__Ibm0O FooterWordmark_mark__hpKSl"><span class="Wordmark_text__60K_u">Coddy</span></span></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">{"props":{"pageProps":{"variant":"course","homeId":"courses","journeyId":null,"sectionId":"circular_progress_bar__frontend_project","lessonId":"set_up","uiLang":"ru","hubCrumb":{"name":"Учиться","href":"/landing/ru"},"languageTitle":"Курсы","sectionTitle":"Круговой прогресс-бар | Front-end проект","sectionLandingHref":"/landing/ru/courses/circular_progress_bar__frontend_project","titleContext":"Круговой прогресс-бар | Front-end проект","isPartOfName":"Круговой прогресс-бар | Front-end проект","displayName":"Настройка","description":"Давайте настроим заголовок и внешнюю оболочку нашего элемента.","lesson":{"id":"set_up","title":"Set up","body":"\u003cp\u003eДавайте настроим заголовок и внешнюю оболочку нашего элемента.\u003c/p\u003e","theoryHtml":"","extendedTheory":[],"quizQuestionsNum":0,"boardChallenge":null,"mathChallenge":null,"chessChallenge":null,"physicsChallenge":null,"chemistryChallenge":null,"isProject":false,"isMultiFile":true,"lastUpdated":null,"task":{"body":"\u003col\u003e\u003cli\u003eСоздайте тег \u003ctitle\u003e и добавьте текст по вашему выбору.\u003c/li\u003e\u003cli\u003eВнутри тега \u003cbody\u003e создайте div с именем класса container.\u003c/li\u003e\u003c/ol\u003e","type":"web","diff":1,"languages":["html"],"primaryLang":"html","starter":{"files":[{"path":"index.html","code":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n \u003clink rel=\"stylesheet\" href=\"styles.css\"\u003e\n\u003c/head\u003e\n \u003cbody\u003e\n \u003c!-- Write HTML code here --\u003e\n \u003cscript src=\"script.js\"\u003e\u003c/script\u003e\n \u003c/body\u003e\n\u003c/html\u003e","main":true},{"path":"styles.css","code":"/* Write CSS code here */","main":false},{"path":"script.js","code":"// Write JavaScript code here","main":false}]}}},"prevLesson":{"id":"what_are_you_going_to_make","name":"Что вы создадите?","isProject":false},"nextLesson":{"id":"finish_html","name":"Завершение HTML","isProject":true},"sectionChapters":[{"name":"Введение","lessons":[{"id":"what_are_you_going_to_make","name":"Что вы создадите?","isProject":false}]},{"name":"HTML","lessons":[{"id":"set_up","name":"Настройка","isProject":false},{"id":"finish_html","name":"Завершение HTML","isProject":true}]},{"name":"CSS","lessons":[{"id":"universal_selector","name":"Универсальный селектор","isProject":true},{"id":"body","name":"Селектор body","isProject":true},{"id":"container_class","name":"Класс контейнера","isProject":true},{"id":"circular_progress_class","name":"Класс кругового индикатора","isProject":true},{"id":"circular_progress_before","name":"Псевдоэлемент ::before для кругового индикатора","isProject":true},{"id":"progress_value_class","name":"Класс значения прогресса","isProject":true},{"id":"text_class","name":"Класс текста","isProject":true}]},{"name":"JavaScript","lessons":[{"id":"make_it_work","name":"Заставь это работать!","isProject":true}]}],"lessonsTotal":11,"lessonIndex":1,"journeyLang":"html","progressKey":"circular_progress_bar__frontend_project"},"initialLang":"ru","initialBundles":{"comp/topbar":{"choose_courses_tailored":"Выберите курсы, идеально соответствующие вашему уровню знаний.","coddy_logo":"Логотип Coddy","completed":"Завершено","course_type":"Тип курса","courses":"Курсы","difficulty":"Сложность","explore_courses_by_language":"Изучайте курсы по языку программирования.","get_started":"Начать","hide_finished":"Скрыть завершённые","journey":"Путь","learn_challenge_build":"Учитесь, соревнуйтесь или создавайте портфолио через практику.","let_us_know":"сообщите нам","level_of_knowledge":"Уровень знаний","login":"Войти","menu_icon":"значок меню","new_tab":"новая вкладка","no_notifications":"Нет уведомлений для отображения.","notifications":"Уведомления","or_try_search_part1":"Или попробуйте ","or_try_search_part2":" любой курс. Всё ещё не нашли? ","programming_language":"Язык программирования","search":"поиск","search_courses":"Поиск курсов","select_language":"Выберите...","site_language":"Язык","site_search":"Поиск","what_missing":" что вам не хватает!"},"comp/topbar_links":{"about":"О нас","blog":"Блог","bootcamps":"Bootcamps","contact":"Контакты","courses":"Курсы","journey":"Путь","playground":"Песочница"},"comp/user_button":{"get_started":"Начать","start_learning":"Начать обучение","start_teaching":"Начать преподавать","user_profile_image":"Фото профиля пользователя"},"comp/bottom_section":{"about_link":"О нас","affiliate_link":"Партнерская программа","ai_assistant_link":"Bugsy, ИИ-наставница","all_courses_link":"Все курсы","app_store":"App Store","arcade_link":"Аркада","attributions_link":"Источники","blog_col_title":"Блог","blog_latest_posts":"Последние публикации","blog_link":"Блог","blog_tag_artificial_intelligence":"Искусственный интеллект","blog_tag_coding_for_beginners":"Программирование для начинающих","blog_tag_software_development":"Разработка ПО","blog_tag_web_development":"Веб-разработка","brand_link":"Бренд","build_link":"Coddy Build","businesses_link":"Преподаватели","calculators_link":"Калькуляторы","careers_link":"Карьера","certifications_col_title":"Сертификаты","certifications_link":"Сертификации","cheat_sheets_link":"Шпаргалки","company_title":"Компания","concepts_link":"Понятия","contact_link":"Контакт","cookie_policy_link":"Политика использования файлов cookie","copyright_text":"Сделано с ❤️ © {{year}} Coddy","docs_browse_all":"Вся документация","docs_col_title":"Документация","download_on_the":"Загрузите в","embed_link":"Встроить редактор","formulas_link":"Формулы","free_coding_websites_link":"Бесплатные сайты для программирования","get_it_on":"Доступно в","git_commands_cat_branching":"Ветвление","git_commands_cat_inspecting":"Просмотр и очистка","git_commands_cat_merging-rebasing":"Слияние и перебазирование","git_commands_cat_remotes":"Удалённые репозитории","git_commands_cat_setup":"Настройка и конфигурация","git_commands_cat_staging-committing":"Индексация и коммит","git_commands_cat_undoing":"Отмена изменений","git_commands_col_title":"Команды Git","git_commands_link":"Команды Git","glossary_link":"Глоссарий","google_play":"Google Play","help_link":"Центр помощи","home_link":"Главная","interview_questions_link":"Вопросы с собеседований","investigations":"Расследования","language_label":"Язык: ","languages_title":"Языки","learn_title":"Обучение","learn_to_code_link":"Научиться программировать","merch_link":"Мерч","mobile_app_link":"Мобильное приложение","numbers_link":"Числа","openings_link":"Дебюты","periodic_table":"Таблица Менделеева","play_link":"Играть с компьютером","playground_link":"Playground","playgrounds_title":"Playground","practice_link":"Упражнения","press_link":"Пресса","privacy_policy_link":"Политика конфиденциальности","problems_link":"Задачи с собеседований","pseudocode_col_title":"Псевдокод","pseudocode_link":"Редактор псевдокода","puzzles_link":"Задачи","reference_link":"Справочник","resources_title":"Ресурсы","roadmap_link":"Дорожная карта","sitemap_link":"Карта сайта","social_link_label":"Coddy в {network}","space_chemistry":"Химия","space_chess":"Шахматы","space_cybersecurity":"Кибербезопасность","space_math":"Математика","space_physics":"Физика","space_science":"Естественные науки","spaces_title":"Пространства","support_title":"Поддержка","terms_link":"Условия","tool_ascii_art_generator":"Генератор ASCII-арта","tool_base64":"Кодировщик Base64","tool_case_converter":"Конвертер регистра","tool_color_converter":"Конвертер цвета","tool_cron_expression":"Cron-выражения","tool_diff_checker":"Сравнение текстов","tool_hash_generator":"Генератор хешей","tool_json_formatter":"Форматировщик JSON","tool_jwt_decoder":"Декодер JWT","tool_markdown_editor":"Редактор Markdown","tool_password_generator":"Генератор паролей","tool_qr_code_generator":"Генератор QR-кодов","tool_regex_tester":"Тестер Regex","tool_sql_formatter":"Форматировщик SQL","tool_timestamp_converter":"Конвертер timestamp","tool_url_encoder":"Кодировщик URL","tool_uuid_generator":"Генератор UUID","tools_col_title":"Инструменты","tools_link":"Инструменты","view_all":"Смотреть все","visualize_cat_data-structures":"Структуры данных","visualize_cat_graphs":"Алгоритмы на графах","visualize_cat_searching":"Поиск","visualize_cat_sorting":"Сортировка","visualize_col_title":"Визуализации","visualize_link":"Визуализации","viz_binary_search":"Бинарный поиск","viz_binary_search_tree":"Двоичное дерево поиска","viz_breadth_first_search":"Поиск в ширину","viz_bubble_sort":"Сортировка пузырьком","viz_depth_first_search":"Поиск в глубину","viz_dijkstras_algorithm":"Алгоритм Дейкстры","viz_hash_table":"Хеш-таблица","viz_linked_list":"Связный список","viz_merge_sort":"Merge Sort","viz_quick_sort":"Quick Sort","viz_selection_sort":"Сортировка выбором","vs_col_title":"Обзоры и сравнения","vs_view_all":"Смотреть все"},"comp/docs_topbar":{"all_courses_inline":"все курсы","all_docs_inline":"все документы","badge_new":"Новое","catalog":"Каталог","category_chemistry":"Химия","category_chess":"Шахматы","category_cybersecurity":"Кибербезопасность","category_data":"Данные и ИИ","category_games":"Игры","category_math":"Математика","category_mobile":"Мобильные приложения","category_more":"Ещё","category_physics":"Физика","category_popular":"Популярное","category_programming":"Языки программирования","category_science":"Естественные науки","category_systems":"Системы и железо","category_tools":"Инструменты и DevOps","category_web":"Веб","desc_chemistry":"Химия от атомов до периодической таблицы на интерактивных стендах.","desc_chess":"От правил до тактики, матов и эндшпилей.","desc_cybersecurity":"Безопасность от первого оповещения до локализованного взлома.","desc_data":"Запросы, анализ и графики данных, а также работа с ИИ.","desc_games":"Создавай свои игры в Roblox, Unity и Godot.","desc_math":"От арифметики до тригонометрии, шаг за шагом.","desc_mobile":"Создавай приложения для iPhone и Android.","desc_more":"Другие курсы.","desc_physics":"Физика от сил до тяготения, с решением шаг за шагом.","desc_popular":"Курсы, которые чаще всего выбирают ученики Coddy.","desc_programming":"Универсальные языки для приложений, скриптов и бэкенда.","desc_science":"Физика, химия и биология на практике.","desc_systems":"Ближе к железу: память, микросхемы и смарт-контракты.","desc_tools":"Командная строка и инструменты, с которыми работает каждый разработчик.","desc_web":"Сайты и веб-приложения, от первого тега до React.","docs_button_aria":"Открыть документацию {lang}","docs_link":"Документация","explore_docs_by_language":"Просматривайте справочные страницы по языку программирования.","games_hub_link":"Создавайте свои игры","landing_button_aria":"Открыть главную страницу {lang}","path_backend_tagline":"Python, SQL, Git, Linux и Docker, прежде любого фреймворка.","path_backend_title":"Бэкенд-разработчик","path_data_analyst_tagline":"Excel, SQL, Python, NumPy и Pandas - в порядке реальной работы.","path_data_analyst_title":"Аналитик данных","path_data_science_tagline":"Python, SQL, статистика и машинное обучение.","path_data_science_title":"Data Scientist","path_devops_tagline":"Linux, Git, Docker, Kubernetes, SQL и Python в том порядке, в котором их требует работа.","path_devops_title":"DevOps","path_dsa_tagline":"Десять структур, восемь сортировок, рекурсия, DP, графы и подготовка к собеседованию.","path_dsa_title":"Структуры и алгоритмы","path_flutter_developer_tagline":"Dart, Flutter и четыре готовых мобильных приложения.","path_flutter_developer_title":"Flutter разработчик приложений","path_frontend_tagline":"HTML, CSS, JavaScript, TypeScript, React и Next.js, а затем реальные проекты.","path_frontend_title":"Frontend-разработчик","path_full_stack_tagline":"Страница, сервер и база данных: JavaScript, React, Next.js и SQL.","path_full_stack_title":"Fullstack-разработчик","path_godot_game_development_tagline":"GDScript, Godot и четыре 2D-игры.","path_godot_game_development_title":"Разработчик игр на Godot","path_ios_developer_tagline":"Swift, SwiftUI и подготовка к собеседованиям на Swift.","path_ios_developer_title":"iOS разработчик","path_mern_stack_tagline":"MongoDB, Express, React и Node.js, от первой страницы до защищённого API.","path_mern_stack_title":"MERN-разработчик","path_networking_tagline":"Модель OSI, IP-адресация и подсети, настоящие консольные инструменты и лабораторные по LAN.","path_networking_title":"Компьютерные сети","path_python_game_development_tagline":"Python и pygame: от первого окна до платформера.","path_python_game_development_title":"Разработчик игр на Python","path_roblox_game_development_tagline":"Скрипты Roblox и семь готовых игр Roblox.","path_roblox_game_development_title":"Разработчик игр Roblox","path_software_engineer_tagline":"Python, Linux, Git, SQL, структуры данных и алгоритмы, затем читаемый код.","path_software_engineer_title":"Разработчик ПО","path_unity_game_development_tagline":"C#, скрипты Unity и десять 3D-игр.","path_unity_game_development_title":"Разработчик игр на Unity","paths_label":"Пути обучения","playground_button_aria":"Попробовать {lang} в песочнице","playground_link":"Песочница","programming_language":"Язык программирования","see_all_courses_part2":"или выбери курс и начни учиться.","see_all_part1":"Посмотреть","see_all_part2":"или выберите язык выше, чтобы начать чтение.","subject_view_all":"Смотреть все","tag_path":"Путь"},"comp/resources_menu":{"about":"О нас","affiliate":"Партнёрская программа","ai_assistant":"Bugsy, ИИ-наставница","arcade":"Аркада","blog":"Блог","businesses":"Бизнес","calculators":"Калькуляторы","category_chemistry":"Химия","category_chess":"Шахматы","category_coding":"Программирование","category_cybersecurity":"Кибербезопасность","category_math":"Математика","category_physics":"Физика","category_science":"Естественные науки","certifications":"Сертификаты","cheat_sheets":"Шпаргалки","concepts":"Понятия","contact":"Контакты","courses":"Все курсы","desc_about":"Узнайте о Coddy и команде, стоящей за ним.","desc_affiliate":"Продвигайте Coddy и получайте комиссионные за рефералов.","desc_ai_assistant":"Читает ваш код и ошибку, объясняет и подсказывает. Никогда не даёт ответ.","desc_arcade":"Игры, созданные кодом. Играйте в них в браузере.","desc_blog":"Уроки, руководства и истории от команды Coddy.","desc_businesses":"Coddy для команд: адаптация, обучение и отслеживание инженеров.","desc_certifications":"Получайте сертификаты, которыми можно поделиться, проходя курсы.","desc_cheat_sheets":"Таблицы быстрой справки по языкам и инструментам, которые вы используете.","desc_concepts_chess":"Каждое правило и тактика объяснены на доске, где вы их разыгрываете.","desc_concepts_math":"Каждая идея объясняется тем, что можно потянуть, построить или попробовать.","desc_contact":"Свяжитесь со службой поддержки, отделом партнёрств или прессой.","desc_courses":"Бесплатные интерактивные курсы для каждого языка.","desc_docs":"Справочная документация для каждого поддерживаемого языка.","desc_embed":"Добавьте на свой сайт бесплатный запускаемый редактор кода с помощью одного iframe.","desc_formulas_math":"Все формулы на одном листе для печати, с бесплатным PDF.","desc_formulas_physics":"Формулы механики, электричества и волн на листах для печати, с бесплатным PDF.","desc_git_commands":"Каждая команда Git, которая вам нужна, с синтаксисом, флагами и примерами.","desc_glossary":"Понятные определения терминов программирования, у каждого есть запускаемый пример.","desc_interview_questions":"Вопросы с короткими ответами, запускаемым кодом и тестами на вывод.","desc_investigations":"Отдельные инциденты, которые можно разбирать в своём темпе.","desc_numbers_math":"Делители, разложение на простые множители и кратные: по странице на число.","desc_openings_chess":"Каждый дебют на доске, на которой вы играете: главная линия, планы и ловушки.","desc_periodic_table":"Все 118 элементов по семействам, блокам и трендам. Нажмите на элемент, чтобы узнать подробности.","desc_play_chess":"Шесть ботов от новичка до мастера и режим для двоих. Бесплатно, с разбором партии.","desc_playground":"Пишите и запускайте код в браузере без настройки.","desc_practice_math":"Задачи по темам с ответами и задача дня.","desc_problems":"Задачи с собеседований по программированию с запуском в браузере и подсказками.","desc_puzzles_chess":"Задача дня и подборки мат в 1, 2 и 3 хода.","desc_tools":"Бесплатные утилиты для разработчиков: форматтеры, конвертеры и другое.","desc_tools_chess":"Интерактивные доски и справочники, которые можно попробовать сразу.","desc_tools_math":"Бесплатные калькуляторы с полным пошаговым решением.","desc_tools_physics":"Бесплатные калькуляторы по физике: находят любую величину и показывают каждый шаг.","desc_visualize":"Смотрите, как алгоритмы и структуры данных работают пошагово.","docs":"Документация","embed":"Встроить редактор","formulas":"Формулы","git_commands":"Команды Git","glossary":"Глоссарий","heading":"Ресурсы","interview_questions":"Вопросы с собеседований","investigations":"Расследования","numbers":"Числа","openings":"Дебюты","periodic_table":"Таблица Менделеева","play":"Играть с компьютером","playground":"Песочница","practice":"Упражнения","problems":"Задачи с собеседований","puzzles":"Задачи","resources":"Ресурсы","tools":"Инструменты","visualize":"Визуализации"},"comp/company_menu":{"about":"О нас","affiliate":"Партнёрская программа","ai_assistant":"Bugsy, ИИ-наставница","apps":"Мобильное приложение","blog":"Блог","brand":"Бренд","build":"Coddy Build","businesses":"Преподаватели","careers":"Карьера","certifications":"Сертификаты","company":"Компания","contact":"Контакты","desc_about":"Узнайте о Coddy и команде, стоящей за ним.","desc_affiliate":"Продвигайте Coddy и получайте комиссионные за рефералов.","desc_ai_assistant":"Читает ваш код и ошибку, объясняет и подсказывает. Никогда не даёт ответ.","desc_apps":"Учитесь программировать на iPhone и Android, бесплатно в обоих магазинах.","desc_blog":"Уроки, руководства и истории от команды Coddy.","desc_brand":"Логотип, цвета, шрифты, тон и наши персонажи Bit и Bugsy.","desc_build":"Создавайте full-stack приложения с ИИ: чат, предпросмотр и публикация.","desc_businesses":"Coddy для преподавателей: назначайте уроки, отслеживайте прогресс и оценивайте автоматически.","desc_careers":"Открытые вакансии, наша миссия и то, каково работать в Coddy.","desc_certifications":"Получайте сертификаты, которыми можно поделиться, проходя курсы.","desc_contact":"Свяжитесь со службой поддержки, отделом партнёрств или прессой.","desc_press":"Ключевые факты, биографии основателей и контакты для прессы.","heading":"Компания","press":"Пресса"},"comp/form_controls":{"choose_file":"Выбрать файл","clear":"Очистить","color":"Цвет","decrease":"Уменьшить","drop_hint":"или перетащите сюда","increase":"Увеличить","optional":"Необязательно"},"comp/spaces_menu":{"beta":"Бета","chemistry":"Химия","chess":"Шахматы","coding":"Программирование","cybersecurity":"Кибербезопасность","desc_chess":"Правила, тактика и дебюты, шаг за шагом на доске.","desc_coding":"Пишите и запускайте настоящий код прямо в браузере - от первой строки до готового проекта.","desc_cybersecurity":"Расследуйте инциденты и останавливайте взломы в виртуальной компании.","desc_math":"Решайте уравнения ход за ходом и стройте графики от руки: каждый шаг проверяется на интерактивной доске.","math":"Математика","physics":"Физика","science":"Естественные науки","spaces":"Пространства"},"comp/space_catalog":{"catalog":"Каталог","footer_chemistry":"все курсы по химии","footer_chess":"все курсы по шахматам","footer_physics":"все курсы по физике","hub_heading_chemistry":"Все курсы по химии","hub_heading_chess":"Все курсы по шахматам","hub_heading_physics":"Все курсы по физике","hub_paths_heading_chemistry":"Курсы","hub_paths_heading_chess":"Учебные пути","hub_paths_heading_math":"Курсы","hub_paths_heading_physics":"Курсы","hub_paths_subheading_chemistry":"Каждый курс устроен как путь: его разделы идут в том порядке, в каком их преподал бы учитель, а каждая задача решается на стенде, который проверяет каждый шаг.","hub_paths_subheading_chess":"Каждый путь - это маршрут: его курсы в том порядке, в каком их дал бы тренер, а ваш прогресс переносится от одного к другому.","hub_paths_subheading_math":"В школьном порядке. Начните с того, что проходите сейчас.","hub_paths_subheading_physics":"Каждый курс устроен как путь: его разделы идут в том порядке, в каком их преподал бы учитель, а каждая задача решается по шагам с проверкой каждого шага.","hub_subheading_chemistry":"Каждая задача решается на стенде, который проверяет каждый шаг. Начните со строения атома: атомы, электроны и периодическая таблица.","hub_subheading_chess":"Каждый курс проходит на настоящей доске, которая проверяет каждый ход. Начните с правил или сразу перейдите к нужной тактике или эндшпилям.","hub_subheading_physics":"В каждом курсе задачи решаются по шагам, и каждый шаг проверяется. Начни с механики: силы, движение, энергия и гравитация.","journey_algebra":"Алгебра","journey_algebra_2":"Алгебра 2","journey_chemistry":"Химия","journey_chess":"Шахматы для начинающих","journey_cybersecurity":"Кибербезопасность","journey_endgames":"Эндшпили","journey_geometry":"Геометрия","journey_physics":"Физика для начинающих","journey_prealgebra":"Предалгебра","journey_tactics_and_checkmates":"Тактика и маты","journey_trigonometry":"Тригонометрия","section_acids_and_bases":"Кислоты и основания","section_atomic_structure":"Строение атома","section_beginner_chess_strategy":"Игра в реальные партии","section_checkmate_patterns":"Матовые шаблоны I","section_chemical_bonding":"Строение и химическая связь","section_chemical_equilibrium":"Энергия, скорость и равновесие","section_chess_rules":"Основы","section_chess_tactical_motifs":"Основные тактические мотивы","section_chess_tactics_for_beginners":"Тактика","section_electricity_and_magnetism":"Электричество и магнетизм","section_food_chemistry":"Химия пищи и лаборатория","section_how_to_checkmate":"Базовые матовые позиции","section_king_and_pawn_endgames":"Король и пешка","section_optics_waves_and_modern_physics":"Оптика, волны и современная физика","section_physics_mechanics":"Механика","section_redox_reactions":"Окисление и восстановление","section_stoichiometry":"Стехиометрия","see_all_part1":"Смотрите","see_all_part2":"или выберите курс выше, чтобы начать."},"page/learn":{"ai_cta":"Начните это задание с ИИ-наставницей Coddy","ai_cta_more":"Что такое Bugsy?","all_lessons":"Все уроки раздела {section}","aria_breadcrumb":"Хлебные крошки","aria_lessons":"Уроки","board_aria":"Шахматная доска, нажмите на клетку, чтобы ответить","board_check":"Проверить ответ","challenge":"Задание","chess_board_aria":"Шахматная доска, начальная позиция этого задания","chess_checkmate":"Мат!","chess_engine_error":"Движок не смог проверить этот ход здесь. Откройте урок, чтобы сыграть его против заданного соперника.","chess_good_move":"{move}: {why}","chess_kind_find":"Найдите","chess_kind_play":"Играйте","chess_kind_show":"Смотрите","chess_next_move":"Следующий ход","chess_next_position":"Следующая позиция","chess_outline":"Все {count} позиций","chess_position_n":"Позиция {n} из {total}","chess_prev_move":"Предыдущий ход","chess_promote_to":"Преврати пешку в:","chess_prompt_find":"Нажмите на правильное поле.","chess_prompt_play":"Найди лучший ход.","chess_prompt_show":"Пройдите по линии ход за ходом.","chess_reply":"{move}. Ваш ход.","chess_restart":"Начать заново","chess_show_start":"Начальная позиция.","chess_solved_all":"Решено! Это был весь набор. Продолжите в уроке, чтобы сохранить прогресс.","chess_solved_more":"Решено. Следующая позиция готова.","chess_start":"Продолжить в уроке","chess_stuck":"Застряли? В уроке есть подсказки и полное решение.","chess_thinking":"Проверяем ваш ход…","chess_wrong":"Здесь есть ход сильнее. Попробуйте ещё раз.","chess_wrong_capture":"Осторожно: {move} заберёт твою фигуру ({piece}).","chess_wrong_mate":"Осторожно: у соперника есть мат ходом {move}.","colour_black":"чёрный","colour_white":"белый","context_line":"Часть раздела {section} путешествия по {language} на Coddy. Урок {i} из {n}.","context_line_course":"Урок {i} из {n} курса {course} на Coddy.","crosslink_playground":"Песочница {language}","crosslink_playground_compiler":"Онлайн-компилятор {language}","editor_title":"Попробуйте сами","list_and":"и","math_goal_choice":"Выберите правильный ответ","math_goal_combine":"Запиши одной дробью","math_goal_divide":"Раздели многочлены","math_goal_expand":"Раскройте скобки","math_goal_factor":"Разложите выражение на множители","math_goal_find":"Реши на доске","math_goal_geo_board":"Найди {target} по рисунку","math_goal_geo_construct":"Построй циркулем и линейкой","math_goal_geo_drag":"Перетащи фигуру и наблюдай","math_goal_geo_draw":"Начерти на клетчатой бумаге","math_goal_geo_enough":"Хватает ли данных?","math_goal_geo_find":"Найди отмеченную часть фигуры","math_goal_geo_identify":"Найди нужную часть на рисунке","math_goal_geo_prove":"Запиши доказательство","math_goal_geo_reason":"Назови правило, которое их связывает","math_goal_geo_transform":"Перемести фигуру на цель","math_goal_graph":"Постройте график","math_goal_radical":"Запиши в простейшем виде с корнем","math_goal_rationalize":"Избавься от корня в знаменателе","math_goal_simplify":"Упростите выражение","math_goal_solve":"Выразить {target}","math_goal_vertex":"Запиши в вершинной форме","math_start":"Решите шаг за шагом","next_lesson":"Следующий урок","next_section":"Следующий раздел","no_challenge":"В этом уроке нет задания по программированию.","piece_bishop":"слон","piece_king":"король","piece_knight":"конь","piece_pawn":"пешка","piece_queen":"ферзь","piece_rook":"ладья","practice_prompt":"Потренируйтесь самостоятельно:","prev_lesson":"Предыдущий урок","prev_section":"Предыдущий раздел","project_lesson":"Урок-проект","quiz_card_text":"В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.","quiz_card_title":"Проверьте себя","run_code":"Запустить код","spreadsheet_empty":"Откройте урок, чтобы начать с пустого листа.","spreadsheet_label":"Таблица","sq_capture":"взятие","sq_correct":"верно","sq_legal":"возможный ход","sq_selected":"выбрано","sq_wrong":"неверно","start_card_text":"Начните урок, чтобы читать его в интерактивном плеере и сохранять прогресс.","start_lesson":"Начать урок","tab_code":"Код","tab_preview":"Просмотр","target_on":"{piece} на {square}","terminal_label":"Терминал","tool_prompt_ascii":"Узнайте код любого символа:","tool_prompt_base":"Проверьте перевод:","tool_prompt_bytes":"Посмотрите любой текст в байтах:","tool_prompt_count":"Проверьте подсчёт на любом тексте:","tool_prompt_json":"Отформатируйте и изучите любой JSON:","tool_prompt_regex":"Проверьте шаблон на своём тексте:","tool_title_ascii":"ASCII-конвертер","tool_title_base":"Конвертер систем счисления","tool_title_bytes":"Переводчик двоичного кода","tool_title_count":"Счётчик слов и символов","tool_title_json":"Форматировщик JSON","tool_title_regex":"Тестер Regex","why_captures":"Забирает {piece} на {square}.","why_castles_long":"Делает длинную рокировку и укрывает короля на ферзевом фланге.","why_castles_short":"Рокировкой уводит короля в безопасность.","why_centre":"Занимает {square}, одно из четырёх центральных полей.","why_check":"Он даёт шах, поэтому ответ вынужден.","why_defends":"Защищает {piece} на {square}, которая стояла без прикрытия.","why_develops":"Выводит {piece} с {from} в игру.","why_en_passant":"Берёт пешку на {square} на проходе.","why_escapes_check":"Он отвечает на шах.","why_fork":"{piece} на {square} атакует сразу две цели: {targets}.","why_mate":"Форсирует мат в {moves}.","why_mated":"Проигрывает всё: этот ход держится дольше всех, до мата {moves} ходов.","why_pin":"{piece} на {square} связана: её уход откроет {behind} за ней.","why_promotes":"Пешка превращается в {piece}.","why_quiet":"Силой здесь ничего не взять: это ход, сохраняющий больше всего, и позиция улучшается тихо.","why_sacrifice":"Отдаёт {giving} за {piece} на {square}. Движок всё равно считает получившуюся позицию лучшей.","why_saves_piece":"{piece} на {from} была под ударом; поле {to} безопасно.","why_skewer":"Наносит сквозной удар по {piece} на {square}: как только она уйдёт, падает {behind} за ней.","why_threatens":"Создаёт угрозу {piece} на {square}, которую никто не защищает.","why_wins_piece":"Забирает {piece} на {square}, и взять обратно нечем."},"comp/lesson_dynamic":{"always_skip_quizzes":"Всегда пропускать тесты","challenge":"Челлендж","change_in_settings":"Вы можете изменить это в настройках","completed":"Завершён","diff_beginner":"Новичок","diff_easy":"Легко","diff_expert":"Эксперт","diff_hard":"Сложно","diff_medium":"Средне","dismiss":"Отменить","explain_challenge":"Объяснить задание","go_to_block_questions":"Перейти к вопросам блока","go_to_challenge":"Перейти к заданию","go_to_code":"Перейти к коду","hide":"Скрыть","hide_audio":"Скрыть аудио","lesson":"Урок","listen":"Слушать","minimize":"Свернуть","minimize_player":"Свернуть плеер","navigate_to_board":"Открыть доску","navigate_to_code_editor":"Перейти в редактор кода","navigate_to_math_workspace":"Открыть рабочую область математики","navigate_to_quiz":"Перейти к тесту","next":"Далее","no_tokens_warning":"Если ты откроешь решение, то не получишь токенов за выполнение этой задачи.","not_enough_energy":"Недостаточно энергии!","not_enough_tokens":"Недостаточно токенов!","of":"из","pause":"Пауза","play":"Воспроизвести","playback_speed":"Скорость воспроизведения","points":"Очки","prev":"Предыдущий","progress_not_saved":"Ваш прогресс не будет сохранён","question":"Вопрос","questions":"Вопросов","quiz":"Тест","quiz_required":"Пройдите тест, чтобы завершить этот урок","ready_to_start_quiz":"Готовы начать тест?","rehearsal":"Повторение","reset":"Начать сначала","restart_quiz":"Перезапустить тест","restore_player":"Показать аудиоплеер","reveal_solution":"Показать решение?","show":"Показать","show_audio":"Показать аудио","skip":"Пропустить","skip_block_questions":"Пропустить тест","skip_confirm_title":"Вы уверены, что хотите пропустить этот тест?","skip_error":"Произошла ошибка","skip_failed":"Не удалось пропустить блоки","skip_quiz":"Пропустить тест","skipped":"Пропущен","skipping":"Пропускаем...","solution":"Решение","start_quiz":"Начать тест","theory":"Теория","tldr_tooltip":"Слишком длинно; не читал","tts_voice":"Голос TTS","unlock_all_questions":"Разблокируйте все вопросы с Plus","voice_female":"Женский","voice_male":"Мужской","watch_solution_on_board":"Посмотри решение на доске","what_is_it":"Что это?"},"comp/bottom_cta":{"continue_coding":"Продолжить кодить","continue_learning":"Продолжить обучение","get_started":"Начать","lang_illustration_alt":"Иллюстрация языков программирования Coddy","learn_to_code":"Учитесь программировать с Coddy"}},"initialSessionLogged":false,"learnerCount":5998686,"__N_SSP":true},"page":"/learn/[homeId]/[sectionId]/[lessonId]","query":{"lang":"ru","homeId":"courses","sectionId":"circular_progress_bar__frontend_project","lessonId":"set_up"},"buildId":"8tDdJgNwR9qHF2V3IgzY4","assetPrefix":"https://static.coddy.tech","isFallback":false,"isExperimentalCompile":false,"gssp":true,"appGip":true,"scriptLoader":[]}</script></body></html>