首页 › programming › 画个圆就入门:可汗编程神课深读

画个圆就入门:一条357万播放的编程开篇神课深读

概述

视频基本信息

数据说明:本篇撰写环境无法联网实时核验,播放量等动态数据以YouTube页面实时显示为准;未获取视频逐字稿,正文基于该课程的公开大纲与这类教学视频的通用叙事框架展开,不引用视频原话与具体时间点;涉及研究之处均标注真实文献来源,拿不准的信息明确注明“未经官方证实”。

核心主张拆解:一条开篇短片如何给编程“下定义”

把这条视频放回它的课程里看,它承担的任务很明确:在五分钟内,让一个从没写过代码的人相信——编程是可上手、可看见、可创作的。它的叙事骨架可以拆成五步,每一步都藏着编程教育里一个被验证过的关键设计。

要点一:程序是“说给计算机听的精确指令”

开篇的第一个动作,是给编程下一个去神秘化的定义:程序就是一串指令,计算机一步一步照着执行。定义里最锋利的部分是“精确”二字——计算机又快又笨,它从不猜你的意思,你写错一个字,它就停在那里或干脆做错。

我的延伸分析:这个“字面机器”的心智模型,是初学者最该第一天就建立的东西。自然语言靠语境补全,你说“帮我画个圆”,人能脑补半径和位置;代码没有语境,你必须说清楚圆心在哪、半径多大、填什么颜色。编程的一切门槛,本质上都来自这种“从默契到精确”的转换。有趣的是,这个模型在2026年不但没过时,反而更值钱了——你给大模型写提示词时,面对的依然是一个需要精确描述意图的对象,只是它把“精确”的记账方式从语法挪到了语义。

要点二:第一个程序不是Hello World,是一个椭圆

这套课程最反传统的设计,是不从“在控制台打印一行字”开始,而是从绘图函数开始。课程环境用的正是Processing风格的绘图接口:ellipse(240, 120, 100, 100),一行代码,屏幕正中出现一个圆;fill(255, 0, 0),下一行,圆变成红色。产出不是文字回声,而是作品的第一块积木。

我的延伸分析:这不是花哨,而是精心的学习设计。Hello World告诉初学者“机器听懂了”,画一个圆告诉初学者“你创造了一个东西”——两者激活的动机系统完全不同。心理学对此有扎实的解释:班杜拉(Albert Bandura)1977年提出的自我效能感(self-efficacy)理论指出,人对“我能做成一件事”的信念,主要来自一次次微小的真实成功;而能否坚持学习,恰恰最依赖这种信念。一行代码换一个图形,就是把“微小成功”的颗粒度调到了分钟级。

要点三:参数即旋钮——变量的第一次现身

把那四个数字改一改,圆变大、变小、跑偏、跑到画布外面。课程在这里悄悄完成了编程教育里最难的一步:变量不是名词,是旋钮。初学者不用先理解内存地址和数据类型,而是先用手“拧”出体验——这四个数字控制这个圆的什么,改哪个数字它往哪跑。

我的延伸分析:这是“参数化思维”的种子,它的价值远超入门阶段。你后来遇到的每一层软件抽象——CSS的属性、游戏引擎的Inspector面板、大模型的temperature参数——本质上都是同一件事:行为被参数定义,理解一个系统就是理解每个旋钮往哪拧。先拧旋钮再看说明书的学习顺序,其实暗合了科学学习研究里“先产生自己的猜想、再验证”的路径,比从定义背起的效率高得多。

要点四:函数是可复用的动作——从“画一个圆”到“画一张脸”

下一步自然递进:一个圆是脸,两个小圆是眼睛,一条弧线是嘴——把这几行打包成一个drawFace(),以后一行代码就能画一张脸,还能挪位置、换表情。抽象与复用这两个软件工程的核心概念,在第一课里以“攒一个自己的画图工具箱”的方式完成了首秀。

我的延伸分析:这是认知科学里“分块”(chunking)的教科书应用——把多步操作压缩成一个可调用的单元,工作记忆里就腾出了空间去思考更上层的问题。很多人抱怨“学了语法还是不会写程序”,缺的正是这种主动攒积木的习惯:从第一行代码起,你就在写属于自己的库,只是当时没人告诉你这叫库。

要点五:课程卖的是“作品”,不是“技能”

这一讲的收尾承诺了整门课的走向:画完静态画做动画,做完动画做互动涂鸦板——每一步的终点都是一个能拿给人看的东西。编程在这套叙事里被定位成创作媒介,而不是就业工具。

我的延伸分析:这是它与“三个月转行涨薪”类内容最深的分野。学习动机研究里反复区分内在动机(好奇、创作欲)与外在动机(薪资、证书),长期坚持度上前者稳定占优。这条357万播放的短片能长青十几年,靠的多半就是这一点:它把编程放回了“人人都可以创作”的位置,恰好对着最多数人的心理入口。

知识与理论溯源:“画画学编程”的五十年谱系

这条短片的每个设计选择,背后都站着真实的人与真实的研究——这不是某家机构的灵光一现,而是一条流传了半个世纪的技术与教育谱系。

源头:LOGO海龟与建造主义。上世纪60年代末,MIT的西摩·派珀特(Seymour Papert)与沃尔利·弗齐格、辛西娅·所罗门等人在BBN开发了LOGO语言——让儿童操纵一只屏幕上的海龟画画。派珀特1980年的名著《Mindstorms》把它升华为一套教育哲学:建造主义(constructionism)——人在动手建造“可分享的作品”时学得最好。让初学者“用代码画画”,正是这套哲学最经典的落地形式。

