Web 前端主线#
MDN 中文学习区#
- MDN 学习 Web 开发：从环境、首个网站到 HTML、CSS、JavaScript 的结构化课程。
- MDN Web 入门：零基础制作并发布第一个网站。
- MDN HTML 基础语法：元素、属性、文档结构和嵌套。
- MDN CSS 样式基础：层叠、选择器、单位、盒模型和调试。
- MDN JavaScript 核心学习：条件、循环、函数、事件等核心内容。
- MDN HTTP 概述：浏览器与服务器如何交换请求和响应。
阅读顺序：Web 入门 → HTML → CSS → JavaScript → HTTP。MDN 是长期查阅入口，不要试图一次读完整站。
web.dev 官方课程#
英文内容可配合浏览器翻译。完成基础后，用它补现代布局、无障碍和性能。
标准与验证工具#
- Can I use：查询 Web 特性在浏览器中的支持情况。
- W3C HTML Validator：检查 HTML 结构和语法。
- WebAIM Contrast Checker：检查文字颜色对比度。
- Chrome DevTools 文档：元素、网络、性能和调试。
JavaScript 练习#
- JavaScript Guide - MDN 中文：语言系统参考。
- JavaScript.info 中文：由浅入深的现代 JavaScript 教程；作为辅助课程，API 细节仍核对 MDN/标准。
- freeCodeCamp：互动练习和项目，选择与当前阶段对应的部分，不必追求一次通关全部证书。
微信小程序#
官方入口#
- 微信开放文档：小程序：框架、组件、API、服务端和工具总入口。
- 微信开放文档：起步：账号、开发者工具和第一个项目。
- 微信开放文档：小程序宿主环境：理解渲染层、逻辑层和运行环境。
- 微信开放文档：网络：合法域名、HTTPS、请求与限制。
- 微信开放文档：云开发：云数据库、云存储和云函数入门。
- 微信开发者工具：使用官方最新稳定版。
微信页面可能要求登录或地区网络环境。若深链接变更，从“小程序文档”总入口按页面标题搜索，不使用来路不明的镜像代替安全与审核规则。
官方示例#
- 微信小程序 Demo：官方组件和 API 示例。
- WeUI 小程序样式库：微信官方设计团队维护的基础样式。
- CloudBase 小程序端 SDK：腾讯云官方 SDK 文档。
Git、Node 与后端#
- Pro Git 中文版：第 1–2 章足够覆盖初学项目。
- Node.js 官方 Learn：Node 运行时、异步、HTTP 和环境变量。
- Express 中文文档：路由、中间件、错误处理和部署。
- PostgreSQL 官方教程：关系模型与 SQL。
- OWASP Cheat Sheet Series：认证、授权、输入、SQL、日志等安全清单。
如何判断教程是否过时#
以下内容必须回官方文档检查：安装命令、运行时最低版本、框架错误处理、模块系统、小程序基础库、登录/用户信息、隐私与审核规则、合法域名、云开发计费和限制、TLS 与安全配置。
不要为了让旧视频一模一样运行而安装停止支持的软件。先读错误信息和当前官方迁移说明。
学习资源使用法#
- 看 20–30 分钟；
- 关掉课程重新做；
- 改一个需求；
- 故意制造一个错误；
- 查官方文档解决；
- 把结论写进项目 README。
收藏数量不会变成能力，能独立交付的小项目才会。