（1）HTML标签。
（2）CSS层叠样式表。
（3）利用HTML与CSS制作一些静态页面。
（4）了解Web标准，什么样的CSS才最标准。
（5）熟悉以上之后，对网页布局有一些了解后，可以开始学习Javascript。
（6）熟悉Javascript语法，DOM，学会如何用Javascript去操控HTML和CSS以实现前端动态。
（7）Javascript熟悉之后可以了解Javascript框架，如JQuery等。
（8）前端了解后可以开始学习后台语言，如PHP，ASP，ASP.NET，JSP等，以了解Ajax交互过程和原理。
（9）学习JSON、XML通信格式，学习Javascript如何与后台紧密结合，才能做出更好的用户体验。
（10）深入了解Javascript，对于前端开发，对Javascript原型链作用域，设计模式等都做深入研究。多参考成功的OOP设计模式，多研究框架源码，如JQuery、Prototype、Ext等。
（11）深入了解浏览器原理，知道浏览器解析DOM、样式和JS的引擎方式和大概过程。
原文：http://www.cnblogs.com/MiniHouse/p/3622529.html