中间件:从Design By Numbers到Processing。1999年前后,MIT媒体实验室的前田约翰(John Maeda)推出极简教学语言Design By Numbers,主张“视觉者也能编程”;2001年,他的学生凯西·里亚斯(Casey Reas)与本·弗莱(Ben Fry)把它发展成Processing——一门为艺术家和设计师设计的语言,sketchbook(速写本)隐喻写进了它的基因:程序叫sketch,改一行就重跑,图形立刻出现。这是“绘图函数+即时反馈”这套接口设计的直接出处。

进浏览器:Processing.js与可汗学院。2008年,jQuery之父约翰·莱西格(John Resig)把Processing移植成JavaScript版本Processing.js——不需要装任何插件,打开网页就能画。这一步让可汗学院得以把它做成纯网页课程:左边视频讲解,右边代码编辑器,改了马上看见。你看到的这条视频所属的“Intro to JS”课程,底层用的正是这条技术线(据课程公开页面)。

后世:p5.js与媒体计算研究。2013年前后,劳伦·麦卡锡(Lauren McCarthy)发起社区分支p5.js,如今已是创意编程教育的主流工具。学术侧,佐治亚理工的马克·古兹迪亚尔(Mark Guzdial)与芭芭拉·埃里克森从2003年前后推行“媒体计算”(Media Computation)入门课——用改图片、做音效教编程——并发表了系列研究,显示这类“情境化”课程对非计算机专业学生的参与度和留存率有改善(教育干预研究的效应量普遍温和,不宜神化)。

flowchart TD
    A[LOGO海龟画图<br/>派珀特 1960s] --> B[Design by Numbers<br/>前田约翰]
    B --> C[Processing 2001<br/>里亚斯与弗莱]
    C --> D[Processing.js 2008<br/>莱西格]
    D --> E[可汗学院<br/>用JS画画课]
    C --> F[p5.js<br/>麦卡锡 2013]
    E --> G[你的第一个圆<br/>357万次播放]
    F --> G

批判性审查:哪些该信,哪些要打折

证据充分的部分。“程序是精确指令”是教科书级的共识,没有争议;“可见产出提升初学者动机”有多条研究线支持(建造主义文献、媒体计算研究、自我效能感理论),方向一致——虽然效应量都不算惊天动地,但“让初学者早点看见作品”这件事,在教育研究里属于少有的低风险共识。

需要打折的部分。其一,“画圆入门”与真实工程之间的迁移鸿沟:Processing风格的自定义绘图函数与工业界主流技术栈有落差,入门友好不等于职业通道,这类课程培养的是编程思维与兴趣,跳过它们照样可以、跳过计算机基础则不行。其二,最著名的批评来自布雷特·维克多(Bret Victor)2012年的长文《Learnable Programming》:他点名批评当时可汗学院的编程课(正是本视频所属的这套课程的前身)“只教学生操作文本,不让学生看见程序的行为”,并把可汗课逐帧拆解,给出改法。这场批评是编程教育史上被引用最多的论战之一,可汗学院此后也确实对计算课程做过多次改版,向项目式创作与更即时的可视化靠拢(据其公开更新,细节未经官方证实)——今天的课程形态,一半是被这场论战塑造的。其三,“人人都能学会”与完成率的落差:据Katy Jordan 2014年发表的MOOC完成率统计,大规模在线课程完成率中位数长期只有一成上下;播放量357万,不等于357万人画出了那个圆。其四,凡“最佳入门”之争皆无定论——CS50、freeCodeCamp等同样是免费且优秀的入口(均为真实存在的公开课程),可汗这条胜在门槛最低、见效最快,而非全面碾压。

认知提升与实用启示

一、给自己来一次“五分钟自画像”实验。打开p5.js官方在线编辑器(editor.p5js.org),不看教程,直接用ellipse()和fill()拼一张人脸——每改一个数字看一次结果。这件事的意义在于亲身体验“参数即旋钮”的心智模型,它比读十篇入门文章更能校准你对编程的直觉。

二、用“旋钮学习法”啃任何新接口。以后遇到陌生的API、框架、甚至AI模型的参数,不要先读文档——先把每个参数暴力改一遍,观察输出怎么变,形成自己的猜想,再回头对照文档验证。先猜后看是经过验证的科学学习路径,也让“查文档”从苦差变成对答案。

三、教别人编程时,从看得见的产出开始。无论是教孩子还是教非技术朋友,顺序应该是:海龟画图或画板类环境 → 改参数做小动画 → 再考虑语法与环境配置。语法表和“配环境”是劝退率最高的开局,五分钟内让人看见自己造的东西,才是留住人的开局。

延伸阅读

  1. p5.js 官方在线编辑器 — 打开即画,本文“五分钟自画像”实验的载体。
  2. 《Getting Started with Processing》(Casey Reas & Ben Fry 著)— “画画学编程”这套接口的两位设计者亲自写的入门书,读完可理解这条谱系的正源。

参考来源

本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵爱卫生(微信ID: gprshome201101)维护,聚焦5G/6G核心网、3GPP标准解读、通信前沿技术深度分析。 出版作品有《5G核心网原理与实践》《IMS原理与实践》等4本通信专业书籍。知识星球「51学通信」提供深度技术答疑和行业洞察。

[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。

51学通信知识星球海报-扫码加入