mysql前段编写_HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？

*******************************************************************

兴趣是最好的老师，一个积极的心态建设是很重要的。

*******************************************************************

这是我在知乎上回答的第一个问题，希望能够帮到你。之所以这么积极的来回答这个问题，是因为你提到了“前些日子捣鼓Wordpress博客，对建网站产生了浓厚的兴趣”。隔着屏幕我就立刻感受到你的学习热情！兴趣是最好的老师！自学不是一件很容易的事情，当你一个人捉摸不透，debug半天还是有error的时候，人是很泄气的，但是兴趣会把你从低谷里拉回来。我感觉越学越上瘾

*****************************************************************************************************************

这个是真心建议：第一次学习一样知识的时候最好找到好的老师，或者好的蓝本模仿练习。

*****************************************************************************************************************

我以前学文科，也不是计算机专业出生，但是出于兴趣，我决定学习前端开发，现在在读研究生，明年毕业了打算在前端开发行业找工作。我正式接触网页应用开发大概两年，我的主要学习经历来自于学校选修课程学习 + 网络课程自学，所以我打算介绍一下我学过的课程内容的结构，顺便推荐一些不错的书供你参考。简单来说，初期学习中好老师的带领，优质资源的接触是很重要的，可以避免走弯路或是习得不好的编程习惯，学过设计的人就会明白多看大师的作品有利于提高审美，简言之‘熏’。所以建议你边做边学，找到懂这些知识的朋友多请教。第一个教我Javascript的老师其实自己基础也不好，有一次我拿他的课程案例的代码问一个编程高手，人家直接就说：‘这个人的代码很乱。’ 我当时就尴尬了。但是好在第一次学JAVASCRIPT，我也没听进去什么东西，快毕业的时候才突然悟到JAVASCRIPT的妙趣！这个时候的我虽然觉得编程有难度，但同时又非常有兴趣，所以研究生开学以前的暑假我又找到一个编程培训班上课(2个月)，这一次感觉终于得到了一些要领，可以作为新手独自上路了，接下来我就以网络课程为主，继续自学。去年寒假帮学校做了一个视觉可视的小项目，学有所成赚点零用还是很开心的！

**************************

目标明确，各个击破

**************************

你所列举的几个知识正好是一个基本的网页应用所需要用到的。所以学习这些知识的目标是 做一个网页应用案例，实现数据在客户端, 服务器端和数据库之间的传送。各个击破这个案例中所需要的知识点：用HTML编写互动式表单 form(表单超级重要！本质上是客户端获取数据input的窗口)

编写服务器端脚本(PHP)接收客户端互动式表格录入的数据

用JAVASCRIPT的基础知识 variables, functions, loops, conditionals, arrays 实现对数据的操控

在MySQL数据库中建立表格，用PHPMyAdmin这样的数据库管理系统管理数据

用数据库语言SQL完成数据库的创建、删除，取回或者修改其中的数据

用HTML 多种方式地呈现数据

用CSS美化客户端界面

这几个知识是可以同时展开的，但是为了避免初期学习压力太大可以按照常规的顺序 —> HTML, JAVASCRIPT, PHP, MYSQL ；CSS可以和HTML一起学，因为CSS增添视觉变化，让你更有学习乐趣；同时展开阅读这些知识在脑中形成一个框架，然后通过案例编写各个击破！

*******************************

优质资源传送带，哇咔咔

*******************************

这本书是最清晰明了的， 图文对照，颜色排版非常好， 我一个星期就看完了前5章，简直上瘾。这本书里的例子全部可以从作者网站上下载，你可以下载原案例参考，修改，练习。我当时直接把书裁成几个章节，随身携带一个章节，随时拿出来看很方便。这本书里面的网页设计很美，赏心悦目，让人有一种快点学会的欲望。

这本书沿袭HTML和CSS系列的编排风格，清楚明白，而且原书案例的网页设计很美，无形中提高自己的设计审美，我自己很喜欢。缺点是，做这些书的时候还是Javascript ES5写法， 但是Javascript已经进化到ES8了，ES6,7,8 有很多新的写法，概念，建议从未接触过Javascript的初学者直接从ES6学习。

这本书原版书名是 “Javascript the good part” 这好像在暗示Javascript有好的地方也有坏的地方，呵呵呵 ，估计大家入门以后就知道要怎么吐槽Javascript了。这本书是Javascrip这门语言的编写者之一撰写的，你说重不重要呢？这也是我的老师极力推荐的书。这本书解释了很多基本概念背后的原理和设计者的思考，想要深入理解Javascript这门语言精粹的开发者不可错过。

亚马逊上有，但是好像翻译的原因而得到差评。怎么说呢，翻译不好的话初学者肯定理解不了，但是我在初期学习的时候，老师都会丢一个这本书的章节链接作为课程预习必读，所以希望大家不要低估本书的价值。这本书比较适合初学者，作者的讲解清晰明了，不会一下子把所有东西都甩给你，搞得你晕头转向。我觉得对于初学者来说，最重要的是快速理解然后投入实际操作中，最好不要执迷于一下子搞清楚所有原理。实际编写可以让你更快地适应写代码的环境，小口小口吃掉一个一个的基本点，随着编写代码复杂程度的增加，你自然会碰到概念上的难点，你会发现你第一次接触Javascript的时候的理解是不全面的，这个时候再去请教懂的人，学习效率更高！

我有机会学了一下RUBY, 虽然并没有非常深入地练习做项目，但是也路遇一本很好的书，推荐推荐！翻译的书全看翻译水平如何，我看的英文版本写的很好，这本书也是厉害的RUBY开发者极力推荐给我的, 他说这是经典之作。这本书目的不在于教你怎么写RUBY，而是用RUBY写法解释 OBJECT-ORIENTED面向对象程序设计这种计算机编程架构思维。我觉得开发者都可以读一读，可以增强自己的逻辑思维。

##网络课程学习部分，全部是英文课程，可能需要翻。。。我只能说代码本来就是英文，学好英文，你可以接触到更丰富优质的学习资源，你自己决定怎么办吧。。。

我初级阶段参考的是Code Academy的课程，这个学习网站，很适合各个击破知识点，或者是复习梳理。没什么高大上，就是很容易上手。

至于CSS，推荐一个非常好(非常非常好)的网站 CSS-TRICK. 这个网站原本是一个分享CSS巧妙写法的博客，现在也算CSS领域最热门最专业的知识分享网站。文章浅显易懂，内嵌代码编辑器解释案例，读者可以自己修改代码，点击看到变化！非常非常非常好用。

质量很高的一个网络自学课程，课程设置非常系统，内容编排是为了进入这个行业的初学者而设计的，完成了课程的学生还可以通过平台参与到实际商业案例编程过程中去，主要是一些NGO的项目。

可以作为一本学习字典，当你有问题的时候可以搜索解释，看一眼例子，熟悉使用方法。可是纯粹看字典非常枯燥，知识点也没有很有机的结合起来，只见树木不见森林，初学者很容易迷惘！所以还是建议通过看书，跟着完整的案例学习