资源介绍
视频数量：314个
总时长：62小时12分
课程介绍：
完整 Web 开发训练营
想象一下这个画面——你打开浏览器看到的每一个网页、每次点击背后的交互、每个能记住你登录状态的网站，背后都是一行行代码堆出来的。如果你想从零开始弄明白这些东西到底是怎么回事，再把它们亲手做出来，这门训练营就是给你准备的。三百多个章节、六十多个小时，从最基础的网页骨架一路走到区块链上的 NFT 市场，几乎把现代 Web 开发能碰到的领域都覆盖了一遍。
一、网页的骨架与皮肤：HTML 与 CSS
课程的前十个章节完全聚焦在"怎么把一个网页做出来"这件事上。先从 HTML 入手，理解标签、元素、嵌套和缩进这些最底层的东西。一个电影排行页面、一张生日邀请卡片、一个个人作品集网站——每个知识点后面都跟着一个小项目，让你不是只听概念，而是真写出一个看得见的东西。
CSS 部分则一步步带你从"给元素加点颜色"走到"做出响应式网站"。颜色、字体、盒模型、层叠与继承、定位、浮动、媒体查询都讲到位。Flexbox 和 Grid 两个章节把现代布局方式拆开讲清楚，最后用 Bootstrap 这个工具做出一个完整的初创公司着陆页。中间还穿插了一整章"网页设计学校"的内容，从色彩理论、字体选择到用户界面与用户体验设计，教你不光写得出代码，还要做出让人愿意停留的页面。
二、网页的灵魂：JavaScript 与 DOM
从前端跨入真正的编程，章节从这里开始。先讲变量、字符串、运算、参数与返回值，然后是数组、循环、随机数、条件控制流这些让代码能"思考"起来的东西。每讲一个知识点，就有一个对应的挑战，比如斐波那契数列、闰年判断、BMI 计算器。
接下来是文档对象模型（DOM），也就是怎么用 JavaScript 去操作网页上的元素。改变文字、修改样式、响应点击事件、播放声音、监听键盘按键——这些都在一个架子鼓实战项目里串起来。之后还有 jQuery 这一章，教你用更简洁的语法做同样的事。两个"老板级挑战"项目——掷骰子游戏和西蒙记忆游戏——会把前面学到的所有前端和 JavaScript 技能放到真实场景里检验一次。
三、迈向后端：Node.js、数据库与 API
第二十一章开始，视野从浏览器转向服务器。先学 Unix 命令行的基础操作，再弄懂后端到底是什么、为什么需要它。Node.js、Express 框架、中间件、EJS 模板引擎——一连串把服务端渲染讲明白之后，会做一个"个人乐队主页"项目。
接下来的内容围绕数据和接口展开。Git 和 GitHub 版本控制、API 是什么、JSON 数据格式、用 Axios 发起请求、RESTful 设计、构建自己的 API——这一整块会带你理解现代 Web 应用之间是怎么"对话"的。数据库部分从 SQL 与 NoSQL 的理论对比开始，用 PostgreSQL 做实战，从建表、查询、增删改到表与表之间的关系都用真实项目串一遍，包括世界首都问答和家庭旅行追踪器两个完整作品。
认证与安全这一章尤其值得多说几句。它不是简单教你做一个登录页面，而是从最原始的用户名密码注册开始，一路加上数据库加密、环境变量管理、bcrypt 加盐哈希、Cookie 和 Session，最后用 Google 的 OAuth 2.0 实现第三方登录。整个过程相当于把安全领域里最常见的几种攻击和防御手段都过了一遍。
四、React 与现代前端开发
第三十六章进入 React 的世界。从 JSX 语法、组件、Props、映射数据这些基础概念开始，到 useState Hook、事件处理、表单、复杂状态管理、用 React Router 做多页面应用——一个完整的"记事本"应用（Keeper App）会陪你从第一行写到最后一个组件。学完这一章，你就掌握了目前业界最主流的前端框架之一。
五、前沿拓展：Web3 与去中心化应用
最后这一段是这门课最有特色的部分。从什么是区块链、什么是 DApp、什么是互联网计算机（ICP）讲起，然后教你用 Motoko 语言写智能合约，做出一个真正跑在区块链上的去中心化银行（DBANK）。之后用 React 搭建 DApp 的前端，还会教你铸造自己的加密货币、设计代币水龙头、实现转账功能。最后一章复刻 OpenSea 的模式，做出一个完整的 NFT 市场——铸造、展示、出售、购买一气呵成。
六、适合谁学，怎么用
整套内容设计成完全零基础也能跟上，但每个章节的难度会稳步爬升。如果你完全没碰过编程，第一部分可以慢慢来；如果已经有 HTML/CSS 基础，可以跳过前几章直接进入 JavaScript 部分。所有项目都配有完整的起始文件和分步骤的解答文档，卡住了随时可以对比参考。学完整个训练营，你将有能力独立构建一个带用户认证、数据库、API 调用、响应式设计的全栈 Web 项目，甚至把应用部署到 ICP 区块链上。
这不是一门讲完就忘的视频课。三百多个章节、十几个贯穿前后的实战项目，更像是一段扎扎实实的训练过程——从浏览器跳到服务器，从 Web2 走到 Web3，把现代 Web 开发的整个版图铺在你面前。中间穿插的"Angela 小贴士"还会时不时从学习方法、职业方向、如何应对拖延这些角度给出建议，让你在敲代码之外也能找到坚持下去的动力。