创建我的网站

课程介绍

通过项目制学习方式,掌握从零开始创建和发布网站的完整流程。 从理解文件系统结构开始,逐步学习HTML、网站部署等核心技艺。

第一课

树与路径

发掘系统性思维能力,初步理解操作系统,感受数字化索引魅力

开始学习

第二课

HTML - 另一种树

Html树的结构 - 通过交互式编辑器学习网页结构,即时预览代码效果

开始学习

第三课

CSS - 给网页穿上漂亮的衣服

从黑白到彩色,学习CSS让网页变得美丽。掌握颜色、布局、盒模型等核心概念,打造视觉惊艳的个人作品集页面

开始学习

第四课

JavaScript 入门 - 打造你的物理计算器

完整学习 JavaScript 基础知识,通过制作一个逼真的物理计算器界面,掌握变量、函数、DOM 操作和事件处理。最终将 HTML + CSS + JavaScript 三剑客完美结合

开始学习

第五课

Next.js 入门 - 构建现代化网站

学习 Next.js 现代化 Web 开发框架,理解 React 组件化思维,掌握文件系统路由、服务端渲染等核心概念。通过构建个人博客网站,体验从静态页面到动态应用的完整升级

开始学习

第六课

数据与数据思维

网页怎么"记住"东西?学习 localStorage 和 JSON,理解应用的核心模式:读→改→写。通过制作可保存记事本和点赞计数器,掌握数据存储的奥秘

开始学习

第七课

API 与网络世界入门 - 连接真实互联网

理解"网页为什么能拿到天气、新闻、股票数据",亲手调用真实公开 API,让网页从"自嗨"变为"联网应用"。学习 HTTP 基础、fetch 函数和错误处理

开始学习

第八课

服务器端的工作原理

概览互联网后端的世界,了解服务器、数据库和API的工作原理。通过 webscaffold 项目实践,掌握构建自己网站后端服务的技术方案

开始学习

第九课

利用 AI 来搭建自己的网站

学习 AI 编程工具的工作原理,掌握提示词工程,使用 Claude Code 快速开发和部署网站。体验人机协作开发的未来

开始学习

第十课

Git 协作与分支 - 我会不会搞坏工程?

学习 Git 分支和团队协作,掌握代码版本控制和合并工作流程。从"小心翼翼"变成"大胆自信",让你放心大胆地修改项目代码

开始学习

第十一课

如何发布网站让全世界看到

学习部署和托管网站,让你的作品被世界看到