# 画个圆就入门：一条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）入门课——用改图片、做音效教编程——并发表了系列研究，显示这类“情境化”课程对非计算机专业学生的参与度和留存率有改善（教育干预研究的效应量普遍温和，不宜神化）。 ```mermaid flowchart TD A[LOGO海龟画图
派珀特 1960s] --> B[Design by Numbers
前田约翰] B --> C[Processing 2001
里亚斯与弗莱] C --> D[Processing.js 2008
莱西格] D --> E[可汗学院
用JS画画课] C --> F[p5.js
麦卡锡 2013] E --> G[你的第一个圆
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 官方在线编辑器](https://editor.p5js.org) — 打开即画，本文“五分钟自画像”实验的载体。 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 等场景全覆盖。