入门AI编程学习指南 BY Xiaoyun - AI实践

date
Apr 30, 2025
status
Published
slug
AIEDU
tags
AI
实践
summary
我一直思考AI将如何改变编程教育，并且如何打造适应AI时代的培训课程。作为一名有近二十年互联网经验的产品经理、设计师、创业者，我对项目开发和少儿编程有一些了解，但对编程本身并不深入。AI的发展速度令人震惊，它不仅可能影响程序员的就业，还可能让每个人都需要掌握一定的编程和AI知识。未来，不懂编程和AI的人可能会在效率上落后于他人，就像现在停电时，依赖电脑办公的人会陷入困境一样。AI正在重新定义我们的工作方式。 我认为传统要花几年时间学习某一门编程语言的方式已经不适应时代，所以我整理了一些关于编程学习的想法，与大家分享。
type
Post
版本：V0.1
作者：Xiaoyun
 
通过AI总结的，这份AI编程学习指南的要点：
核心观点：
  • AI正在改变编程教育，传统的学习编程方式需要变革。
  • AI编程的终极意义是锻炼和提升解决问题的能力，包括逻辑思维、创造力、适应性、团队合作等。
  • 未来的趋势是人人需要掌握一定的编程和AI知识。
学习方法：
  1. 实践应用为王： 强调直接上手，在实践中学习。
  1. AI辅助学习： 利用AI工具（如文中的www.trae.com.cn）作为学习伙伴，通过与AI聊天提问来学习和解决问题。
  1. 问题驱动： 从实际需求出发，解决实际问题，从而驱动学习。
  1. 循序渐进：
      • 先了解基本概念（计算机组成、程序、编程语言、算法、网页、APP等）。
      • 然后从简单的HTML开始，逐步学习CSS、JavaScript等前端技术。
      • 再深入学习后端语言（如PHP）和数据库。
      • 最后可以根据需求学习Python、APP开发等。
  1. 拆解问题： 将复杂问题分解为小问题，逐个解决。
  1. 持续迭代： 不断尝试、调试、优化代码。
学习步骤（简化版）：
  1. 准备： 安装编程环境和AI编程工具。
  1. 入门：
      • 与AI聊天，了解编程软件和HTML基础。
      • 通过实例练习，掌握HTML常用标签和CSS样式。
  1. 进阶：
      • 学习JavaScript，让网页更具交互性。
      • 进行实战项目，如个人简历页面、公司介绍网页等。
  1. 深入：
      • 学习其他编程语言（如PHP），了解后端开发。
      • 学习数据库（如MySQL），实现数据存储和管理。
  1. 拓展： 学习域名、服务器部署等知识，将项目发布到互联网上。
注意事项：
  • 遇到问题不要灰心，多与AI交流，尝试不同的提问方式。
  • 可以参考文中的提问示例，也可以根据自己的需求提出问题。
  • 结合第六节的计算机自学指南（https://csdiy.wiki/），深入学习相关知识点。
总之，这份指南强调以实践为导向，利用AI工具辅助学习，从解决实际问题出发，逐步掌握AI编程技能。
 
 
正文开始：

前言：

我一直思考AI将如何改变编程教育，并且如何打造适应AI时代的培训课程。作为一名有近二十年互联网经验的产品经理、设计师、创业者，我对项目开发和少儿编程有一些了解，但对编程本身并不深入。AI的发展速度令人震惊，它不仅可能影响程序员的就业，还可能让每个人都需要掌握一定的编程和AI知识。未来，不懂编程和AI的人可能会在效率上落后于他人，就像现在停电时，依赖电脑办公的人会陷入困境一样。AI正在重新定义我们的工作方式。
我认为传统要花几年时间学习某一门编程语言的方式已经不适应时代，所以整理了本指南，与大家分享。
本文目标对象：
所有想要了解学习AI编程的人，不论年龄。
也许你正想要为家里小孩报一个编程培训班，所以文章尽可能的简洁直白不废话。

