-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathkid_program.html
More file actions
155 lines (143 loc) · 7.08 KB
/
kid_program.html
File metadata and controls
155 lines (143 loc) · 7.08 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="./kid_program.html" />
<title> 愚钝的故事 — 和孩子们一起编程 —— 认识计算机
</title>
<link rel="stylesheet" href="./theme/css/style.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<meta name="author" content="Jet Geng">
<meta name="tags" contents="">
</head>
<body>
<header class="header">
<div class="container">
<div class="header-inner">
<h1 class="header-name">
<a class="nodec" href="/">愚钝的故事</a>
</h1>
<h3 class="header-text">Jet Geng的工作和生活</h3>
<ul class="header-menu list-inline">
<li><a class="nodec icon-github" href="https://github.com/jetgeng"></a></li>
</ul>
</div>
</div>
</header> <!-- /.header --> <div class="container">
<div class="post full-post">
<h1 class="post-title">
<a href="/kid_program.html" title="Permalink to 和孩子们一起编程 —— 认识计算机">和孩子们一起编程 —— 认识计算机</a>
</h1>
<ul class="list-inline">
<li class="post-date">
<a class="text-muted" href="/kid_program.html" title="2016-08-12T19:02:00+08:00">Fri 12 August 2016</a>
</li>
<li class="muted">·</li>
<li class="post-category">
<a href="./category/misc.html">misc</a>
</li>
<li class="muted">·</li>
<li>
<address class="post-author">
By <a href="./author/jet-geng.html">Jet Geng</a>
</address>
</li>
</ul>
<div class="post-content">
<div class="section" id="id2">
<h2>楔子</h2>
<p>我是一个程序员，一个9岁男孩-- Tiger 的爸爸。在Tiger还是很小的时候，我总是想像和他一起聊电子产品，一起聊代码，一起聊模块化编程，那是一个什么场景。</p>
<p>所以我就一直关注儿童的编程教育。看到在国外儿童早期的编程早已搞的风声水气了。他们还宣称让孩子们早点接触编程有如下优点：</p>
<blockquote>
<ul class="simple">
<li>为孩子的创造力提供一个表达的工具，就像绘画一样。让孩子们把自己想法通过计算机 <em>创造</em> 出来。</li>
<li>锻炼孩子们的逻辑思维能力。从分析问题，到制定实施策略，到最后实现。让孩子们的思维更有条理</li>
<li>培养孩子们的专注力。</li>
</ul>
</blockquote>
<p>既然好处这么多，我们如何做才能让孩子们得到这些好处了？为了得到答案，我开启了如下的探索之路。</p>
</div>
<div class="section" id="id3">
<h2>小白鼠上场</h2>
<p>我的小白鼠就是我的儿子 -- Tiger 和他的表妹 -- Lucy。Tiger思维还算清晰，好玩，对乐高如痴如醉,尤其喜欢乐高里面的各种车。对自己不感兴趣的事情爱搭不理。
Lucy -- 待补充</p>
<div class="section" id="id4">
<h3>第一步让他感兴趣</h3>
<p>为了让他们感兴趣，我投其所好的买了一个mBlock的机器人小车。这个小车是基于Arduino的一个小板子，可以把图形化的代码（具体如下图）烧到Arduino上。让孩子们可以通过图形化的代码来操作这个小车。</p>
<p>果然不出所料, Tiger被这个小车迷住了。当他把程序烧到板子上，通过遥控器控制小车的前进和后退的时候。他的表情就证明了这一切。通过这个小车他能理解了基本语句，if，循环这些结构控制语句的含义。 但是在这个环境里面，他死活无法理解里面的变量是怎么回事。</p>
<p>于是我开始想，是不是图形化的代码封装的太多，反而让我们看不太清计算机本来的一些东西。 我需要做一些改变！</p>
<p>自从看到那本 <<父与子编程之旅与小卡特一起学Python>> 这本书的时候，我知道我找到了！ 我找到了还不算啊，要孩子们接受了才可以。所以我就和他们说： 你们要不要尝试一下真正程序员使用的编程语言啊， 学会那个你就能干嘛，干嘛。“真正程序员”这几个字的确打动了他们。决定尝试。就这样我们开启了我们的python之旅。</p>
<p>为了让我们的python之旅走的顺畅我好好调整了一下我们的课程表。</p>
</div>
<div class="section" id="id5">
<h3>我们的课程表</h3>
<p>为了让他们远离windows， 我给他们准备了MacOX的操作系统。第一时间接触Bash， vim， python。所以我的课程主要包括以上三个部分。</p>
<blockquote>
<ul class="simple">
<li>盲打学习。 第一步要解决输入的问题。这个只是让他们照这一个打字软件来。但是控制一下打字的时间防止他们生厌。</li>
<li>计算机的基本组成结构。从硬件层面让他们了解什么是cpu，内存，硬盘，输入输出（显示器，键盘，鼠标）</li>
<li>vim编辑器的基本使用。只讲三点 文件的打开，模式的切换，文件的保存。</li>
<li>Python 之 “Hello World” -- 还是不能免这个俗啊！</li>
<li>Linux 基本命令 ls, cd, mkdir</li>
<li>变量， 变量类型</li>
<li>基本运算</li>
<li>if 语句</li>
<li>循环</li>
<li>函数</li>
<li>Linux 基本命令 find</li>
<li>类</li>
</ul>
</blockquote>
</div>
<div class="section" id="id6">
<h3>我们还在前进</h3>
<p>上面的课程表已经拟定，我们要把他赋予实践！</p>
</div>
</div>
</div>
</div>
<hr class="separator">
<div class="col-md-8 col-md-offset-2">
<div id="disqus_thread">
<script>
var disqus_shortname = 'techfoolishstory';
(function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>
Please enable JavaScript to view the
<a href="https://disqus.com/?ref_noscript=techfoolishstory">
comments powered by Disqus.
</a>
</noscript>
<a href="https://disqus.com" class="dsq-brlink">
blog comments powered by <span class="logo-disqus">Disqus</span>
</a>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="text-center">
Jet Geng, <a href="" target="_blank">版权归Jet Geng所有，转载请注明！</a> unless otherwise noted.
</p>
<div class="text-center">
Generated by <a href="http://getpelican.com" target="_blank">Pelican</a> with the <a href="http://github.com/nairobilug/pelican-alchemy">alchemy</a> theme.
</div>
</div>
</footer> <!-- /.footer -->
<script src="./theme/js/jquery.min.js"></script>
<script src="./theme/js/bootstrap.min.js"></script>
</body> <!-- 42 -->
</html>