Skip to content

Commit a10dd1f

Browse files
author
Steve Krouse
committed
added episode pages and references
1 parent 91c9fa0 commit a10dd1f

File tree

4 files changed

+241
-3
lines changed

4 files changed

+241
-3
lines changed

‎episodes/research-recap.html

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
7+
<!--TODO google analytics-->
8+
9+
<title>Steve Krouse</title>
10+
<style>
11+
#page {
12+
padding: 50px;
13+
margin-right: auto;
14+
margin-left: auto;
15+
width: 100%;
16+
}
17+
.date {
18+
display: none;
19+
}
20+
21+
li {
22+
padding-bottom: 10px;
23+
}
24+
25+
@media (min-width: 768px) {
26+
#page {
27+
width: 55em;
28+
}
29+
.date {
30+
display: inline;
31+
}
32+
li {
33+
padding: 2px;
34+
}
35+
}
36+
37+
#title {
38+
margin-bottom: 30px;
39+
color: #00c784;
40+
}
41+
42+
#title > h3 {
43+
font-size: 35px;
44+
}
45+
46+
.date {
47+
color: #aaa;
48+
font-size: 90%;
49+
font-family: monospace;
50+
}
51+
52+
#footer {
53+
color: #666;
54+
font-size: 90%;
55+
}
56+
</style>
57+
</head>
58+
<body>
59+
<div id="page" class="container-fluid">
60+
61+
<div id="title">
62+
<h3>Future of Coding</h3>
63+
</div>
64+
65+
<div id="episode-title">
66+
<h3>Episode 2 - Research Recap</h3>
67+
</div>
68+
69+
<iframe src="https://cast.rocks/player/8816/Research-Recap.mp3?episodeTitle=Research%20Recap&podcastTitle=Future%20of%20Coding&episodeDate=July%2016th%2C%202017&imageURL=https%3A%2F%2Fp.rizon.top%3A443%2Fhttps%2Fcast.rocks%2Fhosting%2F8816%2Ffeeds%2FE6OV9.jpg" style="border: none; min-height: 300px; max-width: 558px; min-width: 270px; width: 100%; height: 100%;"></iframe>
70+
71+
<div>
72+
<h4>Episode References</h4>
73+
<ul>
74+
<li>1:17 scratch is baby-ish - https://medium.freecodecamp.com/scratch-has-a-marketing-problem-f84626bd18ef</li>
75+
<li>1:30 scratch is amazing - https://medium.com/@stevekrouse/6-reasons-mits-scratch-is-better-than-you-think-104b63f1d41</li>
76+
<li>1:43 types are shapes - https://medium.com/@stevekrouse/types-are-shapes-d6af1e83192f</li>
77+
<li>7:30 begin recapping cycle v1 - https://medium.com/@stevekrouse/rose-983dc5e0908f</li>
78+
<li>7:58 blockly - https://developers.google.com/blockly/</li>
79+
<li>8:10 scratch 3.0 fork of blockly - https://github.com/LLK/scratch-blocks#introduction</li>
80+
<li>9:10 jquery - https://jquery.com/</li>
81+
<li>9:34 links in the documentation for cycle v1 - http://cycle.thecodingspace.com</li>
82+
<li>11:45 code.org app lab - https://code.org/educate/applab</li>
83+
<li>12:19 pencil code- http://pencilcode.net/</li>
84+
<li>12:23 droplet - https://github.com/PencilCode/droplet</li>
85+
<li>12:45 The coding space - thecodingspace.com</li>
86+
<li>13:00 WoofJS - woofjs.com</li>
87+
<li>13:15 Cycle v2 - http://stevekrouse.com/cycle/</li>
88+
<li>13:20 VueJS - vuejs.org</li>
89+
<li>13:45 ReactJS - https://facebook.github.io/react/</li>
90+
<li>14:00 differences between vue and react - https://vuejs.org/v2/guide/comparison.html#React</li>
91+
<li>15:45 Todomvc.com - http://todomvc.com/</li>
92+
<li>16:24 todomvc in cycle v2 - http://stevekrouse.com/cycle/index.html#todo-mvc/2</li>
93+
<li>17:26 links to cycle v2 - http://stevekrouse.com/cycle/user.html#qfIHIX5tGQethjCoUtiDkqIYqEM2</li>
94+
<li>18:42 virtual-dom - https://github.com/Matt-Esch/virtual-dom</li>
95+
<li>21:40 Prune - https://www.facebook.com/notes/kent-beck/prune-a-code-editor-that-is-not-a-text-editor/1012061842160013/</li>
96+
<li>22:04 projectional editor - https://martinfowler.com/bliki/ProjectionalEditing.html</li>
97+
<li>22:25 AST - https://en.wikipedia.org/wiki/Abstract_syntax_tree</li>
98+
<li>23:45 demo with text <--> semantic editor - http://stevekrouse.com/rose/demo.html</li>
99+
<li>28:00 doing research into other products - http://futureofcoding.org/links</li>
100+
<li>29:24 Paul Chuisano and Unison - http://unisonweb.org/</li>
101+
<li>30:54 Elm - http://elm-lang.org/</li>
102+
<li>31:00 Haskell - https://www.haskell.org/</li>
103+
<li>31:15 Elm IDEs - https://ellie-app.com/new</li>
104+
<li>31:30 elm no runtime errors - https://guide.elm-lang.org/error_handling/</li>
105+
<li>31:42 Elm user friendly type errors - http://elm-lang.org/blog/compiler-errors-for-humans</li>
106+
<li>32:06 CycleJS - https://github.com/cyclejs/cyclejs</li>
107+
<li>32:11 Andre Staltz, reactive interfaces - https://staltz.com/unidirectional-user-interface-architectures.html</li>
108+
<li>32:45 CycleJS and Elm are similar - https://staltz.com/some-problems-with-react-redux.html</li>
109+
<li>33:00 Streams in Cycle - https://cycle.js.org/streams.html</li>
110+
<li>33:49 Eve, Chris Granger - witheve.com</li>
111+
<li>35:05 Projectional Unison structured editor - https://pchiusano.github.io/2015-03-17/unison-update5.html</li>
112+
<li>36:22 broad and exciting vision for unison - https://pchiusano.github.io/2013-05-22/future-of-software.html</li>
113+
<li>37:30 search engine in 20 lines of code - http://unisonweb.org/2016-10-12/search.html#post-start</li>
114+
<li>39:45 Lamdu - https://github.com/lamdu/lamdu</li>
115+
<li>39:49 Luna - http://luna-lang.org</li>
116+
<li>40:50 list of links, google doc - http://futureofcoding.org/links</li>
117+
<li>41:15 let me know about other products here to research @stevekrouse - https://twitter.com/stevekrouse</li>
118+
<li>41:40 woofjs - https://medium.com/@stevekrouse/woof-d9adf2110fc6</li>
119+
<li>41:49 learnable programming - worrydream.com/LearnableProgramming/</li>
120+
<li>44:07 kids learning html, css, js - http://coding.space/web</li>
121+
<li>45:37 building games directly on the HTML 5 canvas - http://s2js.com/</li>
122+
<li>46:28 http://woofjs.com</li>
123+
<li>46:46 google docs style coding in Woof - https://medium.com/@stevekrouse/learn-to-code-in-two-player-mode-e1dfa7710c0f</li>
124+
</ul>
125+
</div>
126+
127+
128+
<div id="footer">
129+
<ul class="list-unstyled">
130+
<span><a target="_blank" href="https://github.com/stevekrouse/futureofcoding.org">Github</a></span> |
131+
<span><a target="_blank" href="https://twitter.com/stevekrouse">Twitter</a></span> |
132+
<span><a target="_blank" href="TODO">RSS</a></span> |
133+
<span><a target="_blank" href="TODO">iTunes</a></span> |
134+
<span><a target="_blank" href="TODO">Google Play</a></span>
135+
</ul>
136+
</div>
137+
138+
</div>
139+
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
140+
<script>
141+
function urlify(text) {
142+
var urlRegex = /(https?:\/\/[^\s]+)/g;
143+
return text.replace(urlRegex, function(url) {
144+
return '<a href="' + url + '">' + url + '</a>';
145+
})
146+
147+
}
148+
149+
$('li').each(function(index, element) {
150+
element.innerHTML = urlify(element.innerHTML);
151+
});
152+
</script>
153+
</body>
154+
</html>

