HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？

如果你有耐心坚持个一年以上的话, 我会推荐HTML, css ,js, apache ,php, mysql

后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysql三个软件, 省的自己一个一个装（该软件的安装地址貌似被墙了，大家也可以直接装mac下面推送的XAMPP）。
有不少人在评论里问mac os下对应的软件, 这里补充一下: XAMPP Installers and Downloads for Apache Friends

1. 首先学习HTML, css, 这两个东西是一套的, 非常容易理解, 把w3school上面的教程过一遍就会了, 记住要一个个过, 千万不要偷懒, 一旦开始偷懒, 你会越来越偷懒, 最后什么都没学成. HTML 教程 , CSS 教程

2. 下一步是学js, js相比前两个会难的多, 因为js才是一门正式的编程语言, 同样, w3school的教程全过一遍, JavaScript 教程 , 教程过完了就可以买书看了, 强烈推荐一本超好入门书:

这本书是我看多诸多入门书里面写的最好的一本，直接从实际的应用场景出发，让初学者认识语言的细节。认真学，多看。

再进一步了解js的话推荐经典的犀牛书：

下面这段可以不用看了，因为2014年的前端主流还是jquery，现在已经是天翻地覆了。

看完之后学jquery, 这个时候你基本能够了解语言库了, jquery 也直接过一遍w3school的教程, jQuery 教程 . jquery会了, 基本上你网页开发前端就已经入门了, 如果你学的扎实, 反复的看, 其实你就可以胜任前端开发的工作了, 不过浏览器兼容性还是解决不了的, 不过你目标不是前端工程师, 浏览器的兼容性不了解也无所谓.

3. 2020年补充下，因为这个答案是2014年写的，如今6年过去了，前端技术栈早已发生了天翻地覆的变化，三大框架vue，react，angular平分天下（好吧，准备说应该是vue和react评分天下……），这边推荐学习vue，因为vue的用起来更符合人的直觉，大家直接直接在 官网学习，vue本身是比较简单的，难的是vue全家桶系统，nodeJs，webpack等一系列的工具，学起来也是不容易的，志不在前端的话也可以忽略这一部分，学会jquery就可以了。如果想学vue的话，也可以去努力精通，这边推荐一个框架， Ant Design，虽然说该框架是为react设计的，但根据我的综合使用体验，这个还是比iview等其他框架更加优秀一些。目前vue还在快速的进化之中，看书的意义不大，如果想看的话，也可以试试下面这本书。

4. 在前面你学习js的时候, 你可能就接触一些后端的东西, 没错, 就是ajax. 这个是需要后端返回数据的. 这个时候你要开始学习php了, 入门php相比于js会更麻烦一些, 因为运行php需要有很多细节要处理, 所以一本好的入门书籍是非常重要的, 这个w3school上面的php帮不了什么忙了, 推荐一本书:

, 当然, 这过程中你会遇到各种各样的问题, 但是如果你学到了这一步, 非常欢迎你私信我来学习, 我绝对帮助, 现在肯学习的孩子太少了, 而且题主才上高中, 太难能可贵了.

5. 一些注意点, 学习HTML, css, js的时候, 只要有浏览器就够了, 不需要装wamp, 编辑器推荐sublime, 多用google, 多敲代码, 尤其是多敲代码非常重要, 不敲代码你什么都学不会. 其他的想起来再补充吧.

对于那些说加入xxx阵营的, 不要理他们, 直接在win上面学, php和apache对win的兼容性非常好, 完全可以从入门学到精通都无需碰linux. 当然, 如果你网站最终上线的话, 还是需要接触linux服务器进行部署。现在微软已经有了wsl，如果学习的时候有空的话，建议研究下wsl，可以直接在windows中使用linux系统进行开发。

题主提到的这些是PHP工程师需要学习的基本的知识点。学习PHP绝对没有错，因为PHP是世界上最好的编程语言（逃~~~）。

地球上最火的博客系统WordPress，就是对PHP最成功的证明，相信很多人都是通过WordPress才接触到PHP的吧~~国内也有Typecho这样性能好又稳定的博客系统，PHP写的论坛也很多，比如Discuz!、PHPWind等。PHP写的CMS系统有PHPCMS，dedeCMS等。在网站中，PHP应用广泛到不行~

如果想入门PHP，题主提到的知识点，可以参考下图的学习顺序，来自实验楼 PHP研发工程师学习路径。

1. HTML
网站制作的基础，浏览器打开任意一个网页，查看其源码都是看到的HTML。因为HTML是网站页面最终的表现形式。网站页面所有的内容都需要通过HTML展现，所以学习PHP必学的基础首先就是HTML，HTML很简单，它甚至都不能算做一门编程语言，而是一个标记语言。HTML就是一些标签，页面的内容就放在一个个标签里面。
2. CSS
学习了HTML，知道页面的内容是怎么展现的了。那么我们是不是可以把页面展现得更漂亮呢（毕竟这是一个看脸的时代~），平时我们看到的那些漂亮的网站页面，大多数都是通过CSS来美化的。CSS代码都是些样式属性，这些样式属性添加到HTML元素上面，对应的HTML元素的样式就会被CSS改变，学起来会很快，因为编写HTML和CSS可以直接在浏览器上面看到效果，非常有意思！
3. JavaScript
JavaScript会比HTML和CSS难一点，不过入门很简单，跟着教程练习学起来会更加顺利。如今JavaScript被炒得比较火（库和框架满天飞，用得最多的还是jQuery），不过学习好基础才是最重要的，正所谓万变不离其宗。学习建网站，当然就要勤动手，巩固好基础。学了JavaScript，对PHP中的很多概念也都明白了，因为编程语言里面很多东西都是相通的。
4. MySQL
对于MySQL数据库，可以先学习基础就行了，能够熟练地对数据库进行【增删改查】操作就够用了。等学习了PHP，再来对MySQL进行加深学习，这样会事半功倍。数据库并不像想象中的那么难懂。
5. LAMP
LAMP也就是Linux、Apache、MySQL和PHP。在实验楼的实验环境中，已经搭建好了LAMP环境，学习PHP的时候题主就不用浪费时间去折腾搭建环境了，可以先看看LAMP是如何协作的。在实验楼中开始实验，就会创建一个LAMP环境，而且可以长期保存代码。等PHP学习得差不多了，再来学习如何自己搭建LAMP环境并部署到生产环境，这时就不会觉得LAMP那么抽象。
6. PHP
入门了HTML、CSS和JavaScript之后，对于编程已经有自己的理解了，这时学习PHP会容易很多，至少知道变量、语句、函数、对象等等东西，学习的过程中也会自信很多。先学习基础课程实验，然后跟着实验楼多做一些小项目，实践出真知，加深对PHP的理解。这时再去看WordPress里面的代码，会发现大多数PHP代码都能看懂。想修改下WordPress主题什么的都是小case~。可以自己定制WordPress功能啦~\(≧▽≦)/~