一、AI编程的终极意义：锻炼提升解决问题的能力

 
notion image
AI编程不仅仅是一项专业技能的学习过程，更是一个全面提升个人综合素质的有效途径。

1. 培养逻辑思维与分析能力

  • 基础构建：通过编写代码来实现特定功能或解决具体问题的过程，本身就是一种逻辑思考的训练。需要理解问题的本质、设计解决方案并将其转化为计算机可以执行的语言。
  • 批判性思考：随着项目复杂度的增加，遇到的问题也会变得更加棘手。这要求学习者不仅要具备扎实的技术基础，还要学会从多个角度审视问题，选择最优解。

2. 激发创造力与创新精神

  • 自由探索：AI为人们提供了一个几乎无限宽广的创意空间。无论是开发智能机器人、创建虚拟助手还是设计新型游戏，每一步都充满了创造的可能性。
  • 跨学科融合：现代AI应用往往涉及到数学、心理学、艺术等多个领域的知识。这种跨学科学习有助于拓宽视野，促进不同思维方式之间的碰撞与融合。

3. 增强适应性和灵活性

  • 持续学习：技术更新换代速度极快，只有保持好奇心和求知欲，才能不被时代淘汰。掌握AI相关技能意味着拥有了一个不断自我进化升级的工具箱。
  • 应对不确定性：未来充满变数，但掌握了核心原理和技术后，即使面临未知挑战也能迅速调整策略找到出路。

4. 促进团队合作与沟通技巧

  • 协作共赢：大型AI项目通常需要多方面的专业知识支持，因此良好的团队合作变得尤为重要。参与者需要学会倾听他人意见、有效表达自己想法，并共同朝着目标努力。
  • 跨文化交流：随着全球化进程加快，很多AI项目都是国际性的。参与其中不仅能够接触到世界各地的文化，还能锻炼自己的语言能力和跨文化交际能力。

二、认识这些基本概念一：算盘、计算器、单片机、电脑、服务器、云计算、超算、边缘计算

计算机，本质和算盘一样，是一台计算工具，只是它更先进了。有一部电影《奥本海默》讲述了美国“原子弹之父”罗伯特·奥本海默主导制造出世界上第一颗原子弹的故事，对了解计算机的发展很有帮助。下面这些都是与计算相关的设备，满足不同场景的计算需求。
notion image
  1. 算盘：是一种古老的计算工具，起源于中国，通过移动珠子来进行加减乘除等运算。它不仅在中国广泛使用，在世界其他地方也有类似形式的存在。
  1. 计算器：随着电子技术的发展而出现的一种便携式设备，能够快速准确地完成数学运算（如加、减、乘、除）、科学计算等功能。现代计算器种类繁多，从简单的四则运算到复杂的图形显示都有涵盖。
  1. 单片机（Microcontroller Unit, MCU）：是一种将处理器核心、存储器以及输入输出接口集成在一个芯片上的微型计算机系统。单片机广泛应用于各种嵌入式控制系统中，如家电控制板、汽车电子等领域。
  1. 电脑（Computer）：泛指所有类型的电子计算机设备，包括个人计算机(PC)、笔记本电脑、平板电脑等。它们通常由中央处理器(CPU)、内存(RAM)、硬盘驱动器(HDD/SSD)以及其他外围设备组成，用于处理信息、运行软件程序等。
  1. 服务器：是专为网络服务设计的高性能计算机，主要用于存储数据、提供应用程序服务或管理网络资源。与普通PC相比，服务器具有更强的数据处理能力、更高的可靠性和稳定性。
  1. 云计算（Cloud Computing）：是指通过互联网连接远程服务器集群来提供计算资源和服务的技术模式。用户可以根据需要随时访问并按需付费使用这些资源，而无需拥有实际硬件设施。
  1. 超级计算机（Supercomputer）：也称为超算，是一类拥有极强计算能力和海量数据处理能力的高端计算机系统。超级计算机主要用于科学研究、工程模拟等领域，解决复杂问题时所需的大规模并行计算任务。
  1. 边缘计算（Edge Computing）：是在靠近数据源的地方进行数据处理的一种新型计算架构。与传统云计算相比，边缘计算能够减少数据传输延迟，提高响应速度，并且可以在一定程度上保护用户隐私安全。这种技术特别适用于物联网(IoT)场景下的实时数据分析应用。

