About Text Editors
What they are
Anyone can edit HTML, CSS and Javascript using a simple text editor. Popcorn allows you to export your code, so having a basic understanding of HTML will allow you to further customize your project outside of the Popcorn interface. We recommend choosing a text editor that shows you syntax highlighting for code.
Free Text Editors
HTMLpad
What it is
Collaborative HTML writing/editing. You can use HTMLPad as a “text editor” specifically for HTML and CSS.
Setup
Go to htmlpad.org
Tips and Tricks
Go to htmlpad.org/TYPE-THE-NAMEYOU-WANT and give your HTMLpad a memorable name. As with all online tools, the lack of connectivity can affect HTMLpad’s ability to function properly! At the end of a large collaborative coding session, export your pad just so you have a hard copy, you know just in case.
Super Awesome Feature
The time slider. The time slider. Watch the evolution of collaborative coding by scrubbing the time slider!
Assignments
1. Watch the “Week 4: Ways Of The Web” curriculum video and explore the pop up resources in the video
2: Individual Blogpost
Tool: Your personal website, Tumblr, Wordpress, Blogger, etc.
Write a blog post on the week four guest speaker.
3. Explore the Web Making projects at Webmaker.org
Visit Webmaker.org - as part of the Summer Code Party, Mozilla and other partners have created a series of projects that teach the basics of writing HTML and CSS. Explore these projects and assign the ones most appropriate to your learners. Have your learners use Mozilla’s Thimble to play around with HTML. Mozilla’s Thimble App makes it ridiculously simple to create and share your own web pages.
4: Edit the style one of your old projects using a text editor
Tool: Any Text Editor
Using the “view source” option of Popcorn, Copy and paste the HTML and
CSS of one of one of your previous popcorn projects into a text editor. Using
the skills you learned at Webmaker.org, tinker around with the code
and redesign the page.
