Skip to content

Latest commit

 

History

History
 
 

codepen

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

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

  1. Перейдите по ссылке на codepen.io.
  2. На открывшейся странице перейдите в форму регистрации, нажав кнопку Sign Up for Free.

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

Вы можете зарегистрироваться используя аккаунты в Facebook, Twitter или Github. Либо, вы можете создать аккаунт без привязки к социальным сетям.

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

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

Save & Continue

  1. Подтвердите свой аккаунт. Для этого надо перейти по ссылке из вашей электронной почты.
  2. Перейдите по ссылке на странице с домашним заданием. Она расположена под заголовком.

Homework

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

Интерфейс Codepen

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

Fork

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

Save

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

Раздел Pens