学会Web前端只需4步！

众所周知，网站开发分为两个部分。前端(客户端)和 后端(服务器端)。前端在这里泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。学习前端需要掌握HTML、CSS、jquery框架、浏览器兼容性调试、W3C规范等等。这么多必须要掌握的知识该如何学习呢?

一起来看看，如何通过4步，就学会Web前端

一：基础语言阶段(html + css)

1、HTML，是英文HyperText Mark-up Language的缩写。

意为“超文本链接标示语言”。这种语言是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。

2、CSS 指层叠样式表，英文缩写为Cascading Style Sheets。

CSS可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。

二：调试浏览器的兼容性

一般情况下，学习完第一步，就可以自己书写Web前端页面了。但是现在市面上已经有很多种浏览器，每种浏览器内核不同，其对HTML标签与CSS的解析规范也不同。使一串代码可能在不同的浏览器中显示为不同的样子，从而引起某些浏览器页面文档布局混乱。

为了避免这种情况的发生，让我们书写的页面可以在所有内核的浏览器中正常运行，我们需要掌握这些浏览内核解析规范的一些特性，寻找正确的代码书写模式，从而让自己编写的web页面能够横跨所有平台。也就是所谓的浏览器兼容性调试阶段。

三：Javascript

Javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建cookies等等，现在各大网站都可以看见Javascript的踪影。例如最常见的网站首页提示框、页面动画效果等等。

四：通过XML、JSON获取数据

通过第三步学习后，可以知道Javascript能够通过XML，JSON获取数据，然后将这些数据实时插入到页面缓存中。

通过这四个阶段的学习，你完全可以自己书写Web前端页面了。但会写和写的很好，还是有区别的，一定要继续学习。