Interactive examples for online coding tutorials
Methods and apparatus for generating an interactive coding example for an online computer language tutorial are shown. The interactive coding example is displayed in an electronic document as part of an online computer language tutorial. An interactive example window is displayed in the electronic document by web browser software to enable the user to easily view, modify, execute, and debug the example instructions. The example source code is processed by an example execution engine in the user's computer.
1. A method to implement an online interactive coding tutorial for a computer language comprising:
defining an example markup indicator that is used to create an interactive coding tutorial having modifiable source code; and
responding to a request to process the modifiable source code by providing a result based on the modifiable source code.
2. A method according to claim 1 wherein the example markup indicator is a predefined markup tag in a computer language that is used to create the interactive coding tutorial.
3. A method according to claim 2 wherein the modifiable source code is written in the same computer language as the predefined markup tag.
4. A method according to claim 1 wherein the interactive coding tutorial is an electronic document displayed in a web browser interface.
5. A method according to claim 4 wherein the example markup indicator is embedded in the electronic document.
6. A method according to claim 1 wherein the interactive coding tutorial having modifiable source code further includes enabling a user to edit the modifiable source code in an electronic document.
7. A method according to claim 6 wherein the request to process the modifiable source code is generated in response to a selection by the user.
8. A method according to claim 1 wherein processing the modifiable source code further includes:
executing the modifiable source code to produce the result; and
causing the result to be displayed in the interactive coding tutorial.
9. A method according to claim 8 wherein executing the modifiable source code to produce the result further includes:
determining errors in the modifiable source code; and
responding to the errors by displaying the errors in the interactive coding tutorial.
10. A method according to claim 1 wherein processing the modifiable source code further includes at least one of:
compiling the modifiable source code;
interpreting the modifiable source code; or
translating the modifiable source code.
11. A software system to implement an online interactive coding tutorial for a computer language comprising:
an execution engine that includes computer readable instructions for processing an example-markup including instructions that:
recognize an example markup identifying modifiable source code for an interactive coding example; and
to a request to process the modifiable source code by producing a result based on the modifiable source code.
12. A software system as in claim 11 wherein the example markup is a string of predefined characters in a computer language.
13. A software system as in claim 12 wherein the modifiable source code is written in the same computer language as the example markup.
14. A software system as in claim 11 wherein the example markup directs the execution engine to display the modifiable source code in a web browser.
15. A software system as in claim 11 wherein the example markup is embedded in an electronic document in the interactive coding tutorial.
16. A software system as in claim 11 wherein the modifiable source code is modifiable by a user.
17. A software system as in claim 11 wherein the request to process the modifiable source code is generated in response to a selection by the user.
18. A software system as in claim 11 wherein the instructions for processing the modifiable source code further include instructions that:
execute the modifiable source code to produce the result; and
cause the result to be displayed in the interactive coding tutorial.
19. A software system as in claim 18 wherein the instructions that execute the modifiable source code to produce the result further include instructions that:
determine errors in the modifiable source code; and
to the errors by generating an error message in the interactive coding tutorial.
20. A software system as in claim 11 wherein the instructions to process the modifiable source code further include instructions to perform at least one of:
compiling the modifiable source code;
interpreting the modifiable source code; or
translating the modifiable source code.
21. A system to implement an online interactive coding tutorial for a computer language comprising:
means for defining an example markup indicator that is used to create an interactive coding tutorial having modifiable source code; and
means for responding to a request to process the modifiable source code by providing a result based on the modifiable source code.