以下是图中的课程地址，全部免费，可以边看教程边实操练习。

1. HTML 基础课程

2. CSS 基础课程

3. JavaScript 基础课程

4. MySQL 基础课程

5. Linux - LAMP部署及配置

6. PHP - PHP编程语言

大概看了几个高赞答案，都在扯犊子，保证你多走弯路，把牙磕没。

你还推荐现在的 Web 入门的同学学习 jquery？Web 后端你推荐大家学 php？

前端框架技术选型是什么？是否使用 typescript？后端学习什么框架？学习的过程中如何实践？数据库呢？SQL/NoSql 什么时候学？

如果让我给你们指一条 Web 学习路线的话，的确，最开始的话，学习路线是这样的：

1. 学 Html，css，Http 主要的学习网站以这两个为主：

一个是大名鼎鼎的 Mozilla 开发者社区，一个是前端学徒必知的 W3School。这两个网站是我认为最好的 Web 技术学习社区，其中 Mozilla 开发者社区我更为推崇，因为它的内容更全，知识更新，事实上，我们可以根据 MDN 的首页一些内容窥到前端学习路径：

我们可以看到，Basic 内容中包含了 html，css，和 http！前端的学习者事实上在学习的初期，应该先学习 html 和 css 的基础，然后对 http 进行一定程度的了解，了解了 http 之后，就对网站的本质有了大概的认识，会让你后面的学习思路更清晰。

喜欢看中文课程的可以看下这个：

2. Scripting：Javascript & WebAPI

学了 html 和 css 之后，你具备了静态页面的前端知识，但是显而易见，现在的网站很少有静态页面，所以接下来，要开始学习 Scripting ，Scripting 又分为两个部分，分别是 javascript, WebAPI。

javascript 本身只是一个动态脚本语言，身为一个语言，它当然有自己的很多语言特性，学习它，只是让你更熟练这个语言，但是在浏览器的运行环境之下，必须通过调用 WebAPI 才能真正体现 javascript 的用处，比如：

1. 操作 Dom，动态地更改某个元素的 class 的值，添加/删除某个元素.
2. 元素的事件响比如，click，focus，hover，scroll，keydown 等，用 javascript 调用这些浏览器环境提供的 API，才能让 javascript 在前端发挥作用，
3. Ajax 请求, 也就是异步xmlHttpRequest, 它可以让你在页面内部, 在 javascript 中异步地向服务端发出请求, 返回 json, xml 等数据, 实现页面的动态加载。

3. node/npm

学习了这些之后，事实上你是不具备生产力的，现在的前端工作都是在 框架 这个层次上工作，并不是说刚才提到的不重要，而是你需要边学框架做开发，边更深入地去理解之前的所学，在这个过程中，事实上你需要学习并了解 node 和 npm。

这两个东西，是前端工程师和/后端 node 工程师离不开的东西，node 并不是 javascript 的变种，而是和浏览器同级的，javascript 的运行环境（runtime）。

在浏览器中，javascript 的主要作用是用来操作 DOM，发送 ajax 请求，让页面”动起来“，因为浏览器这个环境给 javascript 提供了这些 API。

在 node 中，因为脱离了浏览器，它不再需要提供 Dom 等 api，但它却给我们提供了更完备的文件系统的 API，为啥我说更完备呢，实际上浏览器也提供了一点点，比如 Storage Access API, 这也勉强算吧，毕竟 cookie 等东西也是存在本地的，但是由于浏览器的特殊环境，网站的脚本是不能随意获得用户的本地文件系统的权限的，但是 node 则相反，之后你会发现即便是做前端开发，你用的 CLI，你的前端项目依赖的各种包，也都是基于 node 的。

而 npm，则是一个 nodejs 的包管理工具，如果你写过 java 你应该知道 maven，作用很类似，它们都有管理包的依赖的功能，包括包的版本更新，包的删除，添加，然后也包含了一系列包的测试，发布等功能，也就是说，如果你的项目要增添某个依赖，只是一句 npm install 就能解决的事。

4. 框架学习: Vue Angular React

现在就可以开始前端框架的学习了，前端三大框架 Vue，React，Angular 选一个，国内用 Vue 的比较多，我一般用 Angular，但是 Angular 入门难一些，大家可以选择 Vue 进行学习，学习的过程中你就会发现前面学的 node 和 npm 你都离不开了，比如 cli 的使用：

现代框架的学习难度事实上都不高，因为官方文档的 guide 往往写的很棒，只要跟着 follow，基本都能学会，不会有太难的地方。

再提一个重要的事：如果你的前端框架支持 Typescript，一定要用 typescript，如果还没支持，请期待它的到来，Webpack 要关注一下。

学习的差不多了之后，不着急着自己从头开发一个项目，而是去 Github 上找个 高星项目，然后阅读代码，尝试修改，进行二次开发，比如这个基于 Vue 的项目：

