← 编程学习中心
📖

Preparation

8 个课程
1
如何学习编程
2
计算机基础
3
键盘初识与基准键位
4
字母与数字基础
5
Shift键魔法
6
编程符号专精
7
功能键与修饰键
8
键盘学习总结与进阶
📚

Basics

22 个课程
1
什么是编程?
2
Hello World - 你的第一个程序
3
变量基础概念 - 给信息贴标签
4
变量赋值和操作 - 变量的高级用法
5
数据类型基础 - 数字和字符串
6
基础运算符 - 数字运算王国
7
布尔类型与比较运算符 - 程序的判断基础
8
条件判断基础 - 让程序学会做决定
9
变量作用域 - 变量的生存范围
10
条件语句进阶 - 复杂判断与嵌套结构
11
逻辑运算符 - 简化复杂条件判断
12
循环语句 - 程序的重复机器
13
循环进阶 - break、continue与循环控制
14
嵌套循环与作用域
15
循环调试实战技巧
16
循环不变量 - 理解循环的数学规律
17
数组基础 - 数据的收纳盒
18
数组操作方法 - 添加、删除和管理
19
数组高级 - 探索数组的强大功能
20
引用概念 - 变量的不同行为
21
函数基础 - 解决重复代码的秘密武器
22
函数实践与应用 - 巩固基础,实战应用
🚀

Intermediate

11 个课程
1
从控制台到画布 - p5.js初体验
2
图形绘制工具箱 - 基础图形函数
3
让世界多彩 - 颜色系统详解
4
文字的艺术 - 文本绘制与样式
5
球体动起来 - 动画基础入门
6
球体的交互魔法 - 鼠标与条件判断
7
面向对象编程 - Class类与实例
8
球的家族 - 循环与数组应用
9
球的个性 - 函数封装与参数化
10
球的变身 - 形状模式与高级绘制
11
球的世界 - 综合创作项目
🎯

Advanced

6 个课程
1
对象类型
2
对象类型应用
3
自定义类型
4
函数进阶 - 箭头函数与高级编程技巧
5
内置方法 - 字符串与数组的魔法工具
6
Switch语句与字符串模板 - 更优雅的代码表达
← 编程学习中心
📖

Preparation

8 个课程
1
如何学习编程
2
计算机基础
3
键盘初识与基准键位
4
字母与数字基础
5
Shift键魔法
6
编程符号专精
7
功能键与修饰键
8
键盘学习总结与进阶
📚

Basics

22 个课程
1
什么是编程?
2
Hello World - 你的第一个程序
3
变量基础概念 - 给信息贴标签
4
变量赋值和操作 - 变量的高级用法
5
数据类型基础 - 数字和字符串
6
基础运算符 - 数字运算王国
7
布尔类型与比较运算符 - 程序的判断基础
8
条件判断基础 - 让程序学会做决定
9
变量作用域 - 变量的生存范围
10
条件语句进阶 - 复杂判断与嵌套结构
11
逻辑运算符 - 简化复杂条件判断
12
循环语句 - 程序的重复机器
13
循环进阶 - break、continue与循环控制
14
嵌套循环与作用域
15
循环调试实战技巧
16
循环不变量 - 理解循环的数学规律
17
数组基础 - 数据的收纳盒
18
数组操作方法 - 添加、删除和管理
19
数组高级 - 探索数组的强大功能
20
引用概念 - 变量的不同行为
21
函数基础 - 解决重复代码的秘密武器
22
函数实践与应用 - 巩固基础,实战应用
🚀

Intermediate

11 个课程
1
从控制台到画布 - p5.js初体验
2
图形绘制工具箱 - 基础图形函数
3
让世界多彩 - 颜色系统详解
4
文字的艺术 - 文本绘制与样式
5
球体动起来 - 动画基础入门
6
球体的交互魔法 - 鼠标与条件判断
7
面向对象编程 - Class类与实例
8
球的家族 - 循环与数组应用
9
球的个性 - 函数封装与参数化
10
球的变身 - 形状模式与高级绘制
11
球的世界 - 综合创作项目
🎯

Advanced

6 个课程
1
对象类型
2
对象类型应用
3
自定义类型
4
函数进阶 - 箭头函数与高级编程技巧
5
内置方法 - 字符串与数组的魔法工具
6
Switch语句与字符串模板 - 更优雅的代码表达

什么是编程? 🤖

编程就像和计算机说话 💬

想象一下,计算机就像一个非常聪明但又很"较真"的朋友。它很会执行任务,但不会猜我们想要什么。我们必须准确、清楚地告诉它每一步该怎么做。

编程就是用计算机能理解的语言,给它下达具体指令的过程!


🎯 编程基础名词解释

什么是程序?

程序就是"指令清单"

