Wednesday, November 27, 2013

Call for volunteers: Caption and translate our programming talk-throughs

In computer programming, our "videos" aren't actual videos - they're interactive coding talk-throughs, where an audio file is synced to a playback of code typing. That means we can't take advantage of built-in Youtube player features like on-screen subtitles, but we do have the ability to embed interactive transcripts below the talk-throughs. Learners can turn that on using the options menu next to the playbar, and then they will see the transcript scroll by as they watch and can click on parts to jump to them:

For a live example, check out the Intro to Drawing talk-through and click the option in the gear menu next to the play bar.

However, we will only show the transcript option when we have one available, and that’s where we need your help! We use the Amara service to make it easy for us to crowd-source subtitles of our Youtube videos elsewhere on Khan Academy, so we’ve created video versions of our talk-throughs and uploaded them to YouTube.

Below is a list of our programming talk-throughs on Amara, which you can click through to start captioning. If one is already captioned, keep going — you’ll probably find one that isn’t yet, farther down. You can also check this spreadsheet, last updated November 2014, which shows which talk-throughs we're missing captions for. Make sure to read through our subtitles best practices before you get started.

Besides English captions, we are also looking for translations into other languages. When we detect that the learner is on an internationalized version of Khan Academy and we have the transcript available in that language, we will automatically show it. So if you are fluent in a non-English language and want to help international students learn to program, we’d love your help in translating the captions. Just click through the links below and select your language from the dropdown.

Thank you for helping us teach programming to a wider audience!

Intro to JS

  1. Intro to Drawing
  2. More Drawing!
  3. Intro to Coloring
  4. Intro to Variables
  5. More on Variables
  6. Variable Expressions
  7. Intro to Animation
  8. Mouse Interaction
  9. Incrementing Shortcuts
  10. A shorter shortcut
  11. Using Math Expressions
  12. Terrific Text: Part One
  13. Terrific Text: Part Two
  14. Functions
  15. Function Parameters
  16. Function Return Values
  17. Special ProcessingJS Functions
  18. Local and Global Variables
  19. If Statements
  20. More Mouse Interaction
  21. Booleans
  22. Logical Operators
  23. If/Else - Part 1
  24. If/Else - Part 2
  25. Intro to While Loops
  26. More While Loops: Balloon Hopper
  27. For Loops! A New Kind of Loop
  28. Nested For Loops
  29. Intro to Arrays
  30. Looping through Arrays
  31. Modifying Arrays
  32. Intro to Objects
  33. Modifying Objects
  34. Arrays of Objects
  35. Object Types
  36. Object Methods
  37. Object Inheritance
  38. Pseudo-Code
  39. Clarifying with Comments
  40. Readable Code

Intro to HTML/CSS

  1. HTML basics
  2. HTML: Text emphasis
  3. HTML: Lists
  4. HTML: Images
  5. CSS Basics
  6. CSS: Selecting by id
  7. CSS: Selecting by class
  8. HTML links
  9. HTML internal links
  10. HTML tables
  11. HTML comments
  12. CSS font-family property
  13. CSS font-size property
  14. CSS font styles and shorthand
  15. More CSS text properties
  16. CSS inheritance
  17. CSS grouping elements
  18. CSS width, height, and overflow
  19. CSS box model
  20. CSS position
  21. CSS floating elements
  22. Using multiple CSS classes
  23. Combining CSS class and element selectors
  24. CSS descendant selectors
  25. Grouping CSS selectors
  26. CSS dynamic pseudo-classes

No comments:

Post a Comment