Полезные советы от экспертов - Руководство по стилю - Документация по GitHub

Полезные советы от экспертов - Руководство по стилю - Документация по GitHub
На чтение
35 мин.
Просмотров
13
Дата обновления
26.02.2025
#COURSE##INNER#

Когда дело доходит до разработки программного обеспечения, важное значение имеет не только функциональность кода, но и его стиль. От правильности и читабельности кода зависит эффективность работы команды разработчиков, а также поддержка и дальнейшее развитие проекта. В популярном веб-хостинге для разработчиков GitHub существует документация, где представлено Руководство по стилю, содержащее полезные советы и рекомендации от экспертов.

Руководство по стилю в документации GitHub является набором правил и рекомендаций, которые помогут разработчикам писать код наиболее эффективным, понятным и читаемым образом. В нем представлены основные стилистические аспекты, которым следует придерживаться при написании кода на различных языках программирования, включая JavaScript, Ruby, Python и др.

«Правильно структурированный код – это необычайно важный фактор для успешного сотрудничества в команде разработчиков. Разные программисты могут иметь различное понимание стиля кодирования, поэтому руководство по стилю помогает нивелировать эту разницу и сделать код более согласованным», – говорят эксперты документации GitHub.

Руководство представлено в виде списка рекомендаций и правил, каждое из которых аргументировано и сопровождается примерами кода. Это удобно для быстрого восприятия и практического применения рекомендаций в работе. Код, написанный в соответствии с Rуководством по стилю GitHub, легче читать и понимать, а также поддерживать, особенно при работе в команде.

Руководство по стилю: Полезные советы от экспертов

Ниже приведены несколько полезных советов от экспертов, которые помогут вам сократить время на чтение кода и избежать потенциальных ошибок:

1. Именование переменных:

Используйте длинные, но описательные имена переменных. Избегайте использования слишком коротких или неинформативных имён, которые могут создать путаницу. Используйте camelCase для переменных и PascalCase для имён классов и конструкторов.

2. Отступы и форматирование:

Правильное форматирование кода с отступами значительно упрощает его чтение и понимание. Используйте четыре пробела для отступов и избегайте использования табуляции. Группируйте связанные блоки кода с помощью отступов и комментариев.

3. Комментарии:

Добавляйте комментарии к сложным частям кода, чтобы пояснить логику или решить неочевидные проблемы. Комментарии помогают другим разработчикам быстрее разобраться в вашем коде и делать правильные изменения.

4. Работа с ветвлением и циклами:

Старайтесь избегать глубокой вложенности ветвлений и циклов, чтобы не усложнять понимание кода. Используйте конструкции, которые позволяют ясно и компактно выразить вашу идею.

5. Проверка кода:

Перед коммитом или публикацией кода обязательно проверьте его на наличие синтаксических ошибок и потенциальных проблем. Множество инструментов и IDE предоставляют возможность автоматической проверки и исправления кода.

Следование этих рекомендаций по стилю поможет вам писать более чистый и понятный код, а также значительно облегчит совместную работу с другими разработчиками. Помните, что главное - это создание читаемого и поддерживаемого кода.

Создание структурированного кода

Для создания структурированного кода рекомендуется следующие принципы:

1. Используйте понятные и говорящие имена переменных, функций и классов. Имена должны отражать суть и назначение элемента кода, чтобы было легко понять его назначение без необходимости чтения всего кода.

2. Разделяйте код на логические блоки. Разбивайте код на функции или методы с четко определенной задачей. Это значительно улучшает читаемость кода и позволяет повторно использовать отдельные блоки кода.

3. Используйте отступы и отбивку строк. Отступы помогают визуально разделить блоки кода, улучшая его читаемость. Также рекомендуется оставлять пустые строки между логическими блоками кода для большей наглядности.

4. Документируйте свой код. Добавляйте комментарии к коду, чтобы пояснить его логику и назначение. Это помогает другим разработчикам быстро разобраться в проекте и сэкономить время на изучение кода.