程序就像是一份详细的操作指南,告诉计算机如何完成一个任务:

  • 📱 手机App:当你点击微信时,程序会执行"显示聊天界面"、"加载联系人"等指令
  • 🎮 电子游戏:当你按跳跃键时,程序会执行"让角色向上移动"、"播放跳跃音效"等指令
  • 🍳 智能家电:当你用微波炉加热食物时,程序会按照"设定时间→启动转盘→开始加热"的顺序执行

程序的特点

  1. 步骤明确:每一步都要说清楚,不能模糊
  2. 顺序重要:先做什么后做什么很重要
  3. 逻辑清晰:遇到不同情况要如何处理
  4. 结果可预测:相同的输入会得到相同的输出

什么是编程语言?

编程语言就是人类和计算机沟通的"桥梁"

就像不同国家的人用不同的语言交流一样,计算机也有它自己的语言。编程语言就是专门设计出来让人类能够和计算机"对话"的工具:

  • 人类语言:英语、中文、日语等
  • 计算机语言:机器语言(0和1)
  • 编程语言:TypeScript/JavaScript、Python、C/C++等

编程语言的作用

  1. 翻译功能:把人类的想法翻译成计算机能理解的指令
  2. 标准化:提供统一的语法规则,让程序员能够编写代码
    • 就像不同国家语言的语法规则一样,英语有英语的语法,中文有中文的语法
    • 编程语言也有固定的语法规则,让所有程序员都能按照同样的方式写代码
  3. 抽象化:隐藏复杂的计算机底层细节,让编程更简单

什么是代码?

代码就是用编程语言写出来的"特殊文字"

代码就是用编程语言写出来的文字,就像用英语写文章一样,只不过这种文字计算机能看懂:

加载代码编辑器...

代码的特点

  • 精确性:每个符号、每个空格都有特定含义
  • 结构性:代码有固定的格式和规则
  • 可读性:好的代码就像好文章,容易理解
  • 可执行:计算机能够理解并执行代码

什么是程序员?

程序员就是编写代码的人

程序员的工作是把人类的想法用代码表达出来,让计算机能够理解并执行:

  • 🎯 问题分析者:分析需要解决的问题
  • 💻 代码编写者:用编程语言实现解决方案
  • 🔧 错误修复者:找出并修复代码中的问题
  • 📚 技术学习者:不断学习新的编程技术和方法

程序员的工作流程

  1. 理解需求:弄清楚要解决什么问题
  2. 设计方案:规划如何用代码实现
  3. 编写代码:用编程语言写出来
  4. 测试验证:确保代码正确工作
  5. 优化改进:让代码更好用、更快

程序员需要的能力

  • 逻辑思维:能够清晰地分析问题
  • 编程技能:熟练掌握至少一种编程语言
  • 耐心细致:代码需要仔细检查和测试
  • 创造力:找到更好的解决方案
  • 团队合作:与其他程序员一起工作

程序和代码的关系

代码是程序的"原材料",程序是代码的"最终产品"

想象一下:

  • 代码就像乐高积木块
  • 程序就像用积木搭建的完整作品

从代码到程序的转化过程

  1. 编写代码:程序员写出很多行代码
  2. 编译运行:计算机把代码翻译成它能理解的指令
  3. 形成程序:这些指令组合起来,就变成了可以运行的程序

简单来说:

  • 程序员写代码
  • 计算机运行代码
  • 运行的结果就是程序

🧠 编程的核心思维方式

程序员在解决问题时,会用到四种重要的思维方式:

1. 分解思维 - 把大问题拆成小问题

就像搭乐高一样,复杂的作品都是由简单的积木块组成的:

  • 🍰 做蛋糕:分解为"和面"→"加糖"→"烘烤"→"装饰"
  • 🎮 做游戏:分解为"画角色"→"处理输入"→"检测碰撞"→"计分"
  • 📱 开发App:分解为"设计界面"→"处理数据"→"响应用户"→"保存结果"

2. 顺序思维 - 按正确步骤执行

顺序很重要,搞错顺序可能会导致问题:

  • 👕 穿衣服:先穿内衣→再穿外衣→最后穿鞋子(如果顺序错了会很奇怪)
  • 🍳 做饭:先准备食材→然后清洗→再切配→最后烹饪
  • 💻 程序运行:先读取数据→然后处理→最后显示结果

3. 条件思维 - 根据情况做决定

生活中充满各种"如果...就..."的选择:

  • ☔ 天气判断:如果下雨→带雨伞;如果晴天→戴太阳镜
  • 🎮 游戏逻辑:如果得分≥100→显示胜利;否则继续游戏
  • 📱 用户验证:如果密码正确→允许登录;否则提示错误

4. 循环思维 - 重复做相同的事情