三、认识这些基本概念二：计算机、手机

就像我们扫地得先有扫把，要学AI编程我们得先了解计算机是怎么组成的，其实也很好理解，它就是一个可以听懂人讲的方言的装置，比如：
你进一家商店，这个店就是一台可以听懂你话的计算机硬件，
店小二是实现键盘输入输出功能帮助你和商品连接，
货架上摆可乐就是已经开发好的程序应用，货架实现显示器的功能，
你花钱买了一瓶可乐，获得了 开心愉悦和解渴。
这种解渴和开心愉悦就是你要通过AI编程实现的目标。

计算机

定义： 计算机是一种能够接收、处理数据并输出信息的电子设备。它通过执行电脑硬件上预设的程序指令集（软件程序）来完成特定任务。
组成部分：
notion image
  • 硬件
 
notion image
  • 软件
notion image
计算机类型
notion image
功能与用途
计算机AI编程所要实现的主要就是这些应用场景，通过在软件编程在计算机硬件运行，从而为我们的工作生活实现某种特定需求。
notion image

手机

定义： 手机，手机多了更多的人体休息接收处理的部分，比如摄像头、加速度计、陀螺仪、NFC等，本质上和电脑是一样，也是一种计算工具。实现我们日常通讯的需求，现在的手机还没有太多的AI能力，将来所有手机都会是一台服务机器人。

四、认识这些基本概念三：程序、编程语言、算法

notion image

1. 程序

notion image
  • 定义：程序是指一系列指令的集合，这些指令告诉计算机如何执行特定任务。它可以是简单的（如计算器应用中的加法功能）也可以非常复杂（如操作系统）。程序通常由程序员使用一种或多种编程语言编写。
  • 组成部分：
    • 代码：即具体的指令序列。
    • 数据：处理过程中使用的值。
    • 控制结构：决定哪些部分的代码被执行以及执行顺序。
  • 类型：根据其用途可以分为系统软件（如操作系统）、应用软件（如文字处理软件）等。

2. 编程语言

notion image
  • 定义：编程语言是用来定义计算机程序的形式化语言。它允许人们以更加接近自然语言的方式与计算机沟通，从而实现复杂的计算逻辑。 可以这样理解，我们一个浙江省杭州、温州、宁波三个地方都有自己的方言，方言虽然不同但是目的都是用于沟通。计算程编程语言也是一样，目的都是为了让人们以一种相互理解的语言对计算机进行交流，给计算机下达指令按要求进行工作。编程语言与人类的语言一样，也在不断的发展进化，以适应环境才能生存下来。
  • 分类：
    • 低级语言：直接对应于机器指令的语言，比如汇编语言。
    • 高级语言：更接近人类自然语言，易于理解和维护，例如Python、Java等。
  • 特性：
    • 语法：每种语言都有自己的规则集来规定如何正确地构造语句。
    • 库/框架支持：许多现代编程语言提供了丰富的标准库及第三方库，简化了开发过程。
    • 跨平台能力：一些语言能够运行在不同类型的硬件平台上，提高了代码的可移植性。

3. 算法

