前端基础课

课程特点

• 前端基础主线

  从浏览器和文件开始，逐步学习 HTML、CSS、JavaScript、DOM 与 Web API。

• AI 协作开发

  学会提供目标、上下文、约束与验收标准，并通过页面、Console 和 Network 验证结果。

• 原生页面实践

  不依赖前端框架，使用原生 JavaScript 完成学员查询、写入和头像上传练习。

学习内容

本课程是一门面向零基础学员的 Web 前端入门课，不要求 Python、其他编程语言或命令行基础。课程从浏览器、文件和开发工具开始，逐步进入 HTML、CSS、JavaScript、DOM、事件、浏览器存储与 Web API 调用。

我们使用原生 JavaScript 完成传统管理后台中的列表、搜索、分页、表单和文件上传等交互，并把产品中立的 AI 协作方法贯穿每个 Part。课程不使用 jQuery、UI 组件库、Vue、React 和 TypeScript；最后在浏览器中完成可运行的学员 API 练习页面。

课程模块

1. 开发环境与 Web 基础：浏览器、文件、终端、AI 协作、HTTP、JSON 和开发者工具。
2. HTML 页面与表单：页面结构、资源路径、表格、表单和原生验证。
3. CSS 页面布局：文字、盒模型、显示、定位、Flex 和静态后台案例。
4. JavaScript 编程基础：数据类型、流程、函数、对象数组和数据统计。
5. 浏览器编程与 Web API：DOM、事件、存储、异步、fetch、JSON、FormData、错误与 CORS 排查。

学前注意

不需要任何编程基础。课程提供测试 API、本地模拟数据和明确的运行命令，学员只需把它们当作前端练习设施，不需要理解其 FastAPI 实现。

后端路由、数据库、认证和部署不在本课展开。完成本课后，可以继续学习 FastAPI、其他后端技术或现代前端框架。