Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
217 lines (142 sloc) 5.73 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
Online Python Tutor
Copyright (C) 2010-2012 Philip J. Guo (
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <>.
<title>Online Python Tutor</title>
<!-- jQuery 1.6.0 -->
<!-- local version for offline testing -->
<script type="text/javascript" src="jquery.min.js"></script>
<!-- online version hosted by Google -->
<script type="text/javascript" src=""></script>
<!-- load these local files only when localTesting == true
<script type="text/javascript" src="mock-data.js"></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.textarea.js"></script>
<!-- disable autogrow for simplicity
<script type="text/javascript" src="jquery.autogrow.js"></script>
<!-- jsPlumb library for rendering connectors -->
<script type="text/javascript" src="jquery.jsPlumb-1.3.3-all-min.js "></script>
<!-- my own code -->
<script type="text/javascript" src="edu-python.js"></script>
<script type="text/javascript" src="edu-python-tutor.js"></script>
<link rel="stylesheet" href="edu-python.css"/>
<div id="pyInputPane">
Write your Python code here:
<textarea class="codeInputPane" id="pyInput" cols="55" rows="20" wrap="off"></textarea>
<button id="executeBtn" class="bigBtn" type="button">Visualize execution</button>
<p style="margin-top: 25px;">Try these small examples:<br/>
<a id="aliasExampleLink" href="#">aliasing</a> |
<a id="tutorialExampleLink" href="#">intro</a> |
<a id="factExampleLink" href="#">factorial</a> |
<a id="fibonacciExampleLink" href="#">fibonacci</a> |
<a id="memoFibExampleLink" href="#">memoized fib</a> |
<a id="newtonExampleLink" href="#">square root</a> |
<a id="insSortExampleLink" href="#">insertion sort</a>
<a id="filterExampleLink" href="#">filter</a> |
<a id="strtokExampleLink" href="#">tokenize</a> |
<a id="oopSmallExampleLink" href="#">OOP</a> |
<a id="pwGcdLink" href="#">gcd</a> |
<a id="pwSumListLink" href="#">sumList</a> |
<a id="towersOfHanoiLink" href="#">towers of hanoi</a> |
<a id="pwTryFinallyLink" href="#">exceptions</a>
<p style="margin-top: 25px;">Examples from the MIT
<a href="">6.01</a> course:<br/>
<a id="mapExampleLink" href="#">list map</a> |
<a id="sumExampleLink" href="#">summation</a> |
<a id="oop1ExampleLink" href="#">OOP 1</a> |
<a id="oop2ExampleLink" href="#">OOP 2</a> |
<a id="inheritanceExampleLink" href="#">inheritance</a>
<p style="margin-top: 25px;">
Then try some sample programming questions:<br/>
<a href="question.html?two-sum">Two-sum</a> |
<a href="question.html?reverse">Reverse list</a> |
<a href="question.html?remove-dups">Remove duplicate chars</a>
<a href="question.html?debug-ireverse">In-place reverse</a> |
<a href="question.html?debug-bsearch">Binary search</a> |
<a href="question.html?debug-mergesort">Mergesort</a>
<a href="question.html?optimize-sum">Greatest sum</a> |
<a href="question.html?optimize-find-dups">Find duplicates</a> |
<a href="question.html?optimize-search">List search</a>
<table border="0" id="pyOutputPane">
<td valign="top">
<div id="pyCodeOutputDiv">
Use <b>left</b> and <b>right</b> arrow keys to step through this code:
<table id="pyCodeOutput"></table>
<div id="editCodeLinkDiv">
<button id="editBtn" class="medBtn" type="button">Edit code</button>
<div id="vcrControls">
<button id="jmpFirstInstr", type="button">&lt;&lt; First</button>
<button id="jmpStepBack", type="button">&lt; Back</button>
<span id="curInstr">Step ? of ?</span>
<button id="jmpStepFwd", type="button">Forward &gt;</button>
<button id="jmpLastInstr", type="button">Last &gt;&gt;</button>
<div id="errorOutput"></div>
Program output:
<textarea id="pyStdout" cols="50" rows="13" wrap="off" readonly></textarea>
<td valign="top">
<div id="dataViz"></div>
<div id="footer">
<input type="checkbox" id="classicModeCheckbox"/> Use low-bandwidth mode (for older browsers)
This application supports the core <a
href="">Python 2.5</a> language, with no
module imports or file I/O. It's meant to be used as a platform for
creating programming tutorials, not for running or debugging
production code.
<p style="margin-top: 8px;"/>Official Python 3 support is coming soon;
for now, try the Python 3 forks by <a
href="">CS Circles</a> and
<a href="">Peter Wentworth</a>.
<p style="margin-top: 8px;"/>
Check out the <a
repository and send bug reports, feedback, and suggestions to
<p style="margin-top: 8px;"/>
Copyright &copy; 2010-2012 <a href="">Philip Guo</a>. All rights reserved.