5. Используйте версионирование. Git предоставляет возможность версионировать код, что позволяет отслеживать изменения и возвращаться к предыдущим версиям кода при необходимости. Это особенно полезно при совместной разработке проекта.

Следуя этим принципам, вы сможете создать структурированный и понятный код, который будет легко поддерживать и развивать. Это поможет вам и другим разработчикам эффективно работать над проектом на GitHub.

Используйте понятные имена переменных

Ниже приведены некоторые полезные рекомендации по выбору имен переменных:

Правило Пример
Используйте осмысленные имена count, total, username
Избегайте сокращений и аббревиатур numOfUsers, totalPrice
Будьте последовательными isAdmin, isSuperUser
Избегайте использования односимвольных имен i, x, y
Используйте camelCase или snake_case fullName, first_name, last_name

Хорошее и понятное именование переменных значительно облегчает чтение и понимание кода другими разработчиками. Это также помогает избегать ошибок и облегчает сопровождение кода в будущем.

Организуйте код в модули и функции

Модуль - это независимая единица кода, которая решает конкретную задачу. Он может содержать набор функций, классов или переменных, которые связаны между собой и выполняют определенные функции. Организация кода в модули помогает снизить сложность разработки и облегчает сопровождение приложения.

Функции, в свою очередь, представляют собой набор инструкций, который выполняет определенную операцию и возвращает результат. Использование функций позволяет создавать повторно используемые блоки кода, что способствует пониманию и облегчает внесение изменений в программу.

При организации кода в модули и функции полезно соблюдать следующие принципы:

