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

1. Перейдите по ссылке на codepen.io.

2. На открывшейся странице заполните форму регистрации. После заполнения нажмите кнопку Sign Up.

   

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

   Нажмите кнопку Save & Continue.

   

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

   

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

   

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

   

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

   

8. Найти сохраненную работу вы сможете в разделе «Pens», на вкладке «Forked».