内容摘要：HTML、CSS、JavaScript——这三个东西是绕不过去的。你打开任何一个网页，右键“检查”，看到的骨架就是HTML，样式是CSS，交互靠JavaScript。有人问能不能只学一个？能，但只能做

HTML、发需CSS、发需JavaScript——这三个东西是发需绕不过去的。你打开任何一个网页，发需右键“检查”，发需看到的发需骨架就是HTML，样式是发需CSS，交互靠JavaScript。发需有人问能不能只学一个？发需能，但只能做静态页面，发需连个按钮点击反馈都做不了。发需我见过一个新手用纯HTML写了十页个人介绍，发需结果导航栏点不动，发需因为没加JavaScript。发需

先啃HTML。发需标签不多，常用的就那二三十个：div、span、a、img、ul、li、h1到h6、p、form、input。别去背所有标签，用到了再查。关键是理解语义化——header放页头，nav放导航，main放主体，footer放页脚。这玩意儿对SEO和无障碍访问有直接影响。以前我偷懒全用div，后来做移动端适配时发现屏幕阅读器读得乱七八糟，返工重写。

CSS比HTML麻烦得多。盒模型、浮动、定位、Flexbox、Grid，这些是基础。盒模型搞不懂，padding和border就会把你的布局撑破。浮动现在用得少了，但老项目里一堆，维护时躲不开。Flexbox和Grid是现在的主流，尤其是Grid，两行代码就能做三栏布局，以前得写一堆浮动加清除。我建议直接学Flexbox和Grid，别在float上浪费太多时间。

响应式设计也得会。媒体查询@media是基本操作，但更重要的是移动优先的思路——先写手机样式，再用min-width往上加。有人反过来，结果桌面端调好了，手机端全乱。另外，别急着上Bootstrap或Tailwind。先把原生CSS写熟，知道为什么需要框架，再用框架才不迷糊。

JavaScript是重头戏。变量、函数、数组、对象、循环、条件，这些语法先过一遍。然后DOM操作——怎么选中元素、改内容、加事件监听。比如document.querySelector('.btn').addEventListener('click', function(){ ...})，这行代码能让你做很多事。异步也得学：回调、Promise、async/await。不学异步，请求接口拿数据都拿不到。

ES6的新特性要掌握：let/const、箭头函数、模板字符串、解构赋值、扩展运算符。这些在日常开发里天天用。我见过有人还在用var和字符串拼接，代码又长又容易出错。模块化也得懂，import和export，不然代码全堆一个文件里，改一处崩三处。

前端框架挑一个学。React、Vue、Angular，选哪个都行，但别贪多。React生态大，Vue上手快，Angular适合企业级。我当初学的Vue，因为文档中文版写得好。学框架之前，先把原生JS写够两百小时，不然你连框架帮你做了什么都不知道。状态管理、路由、组件通信，这些概念在原生里都有对应，只是框架帮你封装了。

后端至少了解一个。Node.js最顺，因为还是JavaScript。Express或Koa搭个简单服务器，知道GET和POST的区别，会读req.body和req.query。数据库方面，MongoDB或MySQL选一个，学会增删改查。不用学到能优化查询，但得知道怎么把数据存进去、取出来。我做过一个项目，前端用Vue，后端用Express加MongoDB，前后端联调时才发现跨域问题，折腾了一下午CORS。

工具链也得碰。Git是必须的，命令行操作：clone、add、commit、push、pull。不会Git，代码丢了都没地方哭。打包工具Webpack或Vite，知道怎么配置入口出口、加载器、插件。Vite现在更快，新项目可以直接上。调试用Chrome DevTools，打断点、看网络请求、查性能。这些不是理论，是每天都要用的。

最后说个实在的：别光看教程。打开编辑器，写。写个待办列表，写个天气查询，写个博客前台。遇到报错就查MDN、Stack Overflow。我学JS时卡在闭包上，看了三篇文章没懂，自己写了二十遍计数器才明白。Web开发是手艺活，手比眼重要。