Code Huddle

A collaborative platform for technology educators to easily create, remix, and deliver high quality technology curriculum.

Save time preparing for workshops — use Code Huddle.

Create

Generate your in-person workshop course material using the easy to read and write Markdown syntax. Then use Code Huddle tools to convert your material into great looking and interactive HTML5 slide decks or online tutorials.

Code Huddle presentations can render the output of example code instantly in-browser, creating a seamless experience for learners. (See a real example.)

Embedding options also make it easy to include your Code Huddle tutorials on your website or blog.

If you prefer screencasts, video authoring tools are on the roadmap for Phase 2.

Remix

Why reinvent the wheel by creating educational resources from scratch each time? As technical educators, we should be able to pull, commit, and push bits of training material as easily as we fork and do pull requests on Github for code.

The core of Code Huddle is the ability to iterate on top of other people's open source curriculum. You can cherry pick from across all available courses, or even translate someone else's entire workshop into a new language.

Improve

Each discreet unit of your course material can include simple buttons to gather anonymous learner feedback.

Use the analytics to measure understandability to improve your own material, or to help select elements from other highly ranked community-contributed courses.

Discover

Browse through free community-submitted material with an easy to filter interface.

A combination of learner statistics and peer review ratings help the best course materials rise to the top.

How to Huddle

Meet Ray and Pearl. They both teach web development to new learners.

They used to spend hours writing curriculum content, coming up with interesting exercises, and building slide decks — alone. That is... until they learned the secret of the "huddle".

Pearl has a great analogy for explaining what an HTML tag is, and Ray has fun exercises for learning CSS typography. Now they can combine the best of their teaching materials to make the most understandable and fun HTML/CSS class ever!

Meet Faisal. He likes to teach advanced Node.js and CoffeeScript workshops.

He's running a workshop right now using the Code Huddle platform but one of his students signed up without the proper prerequisites and is finding the material a bit over his head.

Since tutorials are community-vetted, Faisal quickly finds pre-existing tutorials on Code Huddle and incorporates them into his current curriculum for the students to reference. With Code Huddle, Faisal doesn't have to slow down the more experienced developers in his workshop and everyone can learn at their own pace.

Feedback wanted 

The development of Code Huddle is currently open source and in progress. Help us build it by answering 5 short questions:

Tell us how you would use Code Huddle.
{"cc_re__cc_re__cc_by_3_0": ["=\"http://twitter.com/raykao\" target=\"_blank\">Ray Kao</a>, <a href=\"http://twitter.com/faisalabid\" target=\"_blank\">Faisal Abid</a>, <a href=\"http://www.dynamatik.com/\" target=\"_blank\">Charlie</a>, <a href=\"https://github.com/zuk\" target=\"_blank\">Matt Zukowski</a>, and <a href=\"http://encorelab.org/people/armin-krauss/\" target=\"_blank\">Armin Krauss</a>.</p>\n<!-- <p>Code licensed under <a href=\"http://www.apache.org/licenses/LICENSE-2.0\" target=\"_blank\">Apache License v2.0</a>, documentation under <a href=\"http://creativecommons.org/licenses/by/3.0/\">CC BY 3.0</a>.</p> -->\n</div>\n</div>\n<div class=\"span2\" id=\"share-links\">\n<div>\n<br/>\n<p>\n<a href=\"http://twitter.com/codehuddle\" target=\"blank\"><img src=\"http://codehuddle.org/images/x84868492.twitter_icon.png.pagespeed.ic.XiN208y-UI.png\"/></a>\n<a href=\"https://plus.google.com/114944603868483951373\" target=\"blank\"><img src=\"http://codehuddle.org/images/xf043c375.gplus_icon.png.pagespeed.ic.wru7YePknn.png\" /</a>\n<a href=\"http://facebook.com/CodeHuddle\" target=\"blank\"><img src=\"http://codehuddle."]}