从教学实例到真实应用，中间有一道坎，你需要努力阅读源码，力求能读懂大部分内容，然后修改成自己的之后，你就可以尝试脱离别人的项目，自己从头搭一个前端项目，开发一个像样子的应用出来了。

在这个学习过程中，因为你没有后端，所以很多人就喜欢自己搞个 mock 数据，但是实际上我推荐你使用那些公开的 api，那种 api 很多的，你可以找一找，然后去尝试调取它们的数据，显示在你的页面中。

4. 触角伸向后端 - nodejs

其实我后端的主力语言是 java, 但我平时也用 node 写小项目后端, 我的意思是, 在你学习了前端之后, 到这个节点, 你几乎一定想要掌握后端技术, 因为如果你没有后端技术, 你自己一个人是无法完成一个完整的应用的, 但是你已经有了 node/npm 和 javascript 的基础, 在这时学习 nodejs , 结合你之前对 http 的了解和对前端 http 请求的一些疑问, 趁热打铁, 简直再好不过。

学习 nodejs ，快速使用一些轻量级框架，比如 express，进行后端的简易开发，学习曲线对于现在的你来说一点不陡峭，你只不过是在用相同的语言实现不同的事，而像 express 的这种框架里面的概念，也没有很复杂的东西，没有像 spring 框架中的各种术语，什么 IoC，AOP, DI 等等，express 上手之后，你就可以尝试开发全栈应用啦，整个过程不会太难。

5. 后端持久层 - SQL/Nosql

你的后端不仅需要做一些运算，还要能存储和用户相关的数据，这时候就需要数据库的加持，最开始的时候，可以不着急学 NoSQL，可以现在普通的 关系型数据库，Mysql 是一个比较好的选择，关于关系型数据库的学习，在应用层分为两个方面：

- 数据库的使用 SQL 语言

- 数据库表的设计 表关系

理论层的话水就深了，各种数据结构，算法，还是很复杂的，但是由于我们暂且只在应用层搞事，所以可以先不管它，着重学习上面两个部分。

学习了之后，再结合之前所学的 express，和 mysql 相连，你就实现了持久层的基本功能，这时候，一个具有最最基本功能的全栈应用就诞生了，这时候的你可以一定程度上释放你的生产潜能，将你原来一直想实现的网站做出来了，到这里，就不着急着学新技术啦，可以多多利用你之前学到的前端/后端框架, 开发一个像样子的网站出来啦, 在第一个像样子的全栈应用被你完成的时候, 你已经, 稍微稍微, 入了全栈的门了（虽然距离真正的全栈还有很大的距离）。

祝你学习愉快！

HTML、CSS、JavaScript、PHP、 MySQL的学习顺序是什么？

没错，你列出的学习顺序非常正确。本人就是从小学习电脑最后自己建站的。D2CN就是我的。

HTML是网页标记语言，是浏览器能够阅读的语言。你如果想你的网页让别人能看到，就必须学习HTML。且不说你是否建站，只要你写的东西想要浏览器能正确显示出来，那就要懂HTML。

HTML的编辑工具倒是起点很低，MS WORD就可以做到。你另存为HTM文档，再用记事本打开，就能看到HTML代码了，很好理解的代码。买本HTML的书籍，一会就会。

会了HTML，也只是知道了网页编辑的入门。真正要建站，就需要了解CSS了。CSS中文名为“

”。简单来说，CSS严格意义上来说算不得一种语言，但它借用了HTML的标记方法，被嵌套在网页中。语法比较直接，多数是文档格式化名词。可以自定义格式类，也可以被外部调用（嵌套）。如果是外部嵌套，基本上你就快要用到建站知识了。但没关系，这些仍然还可以在你的本地电脑模拟，并不真的需要一个服务器。

JavaScript也是用HTML标记代号内嵌于HTML中的Javascript代码段，语法是Javascript语法。是因为HTML的功能实在受局限，多数是静态展示，没有互动能力。而JavaScript可以允许网页中使用一些特殊效果。早起的浏览器是不支持JavaScript的，但现在的浏览器没有不支持的。

感谢几位知友纠正我的描述错误。当时打字太急，措辞不当。感谢。

上述三种代码，都还只是基于浏览器端的解释运行，可以完全独立于服务器。你在本地电脑的一个文件夹里写好，也完全可以在这个文件夹里用浏览器玩这些东西而不需要服务器支持。

上面三种代码再厉害，做出来的页面也只是一个或者一些页面而已。如果没有程序或者数据库的支持，这些页面就算再漂亮也最终没法对外部数据请求产生大规模回应。这时候，就需要动态页面（Dynamic Webpage）的支持了。要实现Dynamic Webpage，就要用到Php或者Aspx这些动态编程语言，以下就按php说。

Php这些编程语言不能被浏览器执行，但是可以被安装了php解释插件的Web服务器软件（比如Apache）运行。通过服务器端的运行，按照程序设定，向客户端浏览器发送结果。结果可以是被HTML化的页面。换句话说，服务器端在运行php程序，但在客户端，你只收到了一份html页面，这样你就在你自己的浏览器上看到了服务器端想给你看的内容。这个动作是可以交互的，你可以向服务器提出你的要求，服务器根据程序编制，返回给你特定的HTML内容(含Javascript和CSS)。可以是数据库里的内容，也可以是其他类型的内容，只要php能够实现。php的语法结构还是比较像C或者Java的，只要有点编程经验，理解Php不难。

有了php，仅仅依靠php那点语句是做不出什么动态网页的，一般都要搭配数据库，也就是你所说的Mysql了。Mysql只是常见的数据库系统之一，在类UNIX系统上是免费的，性能也不错，所以用的人比较多。很多商业网站为了避免版权纠纷和成本考虑，都使用类UNIX系统的服务器搭配Mysql。

Mysql不能说是个语言，它只是一种数据库系统而已。Sql是数据库业界基本标准化的数据库服务器访问查询语言，这个要学习一下才能编制出适当的查询。一般来说，以你的例子，在php中设置好数据库查询参数，并且写好查询语句，php服务器会向mysql服务器发出查询请求，mysql服务器会返回给你查询结果。然后php根据查询结果，经过适当处理，然后HTML标记化之后，返回给客户端浏览器，完成一次页面运行。

