JavaRush /Курсы /Frontend SELF /Знакомство с WebIDE

Знакомство с WebIDE

Frontend SELF
1 уровень , 3 лекция
Открыта

1. Лучший виджет на свете — WebIDE

Практика — наше всё. Чтобы вам было интереснее изучать HTML, мы будем давать вам по паре задач к каждой лекции. Так легче запомнить прочитанный материал. И всего через пару минут вы получите свою первую задачу.

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

javarush-WebIDE

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

2. Основные команды

Сверху вы можете видеть кнопки:

javarush-WebIDE-button
  • Проверка: отправить ваше решение на тестирование.
  • Запуск: запустить программу без отправки на проверку (не увеличивается счетчик проверок).
  • Решение — выпадающий список, который содержит:
    • Правильное решение: показать авторское решение задачи.
    • Вернуть мой код: вернуться к вашему коду после просмотра правильного решения.
    • Обнулить решение: сбросить решение задачи, чтобы начать все сначала.
  • Помощь: задать вопрос по вашему решению в сообществе JavaRush.
  • Обсуждение: обсудить задачу с другими пользователями.
  • Анализ кода: получить подсказки по стилю кода вашего решения.

3. Какие кнопки нажимать

После того, как вы написали программу (решение задачи), вам нужно нажать кнопку «Проверка». При этом программа будет отправлена на сервер JavaRush, где запустится и будет автоматически проверена.

Если у вас не получается написать решение, воспользуйтесь подсказкой (не нужно биться головой о стену). В меню «Помощь» нажмите кнопку «Подсказка». Вы также можете посмотреть правильное решение, нажав кнопку «Правильное решение».

Вы готовы? Тогда вот вам ваша первая задача:

Комментарии (8)
ЧТОБЫ ПОСМОТРЕТЬ ВСЕ КОММЕНТАРИИ ИЛИ ОСТАВИТЬ КОММЕНТАРИЙ,
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ
jjfiofk fdgedg Уровень 1
3 октября 2025
yes good beby
Anonymous #3625014 Уровень 1
27 августа 2025
Ser
jjfiofk fdgedg Уровень 1
3 октября 2025
yes boy
Чынара Уровень 1
6 апреля 2025
не знаю с чего напчать
Anonymous #3559943 Уровень 7
27 февраля 2025
Не пойму как переименовать файл solution.html на index.html
Max Dudin Уровень 6 Expert
25 марта 2025
Там две вкладки "Условие" -где код и "Дерево классов". Вот если открыть "Дерево классов" там в конце файл, на него правой кнопкой и будет "переименовать"
26 августа 2025
Печально, но с телефона это не работает
8 декабря 2024
<!DOCTYPE html> - document type, указывает тип документа, то что он написан на языке html5. lang="ru" - language, указывает что контент страницы на русском. <meta charset="UTF-8"> - meta - для указания мета информации (ключевые слова, кодировка, ..), charset - определяет кодировку символов, дословный перевод: char - символ, set - множество. "UTF-8" - позволяет правильно отображать символы на всех языках, включая кириллицу, латиницу и специальные символы(эмодзи и т.п.).