HTML、CSS、JavaScript的学习顺序应该是什么？

最先需要学习的是 HTML，HTML 是开发设计网页页面最基础的语言表达，CSS 和JavaScript 的使用是根据 HTML 的，因此务必先学习培训 HTML，将网页页面的基本上框架搭建下去，在使用 CSS 开展装饰。学习培训 HTML 以后，在开展 CSS 的学习培训，或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房，那样 CSS 便是对它开展室内装修。

CSS 是用于变更款式设计方案的，装饰网址，提高客户体验度。最终学习培训 JavaScript。JavaScript 用于界定网页页面的个人行为，提高网页页面的互动性。在我们将一个房屋装修完成后，就必须考虑到其程序模块，也就是想让它完成哪种实际 *** 作。HTML、CSS、JavaScript 三门语言表达的学习培训并没分为很清楚的主谓层级，完全可以交叉学习培训，提升印像，且可以让你更快的知道源代码的应用。

但是需要注意的是，大家学习时必须从最基础的英语的语法标识开始学习，循序渐进，提高学习效率。如果只是做一个静止的网页页面，上边的是彻底足够了，可是假如想要做动态性的，这个时候就要逐渐学习php了。 新手入门php相比于JS会更不便一些, 由于运作php必须有许多关键点要解决, 因此一本好的入门书籍是非常重要的, 这一w3school上面的php帮不上什么忙了。

入掌握JavaScript：因为你是想倾向于前端工程师，因此务必深入了解JavaScript，对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式，多研究框架源代码：如jQuery、prototyp、Ext等，都会有非常好的研究价值。

一、基础不同

1、JS代码：基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

2、html代码：是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

二、用处不同

1、JS代码：用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

2、html代码：结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

三、特点不同

1、JS代码：主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

2、html代码：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

参考资料来源：百度百科-JS脚本

参考资料来源：百度百科-html代码

工具/原料

chrome浏览器   Mozilla firefox   电脑

方法/步骤

1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for (var i=0i<10i++){alert(i)}调试截图如下：

4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。

---