恭喜你，现在你看到Dynamic webpage了，就像你现在看到了我敲的这么多字，实际上已经被知乎存在了他们的数据库mysql里，而你点击我的答案标题，实际上是向知乎的服务器端发出了一个请求，这个请求被知乎的服务器收到，进行数据查询（可以是php进行这个查询），得到我这个答案，然后送给Apache服务器上的php进行处理，php得到这个结果，送答案的同时，也调出作者名称和资料给你看到并开始进行格式化（HTML）和美化（CSS+JavaScript）。而你点击别人的答案，也会得到同样的效果，但答案内容不同，这就是Dynamic Webpage的含义。

最后，你并不需要马上去了解怎样架设服务器。虚拟主机也很多。可以租一个先玩玩。但做好一个网站，上述这些语言多少还是要知道点好。

作为一名自己摸索着进入火坑，从事web开发多年，培养过无数bug，扼杀过无数bug，直至发苍苍，视茫茫，而立之年无娇娘。俺有话说：尽量先学习能使自己有成就感的。

PHP真是一种奇葩的语言，他会很乐意带你入门，等你学的差不多的时候，你会发现这时候你已经会了一堆幼稚园小孩般的语言，什么HTML，javascript，xml，sql等等，你也懂得了服务器端的配置和一些肤浅的系统知识。当你又学了一些其他的语言，比如c/c++，java，python，ruby等，突然有一天你会被php丑陋的外表吓得大汗淋漓，想要看看这丑陋的外表下到底是否有一颗美丽的心灵，你会看它的源码，结果你发现你对编译原理、数据结构这些都不清楚，你又会去看这些，当你正在愉快学习着的时候，公司打电话说服务器出问题了，你怀疑是配置问题，就又像个冒险家一样探索服务器，你又发现你想要很好的配置服务器需要对系统有个比较清楚的认识，你心爱的web服务器的系统十有八九用应该是linux，你找了好多关于linux方面的书，什么内核解析，网络协议实现原理..一只野生的金刚勇士诞生了。

网上有好多程序员“鄙视链”，似乎php处于比较低的档次，幸运的是那些鄙视链只是一部分大牛猿在写代码写的抓狂的时候相互攻击调侃放松的结晶，然后又被无知猿到处散播，至少我是这么认为的。编程语言只是一种工具，更多的是要加强自己的内功修养，每种语言都有自己适合的领域，你如果非要用钢锯来锯柴烧，还鄙视钢锯不如斧头，我是很乐意和这种人交朋友的。

技能学习路线这事儿，可以参考一下我之前做的： phodal/sherlock

如果不方便的话，可以使用技能树的移动版『Growth 技能树』。

如果他们还不能满足你的话，我还有开源应用 Growth （PS: 其实我是来打个广告）： phodal/growth。

Growth是一款专注于Web开发者成长的应用，涵盖Web开发的流程及技术栈，Web开发的学习路线、成长衡量等各方面。在这里，你将通过不断检验自己的学习成效，形成属于你自己的独一无二的个性技能图谱。

算了，我还是上图：

内置了接近 5,000 个 star 的开源电子书 phodal/growth-ebook 的首页

丰富的探索项目，可以让你找到练手项目：

测试自己的能力：

寻找相应的学习路线：前端、后台、DevOps

并且内置了丰富的软件解决方案：

各式各样的工具：

还有其他 @phodal 写的各个电子书

原价 999 元的全栈工程师套餐，现在对年薪百万的各知友通通免费。

原价 999 元的全栈工程师套餐，现在对年薪百万的各知友通通免费。

原价 999 元的全栈工程师套餐，现在对年薪百万的各知友通通免费。

各大 Android 应用商店和 App Store 都可以免费下载到。

iTunes: Growth: 带你成为顶尖开发者

应用宝： Growth

欢迎入圈打赏， phodal's 的全栈圈

一秒钟搞懂前端的学习顺序：

1、HTML5+CSS3课程二选一：

• 前端Web教程HTML5+CSS3+移动Web前端全套
• Pink 老师的Html5+Css3+移动Web_前端入门教程

建议学习时间1个月：1周学习配置环境+HTML，2周学习HTML5，3周学习CSS，4周完成电商项目。

HTML5是网页开发的基础，使用常见的标签制作网页内容；
CSS3是通过浮动、定位、Flex精细控制网页布局，美化网页；
以上课程中均有电商3网页制作，基于设计靠编写网页，确保网页布局的高度还原，将HTML和CSS基础知识综合，并且借助蓝狐协同平台体验真实团队开发流程。

2、JavaScript系列

• JavaScript基础语法： JavaScript全套教程，Web前端必学的JS教程
• WebAPI/Dom Bom操作方法： JavaScript核心教程，JS必会的DOM BOM操作
• jQuery： jQuery网页开发案例精讲
• 数据可视化： 用最流行的图表引擎ECharts来展示电商平台数据

JS相关内容建议学习两周，JS与DOM，面向对象思想建议学习两周，网页开发1周，数据可视化1周；

如果想要实现更炫酷的动态效果就要操控网页元素，通过函数编程、DOM操作，时间以及BOM对象，可以让我们实现更多交互效果。
面向对象是开发中非常重要的思想，可以提高写代码的效率，解决企业级编程协同问题。

3、服务端编程

• 前端基础教程Ajax零基础入门_上部
• 前端基础教程Ajax零基础入门_下部
• Git零基础入门到实战详解
• 黑马程序员4天精通Nodejs教程_
• 6天掌握mysql基础视频

4、Vue.Js： Vue全套视频教程，从Vue2.0到Vue3.0一套全覆盖

Vue基础：axios和vue-resource、vue动画、vue组件、vue路由；webpack：webpack介绍与安装、webpack之loader配置与使用、webpack与vue结合使用。

