Sources: 哥飞，养网站防老第0步 Updated: 2026-08-22 Raw: 养网站防老第0步前端入门推荐
推荐起点
来源推荐一段约 28.5 分钟的免费视频教程（Bilibili BV1Wr4y1R7Bd），从 HTML 文件结构、常用标签和 CSS 样式开始，逐步覆盖 HTML5 语义标签、盒模型、Position、Class、Flexbox、表单、固定导航栏和响应式设计。
Windows 用户可以使用 VSCode，也可以用系统记事本加浏览器完成练习。
两遍学习法
- 第一遍只看，建立整体认识。
- 第二遍跟着做，遇到问题查搜索引擎或询问 ChatGPT。
来源建议用约两周完成入门，再通过至少三个 HTML、CSS、JavaScript 网站巩固，而不是一开始就陷入框架学习曲线。
JavaScript 的练习目标
JavaScript 后续可参考 MDN 中文文档。完成快速入门后，先做一个“按钮点击获取输入框值并显示”的小功能，再扩展为在线倒计时闹钟：包含时间选择、每秒更新和倒计时结束播放音乐。
什么时候学框架
先能独立完成几个小网站，再考虑 jQuery 或 Vue。来源用仍采用 PHP+jQuery 的网站案例说明：能否变现取决于产品和需求，不由是否使用新框架单独决定。