notion image
  • 定义：算法是一系列解决特定问题或执行某项任务的明确步骤。它是解决问题的方法论，不仅限于计算机科学领域，在日常生活中也广泛存在。已经被发明的算法就像是数学公式，我们可以直接拿来应用。算法体现的是智商，针对某种场景有最适合最优的算法，优化的好不好就看智商能力高低了，比如AI大模型DeepSeek就是在更少硬件成本投入的情况下通过算法优化实现了比CHATGPT更加强的性能。
  • 特点：
    • 有穷性：算法必须在有限的时间内完成。
    • 确定性：每个步骤都应该是清晰且无歧义的。
    • 输入输出：至少有一个或多个输入，并产生一个或多个输出。
    • 有效性：算法应当能够有效地解决问题。
  • 重要性：好的算法可以极大地提高程序效率，减少资源消耗。对于大型项目来说，选择合适的算法至关重要。
  • 常见类型：排序算法（如快速排序）、搜索算法（如二分查找）、图论算法（如最短路径算法Dijkstra）等。
这三者之间存在着密切的关系：程序员通过使用某种编程语言来实现算法，进而创建出完整的程序。理解它们各自的特点及其相互作用有助于更好地掌握计算机科学的基础知识。

五、认识这些基本概念四：网页、APP、小程序、浏览器插件、客户端程序

我们前面打了一个比方商店是计算机，货架上的可乐就是一个应用程序 ，可乐可以是用多种方式来呈现，比如用杯子接的可乐、小瓶装的可乐、大瓶装的可乐、小罐装可乐、小罐装可乐，应用程序可以由多种不同的程序语言编写，长的形状样式放在哪里使用也可以不一样。我们要使用AI编程制作的应用程序也就可以根据自己的需要来进行开发。
不同的应用程序实现有难易之分，一般客户端程序最难，网页程序最简单，我们要探讨的AI程序主要以网页程序来开始学习。
notion image
  1. 网页 (Web Page)
      • 定义：网页是通过互联网浏览器访问的一种文档，通常由HTML、CSS和JavaScript等技术构建。它可以包含文本、图片、视频等多种媒体内容。
      • 特点：
        • 跨平台：可以在任何支持网络浏览的设备上访问。
        • 动态更新：可以实时更新内容，用户无需下载或安装。
        • 交互性：可以通过表单、按钮等元素与用户进行交互。
      • 应用场景：新闻网站、个人博客、电子商务平台等。
  1. APP (Application)
      • 定义：应用程序（简称APP）是一种为特定目的设计的软件程序，通常安装在移动设备（如智能手机和平板电脑）上。
      • 特点：
        • 功能丰富：可以提供更复杂的功能和服务。
        • 离线使用：部分功能可以在没有网络连接的情况下使用。
        • 用户体验：通常具有更好的界面设计和更快的响应速度。
      • 应用场景：社交媒体、游戏、办公软件、银行服务等。
  1. 小程序 (Mini Program)
      • 定义：小程序是一种轻量级的应用程序，通常内嵌在某个平台（如微信、支付宝）中，用户无需下载安装即可使用。
      • 特点：
        • 即用即走：用户可以快速启动和关闭，不需要占用大量存储空间。
        • 开发成本低：相对于原生应用，开发和维护成本较低。
        • 依赖平台：功能和体验受限于宿主平台。
      • 应用场景：在线购物、餐饮预订、生活服务等。
  1. 浏览器插件 (Browser Extension)
      • 定义：浏览器插件是一种扩展浏览器功能的小型软件，通常用于增强或修改浏览器的行为。
      • 特点：
        • 易安装：用户可以直接从浏览器商店下载并安装。
        • 定制性强：可以根据用户需求添加各种功能，如广告拦截、密码管理等。
        • 安全性：需要注意插件的安全性和隐私保护。
      • 应用场景：提高浏览效率、增强安全性、个性化设置等。
  1. 客户端程序 (Client Application)
      • 定义：客户端程序是指安装在用户本地设备上的软件，通常需要与服务器端进行通信以完成某些任务。
      • 特点：
        • 功能强大：可以提供复杂的计算和数据处理能力。
        • 稳定性高：相比网页应用，客户端程序通常更加稳定和可靠。
        • 资源占用：可能会占用较多的系统资源，如内存和磁盘空间。
      • 应用场景：办公软件、图形设计工具、游戏客户端等。