最后完成课程中每一个练习，本阶段建议学习时间为一个月+左右；

5、小程序+电商项目： 微信小程序开发前端教程_零基础玩转微信小程序

目前一线城市大多数前端开发招聘，都需要会小程序开发。所以掌握小程序也是非常重要的，前面已经有了很多基础，再来学小程序会非常快。

6、 前端React精品教程， React零基础入门到原理详解

前端开发首先就是要了解互联网产品开发得相关流程和工作模式，前期一些基础需要扎实学习，后面也就是从实际得角度出发提升web性能；常见得框架需要学会，最后就是熟悉Git~

最后了解一下前端相关的内容：

才疏学浅 您听个乐子

建议您一起学习，首先现在学习什么的成本太低了，网上资源一大把，学习体验也比我入门那时候体验好得多。可能你会觉得学习是有阶梯 和有前置依赖的 水平也是线性上升的

其实不是 是螺旋上升的

几个一起学都学点皮毛，你就能做一个特别简单的小站，但是一路你会遇到很多问题，问题一点点解决，几项技能均有提升。就这样技术螺旋上升的。

来来来，一条龙服务，路径都给你规划好了，花了一年多时间自己录的：

第一步： HTML5精讲

网页的骨架。

没有它就没有网页。

第二步： CSS火速入门

网页的皮肤。

没有它就没有颜值。

第三步： 极简博客开发

巩固学习成果。

三下五除二做个博客再说。

第四步： 电商站首页布局实战

提升难度。

复杂的页面才能练出布局能力。

第五步： 响应式布局到底怎么玩？

只想写一次代码，跑在一万种设备上。

不就是宽度么。

第六步： 玩转Bootstrap

我还没使劲，你就美了。

懒癌笑了。

第七步： Bootstrap新闻站开发

巩固学习成果。

既然有杀器，那就直接练难的。

第八步： JavaScript精讲

网页的神经。

没有它的网页活儿太差。

第九步： 玩转JQuery

JS还能这么写？

也就它敢称为一个时代。

第十步： jQuery三步搞定表单验证

用户在表单里胡求乱填怎么办？

永远不要相信他们。

第十一步： Vue.js精讲 - 表严肃讲Vue

写个JS从未如此轻松。

从此DOM是路人。

第十二步： Vue.js生态之vue-router

弹出层还能有独立链接？

单页应用大法好。

第十三步： npm火速上手

一个优秀的前端怎么会复制粘贴？

他用npm。

第十四步： Webpack精讲

一个项目有八十个依赖模块怎么管理？

你需要Webpack。

更新中...

------------------

更完前端更后端。

Yo.

很简单啊

先打地基，建房子（html）

然后装修（css）

接着把门，窗户，自来水龙头，电灯开关什么的接好（js）

可是还没有电，也没水，怎么办呢，造发电站，兴修水利发电站（php）

依旧没水没电，修水库，引入水源，水利发电（mysql）

装完A了0.0（逃..

--------------------------------------------------------------------------------------------------------------------

那个，正经说下

我建议：

html+css和php+mysql这两个可以同步学习，毕竟不是一个东西，不容易混淆；

javascript还是不要过早接触，毕竟弱类型语言；

而且吧，这中间还涉及到一些框架，模式，兼容，性能，当然是后话了；

还有，条条大路通罗马，语言只是工具，重在思想！！！

--------------------------- 2018.10.13更新 -----------------------

发现了一个这么好的机会，居然没有宣传下自己的小博客。博客地址：

.

更新小下。最新看到一个

我觉得这个文章还是不错的。对于想要提升自己的的技术的话，有很好的参考作用。另外还有一个事情，不论如何做技术，基础很重要。多去学习一下基础知识，比如 深入理解计算机系统（原书第3版）就非常不错。大家一起加油吧。我也会一块学习的。

--------------------------- 2016.12.02更新 -----------------------
看看发觉已经过去两年多了。这是我第一次正儿八经的回答问题，而且获得的赞最多的一次。
两年经历了很多，我再把我学习的东西给归纳一下。希望能对人有所帮助。
我再重新把我的答案给整理一下。

我先声明一下，以下的书我不是全部看过，我只是个人觉得不错，所以拿出来分享一下，如果你们觉得可以，那么可以去买。当然，不买也是没问题的，可以去查询网络上的资料。

HTML+CSS：
目前来说，首先学习必备的html和css，然后看一下html5和css3的一些新的标签以及样式。现在已经是H5的世界了。多多学习。然后就是了解一下bootstrap这个前端框架，好像也有人说这个是一个组件库。

教程：

HTML 教程 | 菜鸟教程

CSS 教程 | 菜鸟教程

Bootstrap 中文文档

CSS3参考手册 - 最新最全的CSS参考手册

书籍：

《HTML5权威指南》([美]弗里曼（Adam Freeman）)【摘要 书评 试读】- 京东图书 （这本书，我买了，但是还没仔细翻过，看了一下目录。觉得还不错。）

JavaScript：
这一块的话，我建议先熟悉js的一些基本语法。然后着重去看Jquery。因为在工作中，还是说用Jquery居多。关于Jquery的学习，我建议还是书和教程一块看。这样看完之后，可以升级一些，比如研究一下Angular，Vue.js。这样，你就已经很厉害了。我最后推荐的这两个，只要了解就可以了。因为到时候肯定前端人员写了。你可以通过这些，了解前端在流行什么。
然后可以了解一下JS的闭包，PHP叫做匿名函数，熟悉异步回调。Js在服务器端有个程序，叫做Node,js。他们在异步这块非常的强大，我建议你去学习一下，这对你学习网络编程，有很大的好处。这一块你在PHP感觉学成的差不多了，想从深入广的时候，可以去看看。

书籍：

《OReilly精品图书系列：JavaScript权威指南（第6版）》([美]David Flanagan)【摘要 书评 试读】- 京东图书