‎episodes/welcome.html

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
7+
8+
<!--TODO google analytics-->
9+
10+
<title>Steve Krouse</title>
11+
<style>
12+
#page {
13+
padding: 50px;
14+
margin-right: auto;
15+
margin-left: auto;
16+
width: 100%;
17+
}
18+
.date {
19+
display: none;
20+
}
21+
22+
li {
23+
padding-bottom: 10px;
24+
}
25+
26+
@media (min-width: 768px) {
27+
#page {
28+
width: 55em;
29+
}
30+
.date {
31+
display: inline;
32+
}
33+
li {
34+
padding: 2px;
35+
}
36+
}
37+
38+
#title {
39+
margin-bottom: 30px;
40+
color: #00c784;
41+
}
42+
43+
#title > h3 {
44+
font-size: 35px;
45+
}
46+
47+
.date {
48+
color: #aaa;
49+
font-size: 90%;
50+
font-family: monospace;
51+
}
52+
53+
#footer {
54+
color: #666;
55+
font-size: 90%;
56+
}
57+
</style>
58+
</head>
59+
<body>
60+
<div id="page" class="container-fluid">
61+
62+
<div id="title">
63+
<h3>Future of Coding</h3>
64+
</div>
65+
66+
<div id="episode-title">
67+
<h3>Episode 1 - Welcome to the Future of Coding</h3>
68+
</div>
69+
70+
<iframe src="https://cast.rocks/player/8816/Welcome-to-the-Future-of-Coding.mp3?episodeTitle=Welcome%20to%20the%20Future%20of%20Coding&podcastTitle=Future%20of%20Coding&episodeDate=July%2013th%2C%202017&imageURL=https%3A%2F%2Fp.rizon.top%3A443%2Fhttps%2Fcast.rocks%2Fhosting%2F8816%2Ffeeds%2FE6OV9.jpg" style="border: none; min-height: 305px; max-height: 320px; max-width: 558px; min-width: 270px; width: 100%; height: 100%;" scrollbars="no"></iframe>
71+
72+
<div id="footer">
73+
<ul class="list-unstyled">
74+
<span><a target="_blank" href="https://github.com/stevekrouse/futureofcoding.org">Github</a></span> |
75+
<span><a target="_blank" href="https://twitter.com/stevekrouse">Twitter</a></span> |
76+
<span><a target="_blank" href="TODO">RSS</a></span> |
77+
<span><a target="_blank" href="TODO">iTunes</a></span> |
78+
<span><a target="_blank" href="TODO">Google Play</a></span>
79+
</ul>
80+
</div>
81+
82+
</div>
83+
</body>
84+
</html>

