Skip to content

Commit f25ab2f

Browse files
stevekrousestevekrouse
authored
Merge pull request #48 from stevekrouse/episode-13
added episode 13, waiting for lauch date
2 parents 33b5a65 + 008d0c2 commit f25ab2f

File tree

2 files changed

+103
-0
lines changed

2 files changed

+103
-0
lines changed

‎episodes/13-teaching-elm-to-4th-graders-christopher-anand.html

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
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+
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
8+
9+
<script>
10+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
11+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
12+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
13+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
14+
ga('create', 'UA-103157758-1', 'auto');
15+
ga('send', 'pageview');
16+
</script>
17+
18+
<title>Future of Coding</title>
19+
<style>
20+
#page {
21+
padding: 50px;
22+
margin-right: auto;
23+
margin-left: auto;
24+
width: 100%;
25+
}
26+
.date {
27+
display: none;
28+
}
29+
30+
li {
31+
padding-bottom: 10px;
32+
}
33+
@media (min-width: 768px) {
34+
#page {
35+
width: 55em;
36+
}
37+
.date {
38+
display: inline;
39+
}
40+
li {
41+
padding: 2px;
42+
}
43+
}
44+
45+
#title {
46+
margin-bottom: 30px;
47+
color: #00c784;
48+
}
49+
50+
#title > h3 {
51+
font-size: 35px;
52+
}
53+
54+
.date {
55+
color: #aaa;
56+
font-size: 90%;
57+
font-family: monospace;
58+
}
59+
60+
#footer {
61+
color: #666;
62+
font-size: 90%;
63+
}
64+
</style>
65+
</head>
66+
<body>
67+
<div id="page" class="container-fluid">
68+
69+
<div id="title">
70+
<h3 onclick="location.href = '../index.html'">Future of Coding</h3>
71+
</div>
72+
73+
<div id="episode-title">
74+
<h3>Episode 13 - Teaching Elm To 4th Graders: Christopher Anand</h3>
75+
</div>
76+
77+
<iframe src="https://omny.fm/shows/future-of-coding/1-3-teaching-elm-to-4th-graders-christopher-anand/embed?style=artwork" width="100%" height="180" frameborder="0"></iframe>
78+
79+
<p>
80+
Most people consider ML-based langauges like Elm hard enough to learn as an adult.
81+
But according to Professor Christopher Anand of McMaster University,
82+
they work really well to introduce Computer Science to children,
83+
starting in 4th grade!
84+
In this episode, Christopher and I explore the difference between
85+
alegbraic thinking and computational (or sequential) thinking,
86+
and why this is incredibly relevant today as the "coding for all" movement
87+
gains traction.
88+
</p>
89+
90+
<h4>Links</h4>
91+
<ul>
92+
<li>5:00 - "For a kid who's never seen syntax, good errors are still opaque". Elm is known for <a href="http://elm-lang.org/blog/compiler-errors-for-humans">good errors</a>.</li>
93+
<li>28:00 - State diagram activity, included in <a href="https://www.cs.kent.ac.uk/people/staff/sjt/TFPIE2017/TFPIE_2017/Papers/TFPIE_2017_paper_2.pdf">this paper</a></li>
94+
<li><a href="https://github.com/MacCASOutreach/graphicsvg">MacSVG - the Elm library for making animations and games</a></li>
95+
<li><a href="https://itunes.apple.com/us/app/image-2-bits/id967807383?ls=1&mt=8">iPad App to learn binary</a></li>
96+
<li><a href="http://outreach.mcmaster.ca/">McMaster University Outreach</a></li>
97+
<li>Christopher Anand's email: anandc at mcmaster.ca</li>
98+
</ul>
99+
100+
</div>
101+
</body>
102+
</html>

‎index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,7 @@ <h3>Future of Coding</h3>
115115
<div id="episodes">
116116
<h4>Episodes</h4>
117117
<ul class="list-unstyled">
118+
<li><span class="date">2017 Oct 03 - </span><a target="_blank" href="./episodes/13-teaching-elm-to-4th-graders-christopher-anand.html">#13 - Teaching Elm To 4th Graders: Christopher Anand</a></li>
118119
<li><span class="date">2017 Sep 25 - </span><a target="_blank" href="./episodes/12-research-recap-six-cycle-js-deep-dive.html">#12 - Research Recap Six: CycleJS Deep Dive</a></li>
119120
<li><span class="date">2017 Sep 19 - </span><a target="_blank" href="./episodes/11-how-reactjs-was-created-with-pete-hunt.html">#11 - How ReactJS was created - with Pete Hunt</a></li>
120121
<li><span class="date">2017 Sep 13 - </span><a target="_blank" href="./episodes/10-unisons-paul-chiusano-on-how-abstraction-will-save-distributed-computing.html">#10 - Unison's Paul Chiusano on how Abstraction Will Save Distributed Computing</a></li>

0 commit comments

Comments
 (0)