forked from hcientist/OnlinePythonTutor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (79 loc) · 3.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
Python Tutor: https://github.com/pgbovine/OnlinePythonTutor/
Copyright (C) Philip Guo ([email protected])
LICENSE: https://github.com/pgbovine/OnlinePythonTutor/blob/master/LICENSE.txt
-->
<head>
<title>Python Tutor - Visualize Python, Java, C, C++, JavaScript, TypeScript, and Ruby code execution</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<!-- let Webpack take care of everything -->
<script type="text/javascript" src="build/index.bundle.js?d9c30adca8" charset="utf-8"></script>
<!-- insert google-analytics.txt contents here -->
</head>
<body>
<div class="mainBodyPane">
<table class='layoutTbl'>
<tr>
<td>
<div class="activityPane" id="learnPane">
<h1><span id="learnHeading">VISUALIZE CODE AND GET LIVE HELP</span>
<div class="smallH1">
Learn Python, Java, C, C++, JavaScript, and Ruby
</div>
</h1>
<p><a href="visualize.html"><b>Python Tutor</b></a>, created
by <a
href="http://pgbovine.net/">Philip Guo</a> (<a href="https://twitter.com/pgbovine">@pgbovine</a>),
helps people overcome a fundamental
barrier to learning programming: understanding what happens as the
computer runs each line of code.</p>
<p>Write code in your web browser, see it visualized step by step, and
get live help from volunteers.</p>
<p>
Related services:
<a href="java.html"><b>Java Tutor</b></a>,
<a href="c.html"><b>C Tutor</b></a>,
<a href="cpp.html"><b>C++ Tutor</b></a>,
<a href="javascript.html"><b>JavaScript Tutor</b></a>,
<a href="ruby.html"><b>Ruby Tutor</b></a>
</p>
<p>So far, <b>over 3.5 million people in over 180 countries</b> have
used Python Tutor to visualize over 50 million pieces of code, often as
a supplement to textbooks, lectures, and online tutorials.</p>
<div id="startLink">
<a href="visualize.html">Visualize your code and get live help now</a>
</div>
<iframe width="640" height="360" src="https://www.youtube.com/embed/McYTtgl8ogI" frameborder="0" allowfullscreen></iframe>
<p>Here is a Python example:</p>
<div id="demoViz"></div>
<p>
<b><a
href="http://pgbovine.net/publications.htm#Online_Python_Tutor_web_based_program_visualization_SIGCSE_2013">Read</a></b>
the original research paper – Philip J. Guo. Online Python Tutor: Embeddable
Web-Based Program Visualization for CS Education. SIGCSE 2013.
</p>
<h1 style="margin-top: 35px;"><span id="embedHeading">GET LIVE HELP</span> <span class="smallH1">from volunteers around the world</span></h1>
<p>Hit the “Get live help!” button to allow anyone on the website
to join your session. You can chat about your code and navigate
visualizations together to receive free real-time tutoring. Watch this
<a target="_blank"
href="https://www.youtube.com/watch?v=oDY7ScMPtqI"><b>video
demo</b></a>.
</p>
<p>
<b><a href="http://pgbovine.net/publications.htm#Codechella_multiuser_program_visualizations_VLHCC_2015">Read</a></b>
an older live help paper – Philip J. Guo, Jeffery White, Renan
Zanelatto. Codechella: Multi-User Program Visualizations for Real-Time
Tutoring and Collaborative Learning. VL/HCC 2015.
</p>
</td>
</tr>
</table>
</div>
<div id="footer">
<p>Copyright © <a href="http://pgbovine.net/">Philip Guo</a>. All rights reserved.</p>
</div>
</body>
</html>