补充说明

  • 跨平台兼容性：网页和小程序具有较好的跨平台兼容性，而APP和客户端程序可能需要针对不同操作系统进行适配。
  • 开发成本：一般来说，网页和小程序的开发成本相对较低，而APP和客户端程序的开发成本较高。
  • 用户体验：APP和客户端程序通常能提供更好的用户体验，尤其是在性能和交互方面。
  • 更新和维护：网页和小程序的更新较为简单，用户无需手动更新；而APP和客户端程序需要用户主动下载更新包。

六、认识编程一般的学习路径：基本语法 > 学习实现功能 > 开始项目

我们可以简单了解一下先跳过这节，直接开始下一节学习AI编程，等有了进一步深入学习的需求再回过来选择性的学习章节更合适。
学习编程是一个循序渐进的过程，从基本语法开始，到学习如何实现具体功能，再到实际动手做项目，是非常常见也非常有效的学习路线。

1. 基本语法

  • 选择一门语言：作为初学者，你可以根据自己的兴趣或职业规划来决定先学哪种编程语言。对于Web开发来说，JavaScript是不错的选择；如果对数据分析感兴趣，Python会是个好起点；如果是想从事移动应用开发，那么可以考虑Java (Android) 或 Swift (iOS)。
  • 了解基础概念：变量、数据类型、控制结构（如if语句、循环）、函数/方法等。
  • 实践练习：通过在线平台如LeetCode、Codecademy等进行代码练习，加深理解。

2. 学习实现功能

  • 深入特定领域：一旦掌握了基础，就可以开始专注于某个特定的技术栈或者领域了。例如，如果你选择了Web前端方向，那么接下来需要学习HTML/CSS布局、JavaScript框架（如React, Vue）等。
  • 阅读文档和源码：学会查找官方文档，理解API的工作原理。尝试着去阅读一些开源项目的源代码，这有助于提高你的编程技巧。
  • 解决问题：遇到问题时不要急于求助，先试着自己解决。利用搜索引擎、Stack Overflow等资源寻找答案。这样做不仅能锻炼独立思考能力，还能让你学到更多知识。

3. 开始项目

  • 小项目起步：可以从简单的个人项目做起，比如制作一个待办事项列表应用、博客网站等。这些项目可以帮助你综合运用所学的知识点。
  • 参与开源贡献：加入GitHub上的开源项目，即使是修复一个小bug也是很好的经历。这样既能提升技术实力，也能增加团队合作的经验。
  • 持续迭代改进：完成初步版本后，不断地收集反馈并优化你的作品。这是一个不断学习和成长的过程。

4. 学习资料

notion image
课程目录：
前言
如何使用这本书
一个仅供参考的CS学习规划
必学工具
好书推荐
数学基础
数学进阶
编程入门
电子基础
数据结构与算法
软件工程
计算机系统基础
体系结构
操作系统
并行与分布式系统
计算机系统安全
计算机网络
数据库系统
编译原理
编程语言设计与分析
计算机图形学
Web开发
数据科学
人工智能
机器学习
机器学习系统
深度学习
机器学习进阶
后记
  • 编程培训机构一般学的是语法、算法这些内容，做一个了解。
notion image

七、AI编程的学习路径：实践应用为王，下载工具尽管开始

安装软件

编程环境：准备一台电脑
安装AI编程工具：www.trae.com.cn
安装程序运行环境：Chrome浏览器

AI编程软件使用

notion image
如图，左中右三列， 左侧是你的文件目录存放，中间是代码，右侧是与AI聊天的窗口
 

学会如何开始，直接在右侧的聊天框，问AI

第一部分：了解编程软件和HTML基础，问这些问题

