developers.html

<!doctype html>
<html lang="en">
<head>
    <title>SkyEng developers grading</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <!-- 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();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(86001731, "init", {
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true,
            webvisor:true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/86001731" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
</head>
<body>
<div id="app" class="container py-4 mt-4">
    <header class="pb-1 mb-4 border-bottom">
        <a href="#" class="d-flex align-items-center text-dark text-decoration-none">
            <span class="fs-4">🚀 Калькулятор грейда разработчиков SkyEng</span>
        </a>
    </header>
    <div class="p-2 mb-4 bg-light rounded-3">
        <div class="container-fluid py-1 collapse-horizontal">
            <h1 class="display-5 fw-bold pb-3">О системе грейдов</h1>
            <div>
                <div class="col-md-8 fs-6">
                    Гредирование - это система, позволяющая привязать зарплаты в компании к результатам сотрудников,
                    а так же построить индивидуальный план развития каждого разработчика через систему оценки.
                </div>
                <div class="col-md-8 fs-6">
                    Система грейдов для разработчиков состоит из 2-х частей и включает:
                    <ul>
                        <li>Оценку performance по критериям. Формат: самооценка + оценка руководителя. Коллеги и эксперты могут быть привлечены по запросу</li>
                        <li>Оценку хардов. Формат: самооценка + экспертная оценка</li>
                    </ul>
                </div>
                <div class="col-md-8 fs-6 mt-4">
                    Оценка по критериям построена на основе информации, которую подсвечивали тимлиды и разработчики.
                    Также при составлении критериев были учтены наши текущие слабые стороны - например, кросс-командные задачи.<br>
                    Можно сказать, что оценка достаточно субъективна в разрезе критериев, но объективна в рамках компании.
                </div>
                <div class="col-md-8 fs-6 mt-4">
                    Вопросы, помеченные в оценке <b>*</b> являются ключевыми. Если проявление по ключевому вопросу соответствует уровню middle, то
                    в случае набора по баллам уровня senior, будет присвоена оценка, не выше middle.
                </div>
                <div class="col-md-8 fs-6 mt-4">
                    С учетом того, что оценка достаточно субъективна, выбирайте варианты проявления, которые чаще всего были за последние 3 месяца.
                    Если сомневаетесь между двумя, выбирайте нижнее проявление.
                </div>
            </div>
            <a href="#questions" class="btn btn-primary btn-lg mt-5" type="button" @click="start" v-show="!started">Начать
                оценку по критериям</a>
        </div>
    </div>

    <div class="row">
        <div class="container" id="questions" v-show="started">
            <div v-for="question in questions" v-bind:id="question.id">
                <div class="question ml-sm-5 pl-sm-5 pb-2" v-show="show(question.number)">
                    <figure>
                        <blockquote class="blockquote pt-4">
                            <h5>{{ question.number }}/{{ questionsCount }}. {{ question.subject }}<span
                                    v-if="question.isKeyQuestion">*</span></h5>
                        </blockquote>
                        <figcaption class="blockquote-footer" v-show="question.description" v-html="question.description">
                        </figcaption>
                        <small v-if="question.examples"><div class="card card-body" v-html="question.examples"></div></small>
                    </figure>
                    <div class="ml-md-3 ml-sm-3 pl-md-5 pt-sm-0 pt-3 options-container">
                        <div class="form-check py-1" v-for="choice in question.choices" v-bind:id="choice.value">
                            <input class="form-check-input" type="radio" :name="'question_' + question.id"
                                   :id="'question_' + question.id + '_' + choice.value"
                                   @change="answer(question.id, choice.value)">
                            <label class="form-check-label" :for="'question_' + question.id + '_' + choice.value">
                                {{ choice.choice }}
                            </label>
                            <div id="emailHelp" class="form-text" v-if="choice.description">{{
                                    choice.description
                                }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-5" v-show="lastAnsweredNumber === questionsCount">
                <h4>Грейд, с учетом ключевых <b>*</b> пунктов: {{ realGrade.name }}</h4>
                <a href="https://skyeng.team/development" class="btn btn-success btn-lg">Посмотреть вакансии Skyeng</a>

                <div style="margin-top: 20px">
                    <span>Набрано баллов: {{ userScore }} / {{ maxScore }}</span>
                    <ul>
                        <li v-for="gradeStep in grades">{{ gradeStep.name }} >= {{ gradeStep.score }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <footer class="pt-3 mt-4 text-muted border-top">
        SkyEng &copy; 2022
    </footer>
</div>


<script>
    const app = new Vue({
        el: '#app',
        data: {
            test: [
                {
                    id: 1,
                    subject: "Какой контроль нужен за сотрудником?",
                    description: "Самостоятельно и с соблюдением сроков обеспечивает весь жизненный цикл задачи (с момента, как бизнес принес сформулированную проблему до релиза). <br/> В Skyeng в жизненный цикл задачи входят этапы: тех. ревью (груминг), оценка трудозатрат, разработка, тестирование, выкладка, верификация и сбора метрик",
                    examples: "<b>Пример:</b> бизнес говорит, что конверсия в заявку на обучение просела, и предлагает перенести форму из футера в хэдер страницы. Разработчик проводит тех. ревью, оценивает задачу, берет в разработку, реализовывает, проходит code review, тестирование, выкладывает задачу в прод, убеждается, что все работает как нужно, и вместе с продактом может посмотреть метрики. Чем выше уровень самоходности, тем меньше требуется привлекать руководителя для прохождения всего цикла",
                    choices: [
                        {
                            choice: "Требуется регулярная помощь и контроль",
                            description: "В среднем каждые 1-2 дня",
                            value: 1
                        },
                        {
                            choice: "Требуется периодический контроль и помощь в ключевых задачах",
                            description: "В среднем от 2х дней до 2х недель может быть автономен",
                            value: 2
                        },
                        {
                            choice: "Самоходная единица",
                            description: "Контроль не требуется, консультации возможны. Самостоятельно берет задачу, планирует и делает в адекватные, ожидаемые сроки",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 1,
                    isActive: true,
                    isKeyQuestion: true
                },
                {
                    id: 2,
                    subject: "Умение действовать в условиях неопределенности",
                    description: "При возникновении неопределенности в задаче (касательно требований, реализации, связей, тестирования, аналитики и т.д.) самостоятельно может эту неопределенность устранить",
                    examples: "<b>Пример 1:</b> при реализации задачи сотрудник обнаруживает отсутствующие макеты для верстки. Разработчик без привлечения руководителя договаривается с продактом/дизайнером о том, что делать с этими страницами.<br/><br/><b>Пример 2:</b> при реализации задачи сотрудник обнаруживает, что не хватает api-методов у сервиса соседней команды, к которому должны пойти обращения. Разработчик идет и договаривается с соседней командой о том, что недостающий метод появится в ближайшее время (может договориться, что сделает сам, а команда поревьювит, а может договориться о том, что метод будет реализован в ближайшее время)",
                    choices: [
                        {
                            choice: "Запрашивает помощь руководителя и коллег в условиях неопределенности, задает вопросы",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Предлагает варианты для устранения проблемы, может вывести ситуацию из неопределенности",
                            description: "Например, после согласования с более опытными коллегами или с подключением коллег",
                            value: 2
                        },
                        {
                            choice: "Самостоятельно выводит ситуацию из неопределенности в короткие сроки, устраняет блокеры",
                            description: "Например, через кросс-командное взаимодействие, организацию встреч с заинтересованными лицами или хранителями знаний",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 2,
                    isActive: true,
                    isKeyQuestion: true
                },
                {
                    id: 3,
                    subject: "Понимание проблемы",
                    description: "Сотрудник в любой задаче понимает причину её появления. Знает, на что решение задачи влияет в рамках бизнеса, и предлагает улучшения по её решению, опираясь на технический опыт",
                    examples: "<b>Пример:</b> Исходя из своей насмотренности, разработчик может предложить открывать автоматически модальное окно с предложением вместо перекраски кнопки регистрации в красный цвет, чтобы повысить конверсию в регистрацию",
                    choices: [
                        {
                            choice: "Требуется объяснение бизнес-ценности задачи, которая выполняется",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Знает, какие бизнес-проблемы решают задачи, которые он выполняет и какую ценность задачи несут",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Проводит бизнес-ревью задачи",
                            description: "Челленджит предложения бизнеса, подсвечивает слабые места и предлагает улучшения решений или альтернативные пути достижения цели (если требуется)",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 3,
                    isActive: true,
                    isKeyQuestion: true
                },
                {
                    id: 4,
                    subject: "Аргументация и конфронтация",
                    description: "Уверенно может объяснить, почему это решение сейчас не стоит делать, подкрепляя свои рассуждения фактами и опытом (как своим, так и чужим)",
                    examples: "<b>Пример:</b> разработчик подсвечивает бизнесу, что реализация задачи займет значимо больше времени, чем потенциально принесет пользы, или что задачу сейчас лучше решить с помощью готового механизма",
                    choices: [
                        {
                            choice: "Выполняет задачи, не вступая в обсуждения их целей ",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Активно задает вопросы относительно ценности и деталей задачи и решений",
                            description: "Вступает в диалог с заказчиком/командой (при необходимости с поддержкой руководителя), готов озвучить спорные моменты и свои сомнения/предложения",
                            value: 2
                        },
                        {
                            choice: "Самостоятельно аргументированно доказывает заказчику/команде свою точку зрения, ее связь с бизнесом",
                            description: "Готов к конструктивному диалогу",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 4,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 5,
                    subject: "Стратегическое мышление",
                    description: "Сотрудник решает бизнес-задачи на основе анализа данных  с учетом минимизации затрат и для достижения наилучшего результата для компании в будущем",
                    examples: "<b>Пример:</b>  Задача - реализовать и разместить чат на странице сайта. Сотрудник со стратегическим мышлением рассмотрит масштабирование и переиспользование чата и изначально спланирует его разработку с небольшим увеличением трудозатрат (которые приведут к большой экономии ресурсов в будущем)",
                    choices: [
                        {
                            choice: "Набирается опыта в проектировании решений",
                            description: "Проектирует решения при участии более опытных коллег",
                            value: 1
                        },
                        {
                            choice: "Проектирует решение, закрывающее текущие потребности бизнеса",
                            description: "Учится видеть полную картину и предусматривать потенциальные запросы, реализуя готовые к переиспользованию решения",
                            value: 2
                        },
                        {
                            choice: "Проектирует решения, закрывающие цели бизнеса и ориентированные на долгосрочный результат",
                            description: "На основе анализа данных и с небольшим увеличением затрат",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 5,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 6,
                    subject: "Межкомандная работа",
                    description: "Сотрудник самостоятельно взаимодействует с разными командами, вовлекая их в работу, для достижений целей проекта",
                    examples: "<b>Пример:</b> Сотрудник при разработке чата для главной страницы сайта лично контактирует с командой дизайнеров и аналитиков, договаривается о постановке задач и контролирует их выполнение",
                    choices: [
                        {
                            choice: "Работает в рамках своей команды",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Работает в рамках команды, участвует в межкомандных проектах в роли исполнителя",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Эффективно лидирует работу по межкомандным задачам",
                            description: "",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 6,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 7,
                    subject: "Ответственность за ошибки",
                    description: "Ответственность и инициативность сотрудника в случае возникновения проблем",
                    examples: "<b>Пример:</b> при возникновении ошибок в проде разработчик проактивно начинает разбираться с ними, прилагая необходимые усилия для устранения проблем. После устранения проблемы проводится ретроспектива и вырабатывается решение, которое позволит не допускать подобных проблем в будущем",
                    choices: [
                        {
                            choice: "В случае критичных ошибок в работе сервиса обращается за помощью к коллегам/руководителю",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "В случае критичных ошибок в работе сервиса подключается и исправляет без просьбы со стороны руководителя",
                            description: "Исследует и исправляет проблему.",
                            value: 2
                        },
                        {
                            choice: "В случае критичных ошибок в работе сервиса подключается и исправляет без просьбы со стороны руководителя",
                            description: "Самостоятельно анализирует ошибки и продумывает, как не повторить этих ошибок в будущем. Доводит эти решения до исполнения",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 7,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 8,
                    subject: "Performing (скорость и объемы выполненной работы)",
                    description: "Сотрудник эффективно выполняет задачи с учетом скорости, количества взятых задач и качества их выполнения",
                    examples: "",
                    choices: [
                        {
                            choice: "Не ниже или соответствует скорости и производительности других ребят уровня Junior",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Не ниже или соответствует скорости и производительности других ребят уровня Middle",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Не ниже или соответствует скорости и производительности других ребят уровня Senior",
                            description: "",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 8,
                    isActive: true,
                    isKeyQuestion: true
                },
                {
                    id: 9,
                    subject: "Кол-во возвратов на доработку задачи после тестирования из-за ошибок реализации",
                    description: "Разработчик обязательно проверяет задачу до передачи в тестирование. Это снижает нагрузку на тестировщиков, а также ускоряет скорость поставки задачи (возврат в переработку, как правило, влечет за собой увеличение времени поставки).<br/>Стоит отметить, что могут быть \"технические возвраты\" задач, например из-за того, что у тестировщика проблемы с инфраструктурой - такие возвраты мы не считаем",
                    examples: "<b>Пример:</b> Тестировщики редко возвращают задачи разработчику из-за наличия багов. Им сразу понятно, как тестировать задачу и на что она влияет",
                    choices: [
                        {
                            choice: "Допускает ошибки не более, чем в 50% задач",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Тестирует свою работу эффективно, возвращается тестировщиком не более 30% задач",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Эффективно тестирует свою работу, возвращается тестировщиком не более 10% задач",
                            description: "Возврат задач происходит преимущественно из-за ошибок в пограничных сценариях, которые сложно проверить",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 9,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 10,
                    subject: "Архитектура сервисов",
                    description: "На старте нового проекта разработчик закладывает архитектуру, которая долгое время позволяет гибко реагировать на запросы бизнеса.<br/>При поддержке существующего проекта происходит постепенное улучшение архитектуры через обычные задачи",
                    examples: "",
                    choices: [
                        {
                            choice: "Строго следует принятым в проекте соглашениям",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Успешно самостоятельно проектирует архитектуру на уровне отдельных задач в проекте",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Успешно самостоятельно проектирует архитектуру отдельных сервисов и крупных задач в существующих проектах",
                            description: "Ориентируется на долгосрочную поддержку и расширяемость функционала",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 10,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 11,
                    subject: "Контроль работоспособности сервиса",
                    description: "Разработчик эффективно выстраивает систему контроля работоспособности продуктов, которые разрабатываются.<br/>Может без посещения сервиса ответить на вопрос \"функционирует ли он сейчас?\"",
                    examples: "<b>Пример:</b> разработчик настраивает алертинг для технических и продуктовых метрик, которые сообщат ему о том, что что-то идет не так",
                    choices: [
                        {
                            choice: "Проверяет работоспособность сервиса вручную",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Настраивает технические мониторинги, алертинги для контроля текущей работоспособности сервиса",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Выделяет технические, продуктовые и бизнесовые метрики",
                            description: "Настраивает по ним мониторинг и алертинг для контроля текущей работоспособности",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 11,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 12,
                    subject: "Техническое ревью",
                    description: "Техническое ревью - эффективный способ проектирования технического решения. Чем лучше произведено проектирование, тем меньше проблем с сопровождение этой задачи в будущем",
                    examples: "",
                    choices: [
                        {
                            choice: "Принимает участие, как участник. Предлагает улучшения",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Проводит тех.ревью самостоятельно для задач в проекте",
                            description: "Результаты тех. ревью не отправляются на переработку в большинстве случаев",
                            value: 2
                        },
                        {
                            choice: "Проводит тех. ревью для любого размера задач/проектов, с любой степенью неопределенности",
                            description: "Результаты тех. ревью не перерабатываются в большинстве случаев. Может оспорить чужое решение и защитить своё",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 12,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 13,
                    subject: "Code review",
                    description: "Качество Code Review позволяет на более ранней стадии выявить ошибки, синхронизироваться команде по части написания кода и перенять лучшие практики",
                    examples: "",
                    choices: [
                        {
                            choice: "Преимущественно ревьюируемый и наблюдатель",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Ревьювит сам и получает ревью от других",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Ревьювит сам и получает ревью от других",
                            description: "В процессе ревью корректирует архитектурные решения и подсвечивает проблемы текущей реализации (а не code style)",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 13,
                    isActive: true,
                    isKeyQuestion: false
                },
                {
                    id: 14,
                    subject: "Харды - знание текущего стека",
                    description: "В SkyEng есть описание технического стека и ожидания того, что должны знать инженеры",
                    choices: [
                        {
                            choice: "Знает теорию, мало практики",
                            description: "",
                            value: 1
                        },
                        {
                            choice: "Знает теорию, уверенная практика",
                            description: "",
                            value: 2
                        },
                        {
                            choice: "Отлично знает теорию, глубоко понимает технологии",
                            description: "",
                            value: 3
                        },
                        {
                            choice: "Не знает / не делает / не могу ответить",
                            description: "",
                            value: 0
                        }
                    ],
                    position: 14,
                    isActive: true,
                    isKeyQuestion: true
                }
            ],
            grades: [
                {
                    name: 'Junior',
                    score: 14,
                    level: 1
                },
                {
                    name: 'Middle 1',
                    score: 19,
                    level: 2
                },
                {
                    name: 'Middle 2',
                    score: 23,
                    level: 2
                },
                {
                    name: 'Middle 3',
                    score: 28,
                    level: 2
                },
                {
                    name: 'Senior 1',
                    score: 33,
                    level: 3
                },
                {
                    name: 'Senior 2',
                    score: 37,
                    level: 3
                },
                {
                    name: 'Senior 3',
                    score: 42,
                    level: 3
                }
            ],
            result: [],
            lastAnsweredNumber: 0,
            started: false
        },
        computed: {
            questions: function () {
                let ordered = _.orderBy(_.filter(this.test, 'isActive'), ['position']);
                let result = [];
                let number = 1;
                ordered.forEach(item => {
                    item.number = number++;
                    result.push(item);
                });
                return result;
            },
            maxScore() {
                return _.filter(this.test, 'isActive').length * 3;
            },
            userScore() {
                let score = 0;
                this.result.forEach(item => {
                    score += item.value;
                });
                return score;
            },
            questionsCount() {
                return _.filter(this.test, 'isActive').length;
            },
            estimatedGrade: function () {
                return this.calculateGrade(this.grades, this.userScore, 3);
            },
            realGrade: function () {
                let maxLevel = 3;
                this.result.forEach(item => {
                    if (this.getById(item.id).isKeyQuestion && item.value < maxLevel) {
                        maxLevel = item.value;
                    }
                });
                let result = this.calculateGrade(this.grades, this.userScore, maxLevel);
                if (!result) {
                    result = _.orderBy(this.grades, ['score'], ['asc'])[0];
                }
                return result;
            }
        },
        methods: {
            answer: function (questionId, value) {
                const answer = _.find(this.result, {id: questionId});
                if (!answer) {
                    this.result.push({
                        id: questionId,
                        value: value
                    });
                } else {
                    answer.value = value;
                }
                const question = _.find(this.test, {id: questionId});
                if (question.number > this.lastAnsweredNumber) {
                    this.lastAnsweredNumber = question.number;
                }
            },
            calculateGrade: function (grades, userScore, levelLimit) {
                let found = false,
                    tmpGrades = [];
                grades.forEach(grade => {
                    if (grade.score <= userScore && grade.level <= levelLimit) {
                        tmpGrades.push(grade);
                        if (!found) {
                            found = true;
                        }
                    }
                })
                if (!found) {
                    return _.orderBy(grades, ['score'], ['asc'])[0];
                } else {
                    return _.orderBy(tmpGrades, ['score'], ['desc'])[0];
                }
            },
            getById: function (questionId) {
                return _.find(this.test, {id: questionId});
            },
            getFirstId: function () {
                return this.result[0] || null;
            },
            show: function (questionNumber) {
                return questionNumber === 1 || this.lastAnsweredNumber >= questionNumber - 1;
            },
            start: function () {
                this.started = true;
            }
        }
    });
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
        crossorigin="anonymous"></script>
</body>
</html>