Skip to main content

Тіло сторінки

1. Розділ теорії​

Містить теорію та пояснення, з прикладами, необхідними для вирішення відповідного завдання, формулювання завдання та критерії прийому.

1.1 Кнопка "Приховати теорію та завдання" у верхній частині розділу​

При кліку на цю кнопку розділ теорії згортається і вікно редактора розгортається на всю ширину сторінки. Кнопка зменшується до іконки без тексту.

1.2. Заголовок теоретичної частини​

При кліку на заголовок основна теоретична частина розділу теорії згортається, у розділі залишаються лише формулювання завдання та критеріїв прийому

Повторний клік, розгортає розділ теорії у стартовий стан.

2. Вікно редактора коду​

  • У вікні редактора присутній стартовий код, який потрібно доповнити відповідно до завдання, щоб вирішити задачу.
  • Писати код можна тільки у виділеному сірим кольором рядку, у якому встановлено курсор.
  • Стартовий код редагувати неможливо.
  • Є можливість вводити символи у кінці заблокованих рядків, але перевірка такого коду призведе до помилки компіляції.

3. Меню перевірки​

Знаходиться між вікном редактору кода та секцією результатів.

3.1. Кнопка "Перевірити"​

  • При кліку кнопку "Перевірити" на сервер надсилається запит на перевірку коду у вікні редактора.

  • Відповідь висвічується у секції результатів. Пункти, які пройшли перевірку, показані зеленим текстом, які не пройшли - червоним. Приклад перевірки стартового коду:

  • Якщо код у вікні редактора перевірку проходить і всі пункти в секції результатів відображені зеленим текстом, текст на кнопці перевірити змінюється на "Наступне питання":

  • По кліку на кнопку "Наступне питання" відкривається сторінка з наступним питанням.

3.2. Кнопка "Скинути"​

Призначена для повернення вікна редактора до стартового стану. Тобто. всі зміни скасовуються в один клік. Для запобігання випадковому скидання введеного коду передбачено модальне вікно із запитом про підтвердження бажання користувача скинути код у початковий стан, який з'являється за кліком на кнопку "Скинути":

Натиснувши кнопку "Так" у модальному вікні, вікно закривається, а код у редакторі скидається до початкового стану. По кліку на кнопку "Ні" вікно закривається, код у вікні редактора не змінюється. Клік по сірій області або натискання клавіші "Esc" дублюють натискання кнопки "Ні".

3.3. Кнопка "Приховати секцію результатів"​

При кліку на кнопку "Приховати секцію результатів" секція результатів згортається, вікно редактора коду розгортається на всю висоту тіла сторінки, меню перевірки переміщається вниз сторінки, текст кнопки змінюється на "Показати секцію результатів".

Натиснувши кнопку "Показати секцію результатів", секція розгортається у вихідний стан.

4. Секція результатів​

Призначена для відображення результатів перевірки коду у вікні редактора.