Инструкция по работе с онлайн-редактором Codepen

Facebook
Twitter
Vkontakte
Telegram
  1. Перейдите по ссылке на codepen.io.
  2. На открывшейся странице заполните форму регистрации. После заполнения нажмите кнопку Submit.

    Форма регистрации

  3. На следующей странице можете заполнить личные данные. Это не обязательно, на ваше усмотрение. Нажмите кнопку Save & Continue.

  4. Перейдите по ссылке на странице с домашним заданием. Она расположена под заголовком.

  5. Перед вами открылось окно, разделенное на две части. В верхней части — редактор HTML. В нижней части вы можете в реальном времени видеть результат вашей работы.

    Интерфейс Codepen

  6. Нажмите вверху кнопку Fork — это создаст вашу личную копию задания.

    Fork

  7. Выполняйте задание и не забывайте нажимать Save после сделанных изменений.

    Save

  8. Найти сохраненную работу вы сможете на странице Dashboard, в разделе «Pens», отфильтровав пены по значению «Fork».

    Раздел Pens