‎index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,8 @@ <h3>Future of Coding</h3>
6767
<div>
6868
<h4>Episodes</h4>
6969
<ul class="list-unstyled">
70-
<li><span class="date">2016 Jul 16 - </span><a target="_blank" href="https://cast.rocks/player/8816/Research-Recap.mp3?episodeTitle=Research%20Recap&podcastTitle=Future%20of%20Coding&episodeDate=July%2016th%2C%202017&imageURL=https%3A%2F%2Fp.rizon.top%3A443%2Fhttps%2Fcast.rocks%2Fhosting%2F8816%2Ffeeds%2FE6OV9.jpg">Research Recap</a></li>
71-
<li><span class="date">2016 Jul 14 - </span><a target="_blank" href="https://cast.rocks/player/8816/Welcome-to-the-Future-of-Coding.mp3?episodeTitle=Welcome%20to%20the%20Future%20of%20Coding&podcastTitle=Future%20of%20Coding&episodeDate=July%2013th%2C%202017&imageURL=https%3A%2F%2Fp.rizon.top%3A443%2Fhttps%2Fcast.rocks%2Fhosting%2F8816%2Ffeeds%2FE6OV9.jpg">Welcome to the Future of Coding</a></li>
70+
<li><span class="date">2016 Jul 16 - </span><a target="_blank" href="./episodes/research-recap.html">Research Recap</a></li>
71+
<li><span class="date">2016 Jul 14 - </span><a target="_blank" href="./episodes/welcome.html">Welcome to the Future of Coding</a></li>
7272
</ul>
7373
</div>
7474

‎links.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,4 +96,4 @@ title: Link Research
9696
* http://pgbovine.net/human-centered-programming-tools.htm
9797
* http://blog.interfacevision.com/design/design-visual-progarmming-languages-snapshots/
9898
* http://www.squeakland.org/resources/books/readingList.jsp
99-
* worrydream.com
99+
* http://worrydream.com

0 commit comments

Comments
 (0)