基本开发工具

　　恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并解决问题，以下是个人觉得必备的前端开发工具：

　　文本编辑器：推荐Sublime Text，支持各种插件、主题、设置，使用方便

　　浏览器：推荐Google Chrome，更新快，对前端各种标准提供了非常好的支持

　　调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等

　　辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的到的Chrome develop tools，

　　翻墙工具：lantern, 壁虎漫步

　　学习方法和学习目标

　　方法：

　　入门阶段反复阅读经典书籍的中文版，书籍中的每一个例子都动手实现并在浏览器中查看效果

　　在具备一定基础之后可以上网搜各种教程、demo，了解各种功能的实际用法和常见功能的实现方法

　　阅读HTML，CSS，Javascript标准全面完善知识点

　　阅读前端牛人的博客、文章提升对知识的理解

　　善用搜索引擎

　　目标：

　　熟记前面知识点部分的重要概念，结合学习经历得到自己的理解

　　熟悉常见功能的实现方法，如常见CSS布局，Tab控件等。

　　入门之路

　　以下是入门阶段不错的书籍和资料

　　HTML先看《HTML & CSS: Design and Build Websites》1-9章，然后《HTML5: The Missing Manual》1-4章。

　　CSS先看《CSS: The Missing Manual》，然后《CSS权威指南》

　　javascript先看《javascript高级程序设计》，然后《javascript权威指南》

　　HTTP看HTTP权威指南

　　在整个学习过程中HTML CSS JavaScript会有很多地方需要互相结合，实际工作中也是这样，一个简单的功能模块都需要三者结合才能实现。

　　动手是学习的重要组成部分，书籍重点讲解知识点，例子可能不是很充足，这就需要利用搜索引擎寻找一些简单教程，照着教程实现功能。以下是一些比较好的教程网址