上周六,村里的5个孩子围在我的电脑前,看着他们做的网站上线。
"老师,我们的网站真的可以让全世界的人看到吗?"
"是的,只要有网络,全世界都能访问。"
孩子们欢呼起来。
这是我教他们编程一个月后的成果。
起因:一个偶然的机会
一个月前,村里的小学校长找到我。
"听说你是程序员,能不能教孩子们一些电脑知识?"
我说:"可以啊,教什么?"
他说:"就教一些基础的,让他们知道电脑不只是用来打游戏的。"
我想了想,说:"那我教他们做网站吧。"
校长惊讶:"做网站?他们才小学五年级,能学会吗?"
我说:"试试看。"
第一课:什么是网站
时间: 周六下午2点
地点: 村小学电脑室
学生: 5个孩子(10-12岁)
破冰:你们用过什么网站?
我问:"你们平时上网吗?"
孩子们纷纷举手:
我说:"很好,这些都是网站。今天,我们要学习怎么做一个网站。"
演示:一个简单的网页
我打开记事本,写了几行代码:
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>你好,世界!</h1>
<p>这是我做的第一个网页。</p>
</body>
</html>
保存为index.html,双击打开。
孩子们惊呼:"哇!真的变成网页了!"
实践:做自己的网页
我让每个孩子都试一遍。
他们的第一个网页:
虽然很简单,但他们很兴奋。
第二课:让网页更漂亮
内容: CSS样式
问题:网页太丑了
小明说:"老师,我的网页好丑,能不能让它好看一点?"
我说:"当然可以,我们用CSS来美化它。"
演示:添加颜色和样式
<style>
body {
background-color: #f0f0f0;
font-family: Arial;
}
h1 {
color: blue;
text-align: center;
}
p {
color: #333;
line-height: 1.6;
}
</style>
孩子们看到效果后,眼睛都亮了。
实践:美化自己的网页
我给他们一些任务:
他们玩得不亦乐乎,各种颜色都试了一遍。
第三课:让网页动起来
内容: JavaScript交互
演示:点击按钮
<button onclick="alert('你好!')">点我</button>
小强点了一下,弹出对话框,他兴奋地喊:"老师,它会说话!"
实践:做一个计算器
我教他们做一个简单的加法计算器:
<input type="number" id="num1">
+
<input type="number" id="num2">
<button onclick="calculate()">计算</button>
<p id="result"></p>
<script>
function calculate() {
var a = document.getElementById('num1').value;
var b = document.getElementById('num2').value;
var sum = parseInt(a) + parseInt(b);
document.getElementById('result').innerHTML = '结果:' + sum;
}
</script>
孩子们做出来后,互相测试,玩得很开心。
第四课:团队项目
任务: 做一个介绍村子的网站
分工
我让他们分工合作:
协作
他们开始讨论:
我看着他们讨论,很欣慰。
遇到的问题
问题1:图片太大
问题2:页面跳转不对
问题3:样式不统一
问题4:内容太少
成果:网站上线
一个月后,网站做好了。
网站内容:
技术栈:
部署:
域名:
上线那天
孩子们围在电脑前,看着网站一点点加载出来。
"成功了!"
他们欢呼、击掌、拥抱。
小明说:"老师,我要把网址发给我爸爸,他在广东打工。"
小红说:"我要发给我的同学,让他们看看我们村。"
孩子们的变化
一个月的编程课,孩子们有了很大变化:
1. 从玩游戏到做游戏
以前:
现在:
小强说:"老师,下次能教我们做游戏吗?"
2. 从被动学习到主动探索
以前:
现在:
小明说:"老师,我在网上学会了做轮播图。"
3. 从独自学习到团队协作
以前:
现在:
4. 从自卑到自信
以前:
现在:
小丽说:"老师,我以后也想当程序员。"
家长的反馈
家长1(小明妈妈)
"以前孩子只知道玩手机,现在知道学习了。虽然我不懂编程,但我看他很认真,我很高兴。"
家长2(小红爸爸)
"我在广东打工,看到孩子做的网站,很感动。没想到农村孩子也能学这个。"
家长3(小刚奶奶)
"孙子说要当程序员,我不知道是什么,但看他开心就好。"
我的收获
教孩子编程,我也有很多收获:
1. 重新理解编程
以前:
现在:
2. 学会简化
以前:
现在:
例如:
3. 找到意义
以前:
现在:
未来计划
短期(3个月)
继续教学:
扩大规模:
中期(6个月)
开发课程:
推广模式:
长期(1年)
建立基金:
影响更多人:
写给程序员的话
如果你也想教孩子编程,我的建议是:
1. 从简单开始
不要:
要:
2. 用生活化的例子
不要:
要:
3. 鼓励创造
不要:
要:
4. 持续陪伴
不要:
要:
最后的话
教村里孩子编程的一个月,是我最有意义的一个月。
我看到:
我相信:
如果你也想做点什么,欢迎关注我。
如果你有教学经验,欢迎留言分享。
我是乡野码圣,S302省道的程序员。
这是我教村里孩子编程的故事。
互动话题
留言告诉我:
-
-
-
-
我会认真回复每一条留言。
关注公众号【乡野码圣】
回复"教学"获取教学资料
回复"编程"看编程教程
回复"公益"了解更多信息
10个月宝宝每天需要喝多少奶粉？
