---
metadata:
  - name: generator
    content: Diplodoc Platform v5.44.0
alternate:
  - https://yandex.ru/support/practicum/ru/practical-tasks.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/practicum/ru/llms.txt

# Выполнение заданий в онлайн-тренажере

Практические задания выполняются в [онлайн-тренажере](*online-trainer).

Окно онлайн-тренажера разделено на три области:
- **Редактор кода**. В этой области вы пишете код, для каждого языка есть своя вкладка: `.html`, `.css`, `.js`. Если ошиблись — проверьте, в правильной ли вкладке вы выполняете задание.
- **Задание**. В этой области сформулирована задача, которую вам нужно решить. В каждом уроке после теоретического введения в среднем от трех до пяти заданий.
- **Окно результата**. Когда вы меняете код в редакторе кода, в окне результата сразу видно, как выглядит результат.

![](_assets/online-simulator-interface-1.png)

## Начать выполнять задание {#concept_lbx_jql_sgb}

1. Перейдите на страницу с курсами.
1. Нажмите кнопку **Учиться**.
1. Изучите теорию.
1. Нажмите кнопку **Перейти к заданию**. Откроется страница с онлайн-тренажером.


## Проверить правильный ответ {#check}

1. Введите решение задачи.
1. В нижней части страницы нажмите кнопку **Проверить**.

Если в решении есть ошибка, над областью с постановкой задачи появится сообщение об ошибке.


{% cut "Посмотреть в записи" %}

<div class = "wait-for-border">

![](_assets/practical-tasks-2.gif)

</div>

{% endcut %}


Если задание выполнено верно, появятся соответствующее сообщение и кнопка **Далее**. Проверка может занимать некоторое время.


{% cut "Посмотреть в записи" %}

<div class = "wait-for-border">

![](_assets/practical-tasks-3.gif)

</div>

{% endcut %}



## Воспользоваться подсказкой {#hint}

В нижней части экрана нажмите кнопку **Подсказка**. Появится всплывающее окно с рекомендацией.


{% cut "Посмотреть в записи" %}

<div class = "wait-for-border">

![](_assets/hint-1.gif)

</div>

{% endcut %}



## Открыть теорию к заданию {#open-theory-on-lesson}

В правой части тренажера нажмите значок ![](_assets/open-theory-on-lesson-1.png). Вместо окна для вывода результатов появится панель с теорией. Чтобы закрыть панель, нажмите значок ![](_assets/open-theory-on-lesson-2.png).


{% cut "Посмотреть в записи" %}

<div class = "wait-for-border">

![](_assets/practical-tasks-4.gif)

</div>

{% endcut %}



## Начать решать задание заново {#start-solving-again}

Если вы уже начали вносить изменения в редакторе кода, то вы можете их отменить и вернуть код в исходное состояние:
1. В нижней части экрана нажмите значок ![](_assets/start-solving-again-1.png =25x).
1. Во всплывающем окне подтвердите отмену ваших изменений, нажав кнопку **Начать заново**.


## Посмотреть результат во всю ширину окна {#full-width-of-window}

В правом верхнем углу страницы нажмите значок ![](_assets/full-width-of-window-1.png). Окно вывода результата развернется во всю ширину экрана.

Чтобы его свернуть, нажмите значок ![](_assets/full-width-of-window-2.png).


## Перейти в меню курса {#transition-courses-and-lessons}

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

Чтобы открыть меню курса, в левой части экрана нажмите значок ![](_assets/transition-courses-and-lessons-1.png).

Чтобы скрыть меню, нажмите значок ![](_assets/open-theory-on-lesson-2.png).


{% cut "Посмотреть в записи" %}

<div class = "wait-for-border">

![](_assets/transition-courses-and-lessons-1.gif)

</div>

{% endcut %}

[Обратиться в службу поддержки](https://yandex.ru/support/practicum/ru/feedback.md){.button}

<!-- source: ru/_includes/styles/href-to-yellow-button.md -->

<!-- endsource: ru/_includes/styles/href-to-yellow-button.md -->

<!-- source: ru/_includes/styles/style-for-border-images.md -->

<!-- endsource: ru/_includes/styles/style-for-border-images.md -->

[*online-trainer]: _Онлайн-тренажер_ — специальная среда, в которой вы пишете программы или выполняете другие задания и видите результаты их выполнения. Благодаря ему вам не нужно устанавливать на свой компьютер дополнительное программное обеспечение.