学习顺序是：HTML、CSS、JavaScript、PHP、MySQL。初学者为了完成一个完整的项目，会快速学习前后端所有己需的技术点，但无论前端还是后端，都是一门技术。任何开发者的开发技术的成熟都依赖的坚实的理论基础和业务经验，所以往往自学的开发者很难胜任企业的开发任务。
初学者为了完成一个完整的项目，会快速学习前后端所有己需的技术点，但无论前端还是后端，都是一门技术。首先，任何开发者的开发技术的成熟都依赖的坚实的理论基础和业务经验，所以往往自学的开发者很难胜任企业的开发任务，任何企业都需要易读、易维护、易扩展、并且科学的项目架构和代码，而往往缺乏理论基础和业务指导的学习者，很难将项目的开发做到以上的要求，这也就出现了自学成才的初学者始终都处在『全栈自嗨』的状况中。而殊不知全栈的感念误导了自己，变成一个非职业、非专业的代码生产者。其次，缺乏扎实的理论基础的学习者，很难理解更加高深的技术点，比如函数式编程中的柯里化、偏函数、ECMAScript中的原型、闭包、圣杯模式等等，这就阻碍了学习者进一步提升开发能力的步伐。
一个成熟的工程师，绝不敢说自己的全栈工程师，因为自己心里清楚，我的技术门类是前端，前端我是专业的，就算我确实会写PHP、Java，我也不敢说我精通或者我也可以承担后端的工作，这是一个工程师的态度，所谓术业有专攻嘛。
如果的如果你就想什么都会，根据前述，导出一个学习顺序：
HTML/CSS在一个阶段学习
结构和样式必须一起学，才有直观感。PS：总得先弄清楚HTML基本的标签吧！也少不了学完后，做个京东淘宝首屏，我不会做！
抠破脑袋，给我摩出来，这是必经之路。
JavaScript单独学习：（伤不起的前端在此刻出现）
JavaScript是一个很难的语言！！再成熟、再牛X的前端工程师也会说同样的话。原因是因为它十分灵活。怎么写好像都对，但你就是不知道怎么写。有同样的感觉吧？他分为三个部分：ECMAScript 2、DOM 3、BOM。
懂行的都知道ECMAScript对于初学者来说，是最难的部分，什么作用域、什么原型原型链、什么闭包、什么对象数组一大堆东西。如果你在学习JavaScript时，觉得特简单，对不起，我只能建议你重新学习。学习ECMAScript周期最长。
DOM也不简单，因为…….内容也非常多，什么遍历树、什么节点、什么元素、一大堆兼容性封装，什么冒泡捕获事件代理、什么鼠标键盘行为、什么拖拽、什么鼠标行为预测、什么双击单击 一大堆封装、什么DOM事件处理函数逻辑、一大堆案例等着你做。
BOM相对简单，需要掌握的不多，强调一下，不是没用，是兼容性不好，毕竟是孤儿，没有规范，所以就只能将就用一下，但你也不能忽略他其中的单页面应用的学习。
PHP和MySQLy一起学
PHP的基本语法搞懂以后，你可能想做点啥。那你就得折腾一下数据了，没有数据就没有项目，你懂的。当然，这是你自己要选择『全栈』的哈，表怪我。
技术的学习本是一个漫长的过程，但是…由于社会的浮躁感，让本该有过程的事变得急于求成而最终跪败。
所谓全栈，也不过就是前端 + 后端的技术能力，而前端和后端各是一门技术与学科，所以真正的WEB开发学习的态度应该是钻研一门技术，这也是企业需要的，全栈的称谓在这个时代，已经逐渐被企业所唾弃，原因很简单，全栈技术不精，而有人肯定会吐槽我的观点说：很多成熟的工程师都会前后端，人家多成功啊。但你不知道的是全栈作为技术钻研是可敬的，但作为技术的炫耀与称谓是可悲的，因为一句古话：术业有专攻，时间花在前端技术钻研上，你后端的能力肯定会逊色，反之亦然。不要说有很多精力学习，单独一个前端或后端就够学上个好歹（这里不敢瞎说时间）。
延伸阅读：
什么是全栈工程师？
全栈工程师是指掌握多种技能，胜任前端与后端，能利用多种技能独立完成产品的人。
现代项目的开发，需要掌握多种技术。互联网项目，需要用到后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端、三屏兼容、restFul API设计和OAuth等等，比较前卫的项目，还会用到Single Page Application、Web Socket、HTML5/CSS3这些技术以及像第三方开发像微信公众号web应用等等。
Web前端也远远不是从前的切个图用个jQuery上个AJAX兼容各种浏览器那么简单了。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC，各种复杂的交互与优化，甚至你需要用到Node.js来协助前端的开发。
所以说一个现代化的项目，是一个非常复杂的构成，我们需要一个人来掌控全局，他不需要是各种技术的资深专家，但他需要熟悉到各种技术。对于一个团队特别是互联网企业来说，有一个全局性思维的人非常非常重要。
文章标题：HTML、CSS、JavaScript、PHP、MySQL的学习顺序是什么，发布者：小编，转载请注明出处：https://worktile.com/kb/p/35972
微信扫一扫 
支付宝扫一扫 
![Python中的[::]什么意思](https://worktile.com/kb/wp-content/uploads/2022/02/lazy-480x300.png)