《图灵程序设计丛书：精通jQuery（第2版）》([美]Adam Freeman)【摘要 书评 试读】- 京东图书

《锋利的jQuery（第2版）》(单东林，张晓菲，魏然，等)【摘要 书评 试读】- 京东图书

教程： JavaScript 教程 | 菜鸟教程 jQuery 教程 | 菜鸟教程

jQuery API 中文文档(适用jQuery 1.0 - jQuery 3.1)

Node.js

Angular

vue.js

PHP:
这个是我们要学习的重点。
这里你要学习PHP的基本语法。然后主要是学习面向对象，命名空间。其他的一些偏门的，也要学习，最好是通读一遍文档。这对你的PHP的成长很有帮助，虽然说都文档非常的枯燥。然后去学习一下框架，比如TP，Laravel等，了解一下反转控制，注入依赖，门面，然后学习一下Yaf，和Phalcon。这样，基本上框架啥样，你就了解了。如果想要继续深入的话。你可以看看tp的源码，特别是tp5的，他现在基本像是一个laravel的缩小版。然后也了解一下常用的设计模式。这样你就可以开始写个小型框架。这对你来说，对你理解PHP很重要，比如自动加载，错误处理，数据库连接，路由，控制器，模型，视图等等，这对你是一次全面的提升。
然后再去了解一下swoole。这个可以实现TCP/UDP编程，然后你就可以发现，我居然可以做聊天室了。这样你就能了解长连接了。而且这需要html5新的的websocket的支持。我觉得swoole的官方文档写的那句话特别对：让你重新定义PHP！
接下来，还要深入的话，就是学习C语言。了解PHP的内核的实现，这也是我目前的方向，还有一个就是可以学习Python，比如Python有个Web框架Django，或者Node去了解异步编程，或者去了解Go，非常严谨的一个Web程序，话说我对这个还不太了解。
另外多嘴一句，我之前推荐说学习Ecshop等管理程序，但是现在我不推荐了。虽然这些框架让一些非技术人员也可以进行开网店或者啥的，他们做出了卓越的贡献，但是对于技术人员来说，学习那个对你技术提升并不是很大。就是这样。

书籍：

PHP和MySQL Web开发（原书第4版）

《深入PHP：面向对象、模式与实践（第3版）》([美]Matt Zandstra)【摘要 书评 试读】- 京东图书

教程：

PHP: PHP 手册 - Manual http://www.thinkphp.cn/

Laravel学院 - 优质Laravel中文学习资源平台

Yaf(Yet Another Framework)用户手册

Phalcon 3.0.1 文档 (Chinese / 中文) PHP的异步、并行、高性能网络通信引擎 https://golang.org/

The Web framework for perfectionists with deadlines

MySQL:
这个是数据库，重中之重。你去面试是必须要问的。首先就是了解增删改查，关键就在于查，比如单表查询，分组查询，join查询，等等，很多中情况，我们应该如何写我们的SQL语句。
创建表，表的字段的选择，创建表的规则，有个视频讲解了，关于创建表的第一，第二，第三，第四范式。我们可以去了解一下。
创建索引，先了解都有什么索引，单列索引，全文索引，唯一索引，多列索引等等，了解每个索引的用途，然后了解在什么地方使用什么索引，索引也不要建多了，建多了，速度就会变得很慢。
然后就是事务，了解事务在什么数据库引擎上起作用，如何使用等，是否支持事务嵌套。
然后就是高级特性，视图模型，存储过程，分区，外键等，我建议一概不要学，没啥用。
数据库的优化很重要！很重要！很重要！重要的话，我一定重复三遍。
然后了解MySQL的复制。
教程：

MySQL 5.7 Reference Manual

书籍：

《高性能MySQL（第3版）》(Baron Schwartz，Peter Zaitsev，Vadim Tkachenko)【摘要 书评 试读】- 京东图书 （主要是了解第一章，第四章到第十章，第七章了解一下就好）

Nginx：
我现在都是用Nginx了。我觉得Nginx的速度跟Apache相比来说，速度差不多，但是感觉用的Nginx来说多很多，而且可以进行负载均衡和反向代理。
我们可以了解一下Nginx的配置文件，了解他的IO模型，反向代理，负载均衡。
教程： nginx news 架构 - nginx.cn 书籍： 《精通Nginx》([瑞士]艾维利（Dimitri Aivaliotis）)【摘要 书评 试读】- 京东图书

Linux：
这块的话，我非常建议去学习一下Linux的基础命令。
最后能源码编译起一个LNMP环境就好。这对你了解PHP的整体非常有好处。然后再去了解如何进行排错，比如从Nginx的错误日志，再到PHP的错误日志，再到php的配置的错误配置等等。这些都要去了解一下，然后了解依稀权限管理，否则你会经常看到你在操作的时候，提示你权限不足。

教程：
马哥的linux教程（我就不提供连接了，自己去百度网盘找）
LNMP一键安装包 - CentOS/RadHat/Debian/Ubuntu下自动编译安装Nginx,PHP,MySQL,PHPMyAdmin （可以下载这个脚本，然后一边学习shell，一边了解是如何安装的）

NoSQL：

这一块用的比较多的是Memcached，Redis，MongoDB。大部分是前两者居多。

比如了解Memcached和Redis的使用方法，两者之间的区别。Redis的字符串，列表，集合，哈希（散列）之间的区别和每个结构的使用场景还有Redis的持久化，复制等高级特性。

MongoDB的话，它是一个文档数据库，用的是BSON（JSON扩展出来的）。了解以下增删改查，以及聚合等等，还有它的副本集以及分片等。学习一下集群思想。还是不错的。

书籍：

《MongoDB权威指南 第2版》([美]Kristina Chodorow)【摘要 书评 试读】- 京东图书 （这本书使用的MongoDB版本比较老了。但是里面的思想，还是可以借鉴一下的。可以去亚马逊买电子书，应该不会太贵。）

