Три редактора кода в Учебниках: HTML и CSS, JavaScript и Pascal
Код из уроков больше не нужно переносить в программы на компьютере: его можно набрать и запустить прямо на странице учебника. Устанавливать ничего не нужно, регистрироваться тоже.
Три редактора
- Редактор HTML и CSS — на страницах темы «HTML и CSS». Рядом с кодом видна готовая страница, она обновляется сама, пока вы печатаете. Каркас документа с
<head>и<body>уже на месте — печатать нужно внутри них. - Редактор JavaScript — на страницах темы JavaScript. Вкладки HTML, CSS и JS; код выполняется кнопкой «Запустить» или сочетанием
Ctrl+Enter, а выводconsole.logи ошибки видны в консоли под страницей. - Редактор Pascal — на страницах темы Pascal. Программу собирает компилятор Free Pascal на сервере Глифа и сразу выполняет. Данные для
readlnвписывают на вкладке «Ввод», а в окне видны вывод программы, сообщения компилятора и ошибки при выполнении.
Как открыть
На страницах этих тем внизу справа есть кнопка «Редактор». У примеров кода в уроках — кнопка «В редактор»: пример сразу попадает в окно, его можно менять и запускать. Окно разворачивается на весь экран, а кнопка «Сбросить» возвращает начальный пример. Все редакторы перечислены и на странице Учебники.
Безопасность
Набранный код страниц выполняется в изолированной рамке: сам сайт и его данные ему не видны. Программы на Pascal запускаются в отдельном контейнере без доступа в интернет, и у каждого запуска свои пределы по времени и памяти.