Закодируйте свой собственный Retro View-Master

CodePen — один из моих любимых веб-сайтов, который помогает студентам узнать, как устроены веб-приложения. На самом деле, мне это так нравится, что я представлю его в одну из ближайших недель. Виртуальный практический летний лагерь Ed Tech вебинары.

Концепция CodePen заключается в том, что люди могут делиться разрабатываемыми ими веб-приложениями, а другие могут копировать и редактировать эти проекты. Самое замечательное в преподавании и обучении — это то, что вы можете увидеть, как CSS, HTML и JavaScript работают вместе. Изменения, внесенные в код, вносятся практически сразу, так что вы можете их видеть.

Ранее на этой неделе я получил электронное письмо от CodePen, в котором было выделено несколько проектов из общедоступной галереи проектов. Один из тех проектов, который мне пришел в голову, был Визуализатор 3000 проект. Visualizer 3000 позволяет создавать галерею изображений, которая отображается как View-Master. Новое изображение из вашей галереи отображается каждый раз, когда вы нажимаете ручку сбоку от View-Master.

Заявки на обучение

Как я упоминал выше, формат CodePen предоставляет студентам отличный способ увидеть, как CSS, HTML и JavaScript работают вместе для создания веб-приложения. Студентам может быть интересно поиграть с проектом Visualizer 3000, чтобы изменить цветовую схему, добавить свои собственные изображения или изменить количество изображений, вращающих галерею.

Вот обзор видео о том, как работает CodePen.

Изначально этот пост появился на FreeTech4Teachers.com. Если вы видите это в другом месте, это было использовано без разрешения. Сайты, которые регулярно крадут мою работу (Ричард Бирн), включают CloudComputin и WayBetterSite.

[

]

Add a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *