计算机类专业课 · 教学与实训知识库
码上问学
问代码之理，学编程之道
不只学会怎么写代码，更要理解每一行背后的逻辑。两种进入方式：按语言把一门技术学透，或按专业课跟着课程节奏走。
- 6 种按语言归类：HTML / CSS / JS / Python / SQL / Shell
- 7 门按专业课：4 门核心 + 案例库 + 标准
- 141 道题库习题，另配 8 套期末模拟卷
- 107 个学习页面，含演练场与知识地图
按语言学习
从一门技术本身入手，把散落在各门课里的同类知识点集中起来网页的结构骨架：标题、段落、列表、表格、表单与媒体。强调语义化标签与可访问性，是前端一切的地基。
决定页面长什么样：选择器、盒模型、Flex / Grid 布局与响应式适配。从「能排版」到「排得专业」。
让网页动起来：语法、DOM 操作、事件、数据与状态。课程以思维导图 + 演练场为主，贯穿交互实战。
通用编程语言：从语法、数据类型到文件处理、数据处理与自动化脚本，是全栈开发与 AI 应用的基础。
关系型数据库的查询语言：建表、增删改查、联表与聚合。后端存储的通用语言，配 MySQL 实操。
Linux 下的命令行与脚本：常用命令、文件权限、管道与 Shell 脚本，是服务器运维与自动化部署的基本功。
没有匹配的语言，换个关键词试试。
按专业课学习
跟着课程节奏走：知识准备 → 实战演练 → 强化训练 → 课后实训，每节课留下能打开的文件HTML5 + CSS3 + JavaScript 体系化教程：八单元加综合实战，含三张思维导图、浏览器内可运行演练场与全套题库。
从语法到数据处理、自动化与实战项目，为 Python Web 全栈开发打牢语言基础。
以「古典文学网」为主线贯穿：Flask 后端 + MySQL + Vue 前端，前后端分离；含部署上线、安全编码与答辩清单。
12 个项目：安装配置、常用命令、文件权限、磁盘、网络与六大服务部署；含命令速查表、生活类比与可交互知识地图。
6 个模块加贯穿全程的期末标注项目：从「数据是 AI 的粮食」到四类数据标注与质量控制，标注算法在浏览器里真算。
把各课知识串成真实项目：以个人工作台作枢纽，挂接简历、图片展示、评分标准与可运行演示，作为结课综合实战。
四门课统一参照：课程定位 → 目标 → 能力图谱 → 教学结构 → 考核评价，明确「教什么、怎么考、怎么评」。
没有匹配的课程，换个关键词试试。
不知道先从哪门课入手？
一张图把五门课的章节、体量、前置与收官项目摊开，照顺序走或按需取用学习支持
看图、做题、查表、练手，随时可用教学理念
四门课共用的四条原则，也是这个站点为什么长这样- 知其然，更知其所以然每个知识点都先讲「为什么这样设计」，再给做法，避免死记硬背。示例先讲清楚原因，再带你动手做出来，最后回到本质。
- 一行一行讲透代码逐行拆解，配合可运行示例，改一改、看一看，理解立刻变扎实；PPT 中的代码块完整可运行、可直接复制。
- 会读报错，比会写代码更早每节课都安排一次「故意写错」并当场排错，练习用证据定位问题，而不是猜。
- 每节课留下一个能打开的文件复习靠作品而不是笔记；做错了可以重做、取最高分，练到会为止。
讲师与教学成果
对照能力标准：讲课程、写文档、培养人、技术分享、做项目——这五件事都落在了这个站点讲课程 5 门主讲
系统主讲 5 门计算机类专业课——网站开发技术、Python 程序设计、Python Web 全栈开发、Linux 基础与应用、数据标注技术与应用，从前端一路覆盖到 AI 数据标注。
写文档 107 页
把每节课落成「可打开、可运行」的文件：107 个学习页面、三张可交互思维导图、浏览器内演练场与全套题库，复习靠作品而非笔记。
培养人 以作品说话
以「每节课留下一个能打开的文件」为抓手，强调先会读报错、再会写代码；做错了可重做、取最高分，让不同基础的学生都能练到会为止。
技术分享 工程反哺课堂
把企业级工程经验带进课堂——前后端分离、安全编码、部署上线、质量管控等实战话题，用「费曼式解释」拆给学生，降低理解门槛。
做项目 1 座贯穿项目
以「古典文学网」贯穿全栈课程，从 Flask + MySQL + Vue 到部署上线；案例库收口为「响应式个人网站」结课实战与答辩，学完即有一件作品。
这个站点本身，就是「讲课程 · 写文档 · 培养人 · 技术分享 · 做项目」五件事的产物：把企业里的工程方法（组件化、前后端分离、质量管控、上线部署）翻译成学生听得懂、做得出的课。课程建设以学生可独立完成项目为标尺，5 门课累计 107 个可直接打开的学习页面、141 道自测题与 8 套期末模拟卷。