《Redis实战》([美]约西亚 L.卡尔森（Josiah,L.,Carlson）)【摘要 书评 试读】- 京东图书 （这本书是将Redis的，但是是使用的Python语言。可以在里面学习一下Redis的使用技巧）

教程：

Redis （英文原版网站）

Redis中文官方网站 （中文的）

The MongoDB 3.4 Manual （MongoDB文档）

--------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------以前的版本--------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------

前言：

随便看了一下各位的答案。给楼主说一下我的见解。可以讲多个答案进行参考一下。然后再确定自己的学习。

之前看了一个知乎问题。我深深的明白自己的逻辑思维不强。所以，如果有什么逻辑不通顺的，或者离题的答案。请楼主原谅我。

回头翻了一下题目。发现楼主现在是在学习WordPress的时候对网站编程产生了（请允许我用不专业的话）兴趣。所以，根据我的学习经历以及我工作的经历，讲一下我个人觉得非常不错的学习经历。

首先对于html,css,javascript,mysql,php,等等，相信楼主已明白了这些都是干什么的了。所以说，我就不再赘述了。

HTML+CSS：

先说一下html+css的学习。我之前想分开说来，但是现在想想我自己的学习经历，我感觉还是放在一块说比较好。首先我自己因为没有别人教，然后自己通过书，w3shool，视频这样学习了三次。我现在想来，其实各有优缺点。书中讲的内容比较全面，但是不一定最新。（现在我已经很久没有看过html的入门书籍了。具体不太清楚），w3school讲的比较单调。视频讲的速度比较慢。但是我个人感觉现在是先培养出让你继续学习下去的动力。所以说，还是看视频比较好，比看书生动些。而且这类东西三个都讲的知识点差不多，因为真正用的时候，你不会专门去写html+css，具体看谁的视频，可以自己去百度搜索一下。我也会找时间更新一下链接。上传一个视频或者书籍的百度网盘分享。最后我再推荐你看一下后盾网的一个老实讲的豆瓣首页实战或者迅雷看看首页实战。这样可以让你对html+css有个更加深入一步的认识。

扩展：现在html5跟css3非常的火，可以去了解一下。毕竟这个在将来是主流，所以学习也要放眼未来。

JavaScript：

接下来是javascript。这个是非常重要的。现在不管是前端还是后端都会学习这门语言。之前说的html是标记语言，学习javascript才算是真正的学习编程怨言。所以可能会有一个突然的拔高，希望楼主坚持住。我还是推荐楼主看视频或者书。书的话我个人推荐犀牛书（请原谅我们一直这么称呼它），真正的名字是：《JavaScript权威指南第4版》。这本书非常的厚，当然也讲的非常的细致，我刚刚借过来，还没有仔细的看，所以里面的东西不敢说的太满。当然也可以看视频。我就看过一家的，就是燕十八老师（众人对他评判不一，但是我个人觉得讲的视频还是很不错的）的。在此不做评判。学习javascript要熟悉他的编码规则。需要了解的知识点：数据类型。选择循环判断三个执行语句，还有javascript的DOM操作等等（我暂时就草草的补了三大块，希望能补充一下，这个是学习js最少需要了解的东西）。这些是用的比较多的。视频上也会有一些很典型的例子。所以说，可以根据视频参考学习一下。如果觉得基础学习完成了。想着试试做一些特效的话，可以看一下妙味课堂的视频。他们上面讲解的javascript特效啊。非常的棒的功能都有讲解。当然这样javascript算是可以告一段落了。

扩展：如果你还想在javascript方面有更加深入的学习。我推荐你可以了解一下node.js，这个是服务器端的js，其实之前都是说的是客户端的js，一切功能都是在浏览器进行执行的。现在因为html5的canvas（不仅仅是这个），还有一些新的特性，让javascript更加大热。当然，深入研究一下对你的将来也是非常的有必要的。加油。

PHP：

请允许我提前说明一下。因为php的学习难度非常的低。所以大家都称呼它为草根语言。到了PHP这边。就到了服务器端的操作了。咱们之前的讲解都可以在本地实现。而且不用本地搭配环境。这个需要搭配环境。至于如何搭配环境。我会在最后进行说明。

PHP的学习，因为一个网站主流是利用PHP开发。所以要对一些东西了解的比较深入。而且一些常用的函数，也要比较了解。在这边我直接推荐看书。最著名的一本书是：《PHP和MYSQL WEB开发》。这本书被称作是学习PHP的圣经。上面的干货是非常多的。所以对于自己了解PHP是非常有帮助的。但是请再次让我推荐一下我看的视频，因为视频上的对于一个函数的讲解要比书上讲的细致，通过视频我们也能获得对函数更加深入的了解。知识点啥的就不说了。太多了，现在感觉最重要的理解面向对象。还有注意的一件事情。就是着重注意一些PHP版本的问题，因为有些错误，其实就是出在PHP版本上。我个人感觉比较重要的是了解一下PHP5.2跟PHP5.3两个版本的差别。因为从PHP5.3确实更新了非常多的特性。这些都是基本知识了。至于说用PHP做一些项目，那就不好说了。我虽然工作了一段时间。但是也不知道给你举什么例子。其实我也是想推举我那个老师的商城项目。

再有其他的就是框架部分了。我现在用的是ThinkPHP，还有是Yii跟Zend Framwork。第一个是国内使用比较多的框架。第二个第三个是世界上非常有名的框架。如果想要深入。非常建议学习一下。还有国内一些比较盛行的管理系统。比如ecshop网站管理系统。discuz论坛管理系统。dedecms内容管理系统。等等

MySQL：

这方面其实我学习的不太好。但是数据都是要存入数据库的。学习的话建议看看《PHP和MYSQL WEB开发》这本书，上面有专门的MySQL基础跟MySQL都有非常详细的讲解。了解一下查询的知识，存储引擎，事务等等，关键还是了解如何对MySQL进行优化。对于查询语句要好好的学习一下。加油。