很多任务需要重复执行:

  • 🏃 跑步:重复"迈左脚"→"迈右脚"的动作
  • 📚 读书:一页一页地翻看,直到读完
  • 🎮 游戏关卡:重复"开始→挑战→胜利/失败→下一关"的循环

💻 为什么选择TypeScript?

1. JavaScript是能直接在浏览器执行的编程语言

JavaScript是网页的"母语",所有浏览器都能直接理解它:

  • 🌐 网页运行:JavaScript代码可以直接在浏览器中运行
  • 📱 无处不在:几乎所有网站都使用JavaScript
  • 🎮 即时反馈:编写代码后立即能看到效果,非常适合学习编程

2. TypeScript是在JavaScript基础上添加了类型

TypeScript给JavaScript添加了"类型"系统,就像给数据贴上标签:

  • 数字类型:比如 123、3.14
  • 字符串类型:用引号包围的文字,比如 "小明"、"你好"

类型的好处:

  • 🎯 提前发现错误:在写代码时就能发现问题
  • 📝 代码更清晰:更容易理解和修改
  • 🛡️ 程序更稳定:减少运行时的意外错误

3. 对比 Python:有明确的类型系统

Python 是流行的初学者语言,但缺少严格的类型检查:

  • 动态类型:变量类型可以随时改变,容易导致隐藏错误
  • 运行时错误:很多错误要到程序运行时才会发现
  • 代码维护难:大型项目中难以理解代码结构

TypeScript 的优势:

  • 🎯 静态类型检查:在写代码时就能发现类型错误
  • 📝 代码更清晰:明确的类型让代码意图更清楚
  • 🛡️ 提前预防错误:避免很多常见的编程错误
  • 🔧 更好的开发工具:编辑器提供智能提示和自动补全

4. 对比 C/C++:更容易上手学习

C/C++ 是功能强大的语言,但对于初学者来说比较困难:

  • 安装复杂:需要安装编译器、配置环境,步骤繁琐
  • 内存管理:需要手动管理内存,容易出错
  • 编译时间长:每次修改代码都要重新编译
  • 错误信息复杂:错误提示往往难以理解

TypeScript 的优势:

  • 🚀 零配置开始:在浏览器中直接编写和运行代码
  • 🛡️ 自动内存管理:不需要担心内存泄漏问题
  • ⚡ 即时反馈:修改代码后立即看到结果
  • 📚 友好错误提示:清晰的错误信息帮助学习

总结:TypeScript 结合了 JavaScript 的易用性和静态类型语言的严谨性,是学习编程的绝佳选择。

特别适合学习编程的原因:

  • 💻 浏览器学习:直接在浏览器中编写和运行代码,无需复杂安装
  • 📚 内容与代码一体:学习内容和代码编辑器在一起,边学边练
  • ⚡ 即时反馈:修改代码后立即看到结果,快速验证理解
  • 🎯 高效学习:这种学习方式能极大提升学习效果和编程兴趣

(我们会在后面的课程中详细学习类型系统)


🌟 编程让世界更精彩

编程已经改变了我们的生活方式:

📱 让生活更方便

  • 在家就能购物、学习、娱乐
  • 智能手机让通信变得简单
  • 各种App帮我们解决问题

🎮 创造精彩体验

  • 电子游戏带来快乐和挑战
  • 动画电影创造奇妙世界
  • 虚拟现实带来沉浸体验

🔬 推动科学进步

  • 帮助科学家处理大量数据
  • 模拟复杂的自然现象
  • 加速医学研究和发明

🏆 今天的收获

恭喜你!现在你已经理解了:

  • ✅ 编程的本质 - 用精确的语言告诉计算机做什么
  • ✅ 程序的概念 - 程序就是计算机的"指令清单"
  • ✅ 编程语言 - 人类和计算机沟通的桥梁
  • ✅ 代码的含义 - 用编程语言写出来的特殊文字
  • ✅ 程序员的角色 - 编写代码来创建程序的人
  • ✅ 程序和代码的关系 - 代码是原材料,程序是最终产品
  • ✅ 编程思维 - 分解、顺序、条件、循环四种核心思维方式
  • ✅ TypeScript优势 - 比 C/C++ 更容易上手,比 Python 有更好的类型系统,能在浏览器中直接运行,即时反馈,非常适合学习编程
  • ✅ 编程的价值 - 改变生活、推动进步、创造未来

编程的世界充满了无限可能,让我们一起开始这段精彩的旅程吧! 🌟


💡 记住: 每个优秀的程序员都是从理解这些基本概念开始的。编程不是魔法,而是一种可以通过学习和练习掌握的技能。相信自己,你一定可以成为一名出色的程序员!💪

Next
Hello World - 你的第一个程序
Next lesson