1.如果要学习网页程序编程，应该要设置怎么样的步骤是最合适
了解学习
2.html网页是什么扩展名？帮我生成一个例子
点击“应用”按钮会自动生成一个网页，保存之后，在浏览器打开文件就可以查看效果。 后续操作生成的代码也是同样操作即可，也可手动复制代码到页面上测试。
notion image
3.HTML有哪些标签 ？
了解学习
4.帮我生成一个包含常用HTML 标签的测试网页
5.chrome浏览器如何查看代码源文件进行调试
了解学习，可以进一步的问deepseek 通过网页做更详细了解，https://chat.deepseek.com/
6.我要开始学习html编程，帮我列8个实例程序问题，每个实例程序设定几个优化需求，好让我发给AI编辑器生成代码使用
问AI然后，按加答一个一个问AI生成代码，进行调试
7.怎么改标题颜色，帮列出例子
8.怎么调整字体大小，帮我列出例子
9.怎么调整字体，帮我列出例子
10.怎么调整间距，帮我列出例子
11.怎么在新窗口打开链接，帮我列出例子
12.怎么对网页进行左右布局，帮我列出例子
13.怎么对网页进行左中右布局，帮我列出例子
14.怎么对网页进行上下布局，帮我列出例子
15.帮我写一个三栏的适应性网页，适用手机和电脑，帮我列出例子
16.什么是绝对定位，帮我列出例子
17.什么是适应性网页，帮我列出例子
18.什么是css 内联和外联，帮我列出例子
19.CSS有哪些常用的标签写法，帮我列出例子
20.什么是javascript
21.试着自己问一些需求运行试试，过程中如果对什么不了解，可以针对性的提问或者去问deepseek 做更多了解
 

第二部分：实战，问这些问题

生成一些实战用例清单，然后问AI写出代码。比如：
我在学习HTML帮我设计10个简单的应用案例问题，然后方便我提供给AI生成代码。
然后你就根据AI反馈开始实验吧

第三部分：了解javascript，使网页更有意思，问这些问题

生成一些实战用例清单，然后问AI写出代码。比如：
我在学习HTML+javascript帮我设计10个简单的应用案例问题，然后方便我提供给AI生成代码。
然后你就根据AI反馈开始实验吧

第四部分：实战HTML+javascript，问这些问题

生成一些实战用例清单，然后问AI写出代码。比如：
帮我生成一个个人简历页面
帮我生成一个公司介绍网页
帮我生成一个幻灯片相册网页
帮我生成一个照片列表，然后点击照片弹层放大的网页
如何在页面嵌入视频
如何在网页嵌入
然后你就根据AI反馈开始实验吧

第五部分：开始学习其它语言，PHP

帮我生成一个php网页
怎么调试php网页
如何配置PHP运行环境
帮助我配置nginx环境
解决前面这个php网页可以正常运行
什么是浏览器本地缓存，帮助我写一个样例
什么是数据库，帮助我配置 mysql环境
怎么创建数据库
怎么建数据表
帮我写一个简单的php日记工具，不用登录，每天记录时间和日记内容，通过关键词和时间查询。帮助我设计数据库结构和生成页面

第六部分：还是实践，基于自己的兴趣创意想法，继续实验吧

第七部分：开始了解域名、服务器部署等知识

八、AI编程的难点：不够熟悉计算机以及不够掌握操控计算机的技巧

解决方案还是问AI，问deepseek https://chat.deepseek.com/
类似软件环境、功能调试等过程中会非常痛苦，因为有时AI给你的结果并不能一次解决问题。所以不要灰心继续与AI交流就一定可以解决。只是你需要换一下问题的角度、换一下自己的思考状态，有时更要停下来等一等再继续推进。

九、回到第六节，根据你的学习需求，深入的某个知识点进行学习。过程中一定要拆解问题，通过与AI互动，在实战中学习掌握。

十、根据你的实际需求，学习其它编程语言，应用程序的开发，比如热门的有 python、 app。关键是要解决自己实际的问题。想到问题，学会问问题，然后解决问题。

 
notion image
 

© Xiaoyun 2003 - 2025

Powered by Vercel