1. Единственная ответственность Модуль или функция должны решать только одну задачу. Это позволяет упростить понимание кода и его использование.
2. Соблюдение принципа DRY DRY (Don't Repeat Yourself) - принцип, гласящий, что код не должен дублироваться. Используйте функции для избегания повторения кода.
3. Читаемость и понятность Код должен быть написан таким образом, чтобы его легко понять и прочитать другим разработчикам. Используйте осмысленные имена для модулей и функций, а также комментарии для объяснения сложных моментов.
4. Тестирование и отладка Модули и функции должны быть независимыми и хорошо тестируемыми. Это поможет обнаружить и исправить ошибки на ранних этапах разработки.

Организация кода в модули и функции является хорошей практикой программирования. Это помогает создавать более читаемый, понятный и гибкий код, который легко поддерживать и расширять.

Оформление кода

1. Отступы и отображение

Используйте правильные отступы для каждого уровня вложенности кода. Обычно используется отступ в 4 пробела или табуляция. Это позволяет легче читать ваш код и понимать его структуру.

2. Именование переменных

Выбирайте осмысленные и информативные имена переменных. Имена переменных должны быть понятными и описывать их назначение. Избегайте сокращений и непонятных обозначений, которые могут затруднить понимание вашего кода.

Пример хорошего имени переменной: userName

Пример плохого имени переменной: uN

3. Комментирование кода

Добавьте комментарии к вашему коду, чтобы пояснить его структуру, логику или особенности. Хорошо оформленные комментарии помогут вам и другим разработчикам лучше понять код, особенно если он сложный или содержит нетривиальные алгоритмы.

4. Использование пустых строк

Добавляйте пустые строки между блоками кода, чтобы разделить их и улучшить визуальную структуру вашего кода. Это поможет сделать код более читабельным и наглядным, особенно при работе с большими файлами или сложными функциями.

5. Использование комбинации символов

Используйте правильные комбинации символов, чтобы отображать связанный код. Например, добавляйте пробелы вокруг операторов =, +, -, чтобы сделать их более читабельными.

Пример: var a = 10;

Следование этим советам поможет вам писать более чистый, понятный и поддерживаемый код. Оформление кода - важный аспект процесса разработки, который необходимо учитывать при работе над проектом.

Отступы и форматирование

Правильное использование отступов и форматирование важно для создания читаемого и структурированного кода. Вот несколько советов, которые помогут вам поддерживать хороший стиль:

  • Используйте отступы для группировки связанных элементов кода. Обычно отступы делаются с помощью четырех пробелов или одного табуляционного символа.
  • Отступы должны использоваться для обозначения вложенных блоков кода, таких как условные операторы, циклы и функции.
  • Используйте пустые строки для разделения логических блоков кода. Это помогает улучшить читаемость кода и выделить его структуру.
  • Упорядочивайте атрибуты HTML-элементов таким образом, чтобы они были легко читаемыми и обслуживаемыми. Часто использование каждого атрибута в отдельной строке делает код более ясным.
  • Если вы работаете над проектом с другими разработчиками, следуйте уже установленному стилю кода, чтобы поддерживать единообразие и упростить совместную разработку.

Соблюдение этих советов по отступам и форматированию поможет вам создать качественный и структурированный код, который будет легко читать и поддерживать.

Используйте одну стандартную кодировку

При работе с HTML-документами рекомендуется использовать одну стандартную кодировку для всех файлов. Это важно для обеспечения правильного отображения текста на разных устройствах и браузерах.

Стандартная кодировка веб-страниц - UTF-8, которая поддерживает большую часть символов и позволяет использовать текст на разных языках, в том числе и на Русском.

Для указания кодировки в HTML-файле используется тег . Этот тег обычно размещается внутри секции перед тегом </code>.</p> <p>Пример:</p> <table> <tr> <th>Кодировка</th> <th>Тег в HTML-файле</th> </tr> <tr> <td>UTF-8</td> <td><code><meta charset="utf-8"></code></td> </tr> </table> <p>Важно убедиться, что все файлы на вашем сайте используют одну и ту же кодировку. Если есть файлы с другой кодировкой, они могут отображаться некорректно, и на странице могут появляться недопустимые символы или искажения текста.</p> <p>Если вы используете специфическую кодировку для своего контента, убедитесь, что она поддерживается вашими посетителями и используйте соответствующий тег <code><meta charset=""></code>.</p> <p>Следуя этому совету, вы сможете обеспечить правильное отображение текста на вашем веб-сайте и сделаете его доступным для самой широкой аудитории пользователей.</p> <h3>Комментируйте код для повышения понятности</h3> <p>В командах разработки ценится понятность кода, чтобы другие разработчики и сами авторы могли легко понять его функционал и логику. Однако, даже самый понятный код может оставить вопросы, особенно когда код становится сложным или содержит нетривиальные операции. В таких случаях комментарии играют важную роль в объяснении кода и повышении его понятности.</p> <p>Комментарии - это строки или фрагменты кода, которые не компилируются и не выполняются, но предназначены для объяснения, документирования или напоминания разных аспектов кода. Они помогают разработчикам понять, что делает определенный участок кода, какие процессы или логика скрываются за ним. Комментарии также могут быть полезны при ревью кода, сотрудничестве с другими разработчиками или работе с унаследованным кодом.</p> <p>Когда пишете комментарии, помните о следующих принципах:</p> <ol> <li><strong>Делайте их понятными и краткими:</strong> Используйте простые и понятные формулировки, чтобы другие разработчики могли быстро понять описание. Комментарии не должны быть слишком длинными, чтобы не отвлекать от основного кода.</li> <li><strong>Комментируйте сложные операции и нетривиальные алгоритмы:</strong> Если участок кода содержит нетривиальные операции или алгоритмы, которые могут вызвать путаницу, добавьте комментарии, чтобы объяснить логику и детали работы.</li> <li><strong>Объясняйте "почему", а не "что":</strong> Комментарии должны фокусироваться на объяснении причин и особенностей решений в коде, а не на перечислении того, что делает код. Код должен быть самодокументируемым, а комментарии должны помочь понять его контекст и нюансы.</li> <li><strong>Удалите устаревшие комментарии:</strong> Периодически проверяйте код и удаляйте комментарии, которые стали устаревшими из-за обновлений или изменений кода. Устаревшие комментарии могут вводить в заблуждение и осложнять понимание кода.</li> <li><strong>Используйте комментарии для TODO:</strong> Если вам нужно указать на недостающий функционал или исправление в коде, используйте комментарии с меткой "TODO" для отметки этих задач. Это поможет вам и другим разработчикам помнить о них и приоритизировать работу.</li> </ol> <p>Помните, что комментарии должны быть сбалансированы, не перегружая код и не заменяя его самодокументирующие свойства. Цель комментариев - помочь в понимании кода и упростить сотрудничество между разработчиками.</p> <h2>Эффективное использование GitHub</h2> <p><strong>1. Создавайте репозитории</strong></p> <p>Репозиторий на GitHub представляет собой контейнер, в котором хранятся все файлы, коммиты и история изменений проекта. Создавайте репозитории для каждого своего проекта, чтобы упорядочить работу и легко находить нужные файлы.</p> <p><strong>2. Ветвление и слияние</strong></p> <p>Git предоставляет возможность создавать ветвления вашего проекта, что позволяет вам работать над разными функциональными возможностями и исправлениями ошибок параллельно. Используйте ветки для разработки нового функционала, а затем сливайте их с основной веткой, чтобы получить актуализированную версию проекта.</p> <p><strong>3. Используйте задачи и метки</strong></p> <p>GitHub позволяет отслеживать задачи и приоритеты, а также давать им метки. Создавайте задачи и устанавливайте метки для них, чтобы упростить организацию работы и отслеживание прогресса проекта.</p> <p><strong>4. Активное использование функционала Pull Request</strong></p> <p>Функционал Pull Request позволяет отправить запрос на слияние вашей ветки с основной веткой проекта. Это удобный способ для обсуждения и рецензирования изменений перед их объединением с актуальной версией проекта.</p> <p><strong>5. Работа в команде</strong></p> <p>GitHub предоставляет широкий набор инструментов для работы в команде. Вы можете добавлять коллег в проект, назначать им роли и права доступа, а также обсуждать изменения и задачи в комментариях.</p> <p><em>В отличие от простого использования Git, использование GitHub дает больше возможностей для совместной работы и обмена информацией в команде. Следуя этим советам, вы сможете максимально эффективно использовать все преимущества этой платформы.</em></p> </div> <div class="faq"> <h2>Вопрос-ответ:</h2> <h4>Какие основные принципы следует учитывать при создании стиля кода?</h4> <p>Основные принципы при создании стиля кода включают соблюдение синтаксиса, использование понятных имен переменных и функций, отступы и форматирование кода.</p> <h4>Какое значение имеет использование комментариев в стиле кода?</h4> <p>Использование комментариев помогает понять логику и назначение определенных частей кода, делает его более понятным и удобочитаемым для других разработчиков.</p> <h4>Какие инструменты могут помочь при оформлении кода в соответствии с требованиями стиля?</h4> <p>Существуют различные инструменты, такие как Prettier, ESLint, Stylelint, которые помогают автоматически форматировать код и проверять его на соответствие требованиям стиля.</p> <h4>Что такое CamelCase стиль и как его применять в именовании переменных и функций?</h4> <p>CamelCase стиль - это способ именования, при котором первое слово начинается с маленькой буквы, а каждое последующее слово начинается с большой буквы без использования пробелов или подчеркиваний. Например, myVariable или calculateSum. Имена переменных и функций следует оформлять в таком стиле для удобочитаемости кода.</p> <h4>Каким образом использование алиасов может улучшить стиль кода?</h4> <p>Использование алиасов позволяет сократить длину путей к модулям и библиотекам, делая код более компактным и читабельным. Алиасы могут быть объявлены в конфигурационных файлах проекта или при помощи дополнительных инструментов, таких как Babel или Webpack.</p> </div> <div class="movie"> <h2>Видео:</h2> <h3>github как залить проект.Как пользоваться github.</h3> <p>github как залить проект.Как пользоваться github. by Дмитрий Тхоржевский 35,340 views 1 year ago 13 minutes, 52 seconds</p> <iframe width="750" height="420" src="https://www.youtube.com/embed/SdILWnuiMOY" title="Полезные советы от экспертов - Руководство по стилю - Документация по GitHub" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> <div class="article-footer"> <div class="tags"> <a href="/blog/github/">Github</a> </div> <div class="blog-share"> <span>Поделиться:</span> <div class="ya-share2" data-curtain data-shape="round" data-services="vkontakte,telegram,viber,whatsapp"> <div class="ya-share2__container ya-share2__container_size_m ya-share2__container_color-scheme_normal ya-share2__container_shape_round"> <ul class="ya-share2__list ya-share2__list_direction_horizontal"> <li class="ya-share2__item ya-share2__item_service_vkontakte"> <a class="ya-share2__link" href="https://vk.com/share.php?url=https://kimgid.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/&title=Полезные советы от экспертов - Руководство по стилю - Документация по GitHub&utm_source=share2" rel="nofollow noopener" target="_blank" title="ВКонтакте"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">ВКонтакте</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_telegram"> <a class="ya-share2__link" href="https://t.me/share/url?url=https://kimgid.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/&text=Полезные советы от экспертов - Руководство по стилю - Документация по GitHub&utm_source=share2" target="_blank" rel="nofollow noopener"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">Telegram</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_viber"> <a class="ya-share2__link" href="viber://forward?text=Блог kimgid https://kimgid.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/&utm_source=share2" rel="nofollow" target="_blank" title="Viber"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">Viber</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_whatsapp"> <a class="ya-share2__link" href="https://api.whatsapp.com/send?text=Полезные советы от экспертов - Руководство по стилю - Документация по GitHub https://kimgid.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/&utm_source=share2" rel="nofollow noopener" target="_blank" title="WhatsApp"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">WhatsApp</span> </a> </li> </ul> </div> </div> </div> </div> </div> <meta property="og:type" content="website"> <meta property="og:site_name" content="apipython.ru"> <meta property="og:type" content="article" /> <meta name="author" content="" /> <meta property="article:published_time" content="12.02.2023 10:02:02" /> <meta property="article:modified_time" content="26.02.2025 07:02:43" /> <meta property="og:url" content="https://apipython.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/"> <meta property="og:locale" content="ru"> <meta property="og:title" content="Блог \ Полезные советы от экспертов - Руководство по стилю - Документация по GitHub | apipython.ru - блог"> <meta property="og:description" content="Когда дело доходит до разработки программного обеспечения, важное значение имеет не только функциональность кода, но и его стиль. От правильности и читабельности кода зависит эффективность работы команды разработчиков, а также поддержка и дальнейшее"> <meta property="og:image" content="https://apipython.ru/upload/iblock/499/5aooliijt271ch05rjgtrrhrc4nsjx0z/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github_11291.jpg"> <div class="pane related-posts"> <h4 class="decored-title">Похожие статьи</h4> <div class="row"> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/poleznye-svedeniya-i-rekomendaczii-o-viki-sajtah-na-github-enterprise-server-36-docs/"><img src="/upload/iblock/3ec/fc68ycqbvsfuvu1y8qwl379w06902eu6/poleznye-svedeniya-i-rekomendaczii-o-viki-sajtah-na-github-enterprise-server-36-docs_27857.jpg" alt="Полезные сведения и рекомендации о вики-сайтах на GitHub Enterprise Server 36 Docs"></a></div> <div class="post-preview-title"><a href="/blog/poleznye-svedeniya-i-rekomendaczii-o-viki-sajtah-na-github-enterprise-server-36-docs/">Полезные сведения и рекомендации о вики-сайтах на GitHub Enterprise Server 36 Docs</a></div> <span>12/24/2024</span> </div> </div> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/poleznye-sovety-dlya-organizaczij-po-sozdaniyu-dokumentaczii-na-github/"><img src="/upload/iblock/e79/96az6t41zfnrnddqdjj8dahpafqqob53/poleznye-sovety-dlya-organizaczij-po-sozdaniyu-dokumentaczii-na-github_31156.jpg" alt="Полезные советы для организаций по созданию документации на GitHub"></a></div> <div class="post-preview-title"><a href="/blog/poleznye-sovety-dlya-organizaczij-po-sozdaniyu-dokumentaczii-na-github/">Полезные советы для организаций по созданию документации на GitHub</a></div> <span>12/23/2024</span> </div> </div> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/poleznye-sovety-i-rekomendaczii-po-ispolzovaniyu-storonnih-uchastnikov-v-github-enterprise-server-3-6-docs/"><img src="/upload/iblock/2dc/hb1p4bkhgikcs2bxtgr9j8d31frtrpiw/poleznye-sovety-i-rekomendaczii-po-ispolzovaniyu-storonnih-uchastnikov-v-github-enterprise-server-3-6-docs_4308.jpg" alt="Полезные советы и рекомендации по использованию сторонних участников в GitHub Enterprise Server 3.6 Docs"></a></div> <div class="post-preview-title"><a href="/blog/poleznye-sovety-i-rekomendaczii-po-ispolzovaniyu-storonnih-uchastnikov-v-github-enterprise-server-3-6-docs/">Полезные советы и рекомендации по использованию сторонних участников в GitHub Enterprise Server 3.6 Docs</a></div> <span>12/22/2024</span> </div> </div> </div> </div> <div class="pane pe-0 ps-0"> <div class="decored-title">0 Комментариев</div> <div class="comm-list"> </div> </div> <div class="pane"> <div>Комментариев на модерации: 0</div> <div class="decored-title">Оставьте комментарий</div> <div class="comm-form"> <form method="post" enctype="multipart/form-data" class="comment form"> <div class="row"> <div class="col-lg-12 mb-3"> <div class="rate-block"> <label>Ваша оценка</label> <div class="rating"> <div class="votes_block with-text"> <div class="ratings"> <div class="item-rating" data-message="Очень плохо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Плохо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Нормально"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Хорошо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Отлично"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="">Ваше имя</label> <div class="input-box" required> <i class="far fa-user"></i> <input type="text" class="form-control" required name="name"> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="">Ваша почта</label> <div class="input-box" required> <i class="far fa-envelope"></i> <input type="email" class="form-control" required name="email"> </div> </div> </div> </div> <div class="form-group"> <div class="input-box"> <i class="far fa-comment-alt"></i> <textarea name="comment" id="" class="form-control"></textarea> </div> </div> <input type="hidden" name="article" value="97836"> <input type="hidden" name="rating" value="5" class="rating_form"> <input type="hidden" name="link" value="https://apipython.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/"> <input type="hidden" name="ip" value="18.222.28.236"> <input type="hidden" name="sid" value="51"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="">Прикрепите фото</label> <input type="file" class="form-control" name="file"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree2" name="agreement" checked> <label class="form-check-label" for="agree2"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> </div> </div> <div class="row mb-3"> <div class="col-lg-4"> <button type="submit" class="btn btn-full">Отправить</button> </div> </div> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваш комментарий добавлен! <br>Он будет размещен после модерации</p> </div> </div> </div> </div> </div> <div class="sidebar"> <div class="widget"> <h3>Популярные статьи</h3> <div class="wiget-grp"> </div> </div> <div class="widget"> <h3>Categories</h3> <ul class="cat-nav"> <li><a href="/blog/data-science/">Data Science</a></li> <li><a href="/blog/devops-kubernetes/">DevOps>Kubernetes</a></li> <li><a href="/blog/django/">Django</a></li> <li><a href="/blog/docker/">Docker</a></li> <li><a href="/blog/flask/">Flask</a></li> <li><a href="/blog/github/">Github</a></li> <li><a href="/blog/bazy-dannykh/">Базы данных</a></li> <li><a href="/blog/kursy/">Курсы</a></li> <li><a href="/blog/novichkam/">Новичкам</a></li> <li><a href="/blog/raznoe/">Разное</a></li> <li><a href="/blog/uroki/">Уроки</a></li> <li><a href="/">Главная</a></li> <li><a href="/blog/" class="selected">Блог</a></li> </ul> </div> </div> </div> </div> </main> <!-- Modal 1 --> <div class="modal modal-wide fade" id="modal-1" tabindex="-1" aria-labelledby="modal-1Label" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-help"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-help-lft"> <span>Поможем подобрать курс</span> чтобы вы получили повышение <br> или новую профессию. </div> <div class="modal-help-rht"> <div class="modal-form-title">Оставьте заявку, и мы перезвоним</div> <form method="post" enctype="multipart/form-data" class="help"> <div class="form-group"> <input type="text" placeholder="Имя" class="form-control" name="name"> </div> <div class="form-group"> <input type="text" placeholder="Телефон" class="form-control" name="tel"> </div> <div class="form-group"> <input type="text" placeholder="Email" class="form-control" name="email"> </div> <div class="form-group"> <input type="hidden" placeholder="Статья" class="form-control" name="article" value="97836"> <input type="hidden" name="link" value="https://apipython.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/"> <input type="hidden" name="ip" value="18.222.28.236"> <input type="hidden" name="sid" value="51"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree" name="agreement" checked> <label class="form-check-label" for="agree"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> <button type="submit" class="btn btn-primary btn-full">Оставить заявку</button> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваша заявка отправлена! <br>Мы скоро с Вами свяжемся!</p> </div> </div> </div> </div> </div> </div> </div> <!-- Modal 2 --> <div class="modal modal-simple fade" id="modal-2" tabindex="-1" aria-labelledby="modal-2Label" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-title">Узнайте какая профессия вам подходит</div> <p class="text-center">Пройдите тест - это займет не больше 10 минут</p> <form method="post" enctype="multipart/form-data" class="profession"> <div class="form-group"> <input type="text" placeholder="Имя" class="form-control" name="name"> </div> <div class="form-group"> <input type="email" placeholder="Email" class="form-control" name="email"> </div> <div class="form-group"> <input type="hidden" placeholder="Статья" class="form-control" name="article" value="97836"> <input type="hidden" name="link" value="https://apipython.ru/blog/poleznye-sovety-ot-ekspertov-rukovodstvo-po-stilyu-dokumentacziya-po-github/"> <input type="hidden" name="ip" value="18.222.28.236"> <input type="hidden" name="sid" value="51"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree1" name="agreement" checked> <label class="form-check-label" for="agree1"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> <button type="submit" class="btn btn-primary btn-full">Пройти тест</button> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваша заявка отправлена! <br>Мы скоро с Вами свяжемся!</p> </div> </div> </div> </div> </div><footer class="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4 col-md-4 col-xl-4"> <a href="/" class="logo-brand"> <span><img src="/favicon.ico" alt=""></span> api python </a> </div> <div class="col-6 col-sm-4 col-md-4 col-xl-4"> </div> <div class="col-6 col-sm-4 col-md-4 col-xl-4"> </div> </div> </div> </div> <div class="footer-btm"> <div class="container"> <span>© 2025</span> <span>Edtech Seo</span> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93896292, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93896292" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> </div> </footer> <svg width="0" height="0" style="display: none;"> <symbol id="prev" viewBox="0 0 24 24" fill="none"> <path d="M15 6L9 12L15 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </symbol> <symbol id="next" viewBox="0 0 24 24" fill="none"> <path d="M9 6L15 12L9 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </symbol> </svg> </body> </html>