/*

* 2014年12月22日更新

*/

数据库部分首先了解一下数据库的链接，查询，更新，加入，删除等等。然后了解一系列查询方式。比如内查询。外查询，where的各种条件查询比如in，like，大于，排序，等等很多的东西，还有一个东西就是建表，在什么地方什么时候使用什么样子的类型等等，了解各种类型的区别比如int,tinyint,char和varchar的区别，text与blob的区别等等。当这些东西学会了之后，就开始学习语句优化吧。比如使用explian进行sql语句分析。了解什么地方该优化了，该加索引了。索引的话，有主键索引。非主键索引。单一索引，全文索引，覆盖索引，最左索引等等。然后再往下就是学习一些什么高级一些的了。比如读写分离。往下的我还没有学习。就不说了。水平太菜了。

Apache：

这个我一个朋友正在学习这个。晚些时候。我会补充上。不好意思。

/*

* 2014年12月22日更新

*/

apache我了解的不多，我觉得还是了解一下基础就好了。比如怎么重写。怎么虚拟目录等等。现在网站的真实布局的时候还是使用的nginx，现在不用先去了解。等php入门了。或者说开始实战的时候在想怎么做吧。

结尾：

好像把楼主的问题给回答完了。但是最后数据库部分有点水。望楼主勿见怪。

/*

* 2014年12月22日更新

*/

学习一门语言还是需要有恒心的。希望大家能有毅力学习下去。毕竟php还是比较好学习的。加油吧！

搭配环境部分：

编辑器很多。找一个自己喜欢的编辑器就好，建议前期刚开始开始学习的时候不要使用自动补全代码的编辑器，刚开始学习以打基础为主。推荐的编辑器：sublime text2，notepad++，Eclipse等等。

至于环境部分。分为客户端跟服务器端。

客户端：一般是用来学习html+css+javascript。这个可以直接用浏览器就可以搞定。

至于安装的软件一般是安装浏览器为Firefox（火狐）+firebug（火狐浏览器页面调试插件）。这些就足够了。

服务器端：建议刚开始学习先学习使用wampserver这个软件就ok。先去学习，然后等着PHP入门之后。可以专门研究一下Apache以及PHP模块等等。

然后注意的就是在PHP调用文件名称的时候。Windows环境中PHP的代码是：

<?php
include('./Abc.php');
?>

然后你在当前文件下面创建一个叫做abc.php的文件。然后随便写点东西。就能调用成功。但是在linux下，就是显示找不到文件。所以说。在命名的时候一定要注意，否则。改起来就会非常的麻烦。暂时就是这些。

资料推荐部分：

--------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------- 2014.12.22更新 ----------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------

LAMP兄弟连视频下载地址： 免费PHP视频教程下载-LAMP兄弟连PHP培训教程学习网；

传智播客视频下载地址： 免费php视频教程下载；

后盾网视频下载地址： 后盾网论坛-php培训-php教程；

自学it网下载地址： PHP视频教程 自学it网；

LAMP兄弟连以及传智播客可以直接下载。但是后盾网的视频太杂了。大家可以根据官网的栏目进行下载，不过需要需要用金币购买，金币可以坐任务或者品论获得。如果不怕麻烦可以在网盘离间直接一点点找，这样就可以不用视频金币了。我看的是自学it。当然了，不是想着让你选择我这个。人各有异，喜欢什么，你看什么，关键还是说有学下去的恒心。加油吧！骚年们。

HTML、CSS、JavaScript这三个学的差不多了建议可以试着学一下Node.js和Mongodb,不一定非要学PHP和MySQL

首先明确一下：

1.到底是要做个后端工程师还是前端工程师

2.是打算多久就业。

如果是做前端工程师，学习路径是：HTML，CSS，JS，框架

如果是后端工程师，MySQL，PHP啊，Java啊 都可以学

如果走全栈，前端工程师可以学mysql，node，也可以选择一门专业的后端语言，比如PHP，Java

如果说，就是想早点就业，阳叔建议是先把一个体系学下来，而不是都接触但是没法专精

前端工程师（就业路线）：

HTML，CSS：

建议到慕课网把免费的视频学下来就可以， HTML+CSS基础课程-慕课网

然后写一些实战小页面项目，

完成项目： 百度前端技术学院 - HTML/CSS所有项目

JS初级：JS学习起来不会太轻松， JavaScript入门篇-JavaScript入门视频教程-慕课网

推荐《你不知道的JS》这本书，然后就是做一些经典题目，如轮播图等

完成项目： 百度前端技术学院 - JavaScript 前三个项目

JS高级： JavaScript进阶篇_JavaScript视频教程-慕课网

完成项目： 百度前端技术学院 - JavaScript全部

Ajax：与后端交互数据，这个通过实战项目熟练下，这个就属于类似公司的真实开发了

VUE框架学习：VUE的话 相对于react，ng，都比较适合初学者，因为现在就业公司会要求熟练使用框架，阳叔推荐VUE框架，还是同样要做项目实战。

完成项目：去哪网，饿了么1.0视频观看改造成2.0，思维提升。

这些东西自学起来到底需要多长时间因人而异，然后就是进入无限期的项目实战刷经验达到公司的用人标准，拿着项目经验写简历面试。阳叔发起了组队做项目和一起自学，可以一起学习交流。

对于使用一个CMS来建站，首先你需要了解服务器方面的知识，因为CMS需要一个运行环境，当然初期你可以使用wamp这样的集成环境。接着你需要懂一门后端语言，比如说php，他可以帮助你修改一些模板。另外你为了让你的站变得更漂亮，你需要给你的网站做美化，那么你就得需要CSS和HTML方面的知识。如果你想你的网站变得更容易交互，你需要一些JavaScript知识，这样你可以处理一些交互。如果你现在对这些一无所知的话，CSS+HTML入门门坎低一些，可以先行，接着你可以整整PHP+MySql。

前端搞定，可以看nodejs 渗透到后端，做个全栈工程师。