1、第一阶段——HTML的学习。超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。
2、第二个阶段——CSS的学习。CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
3、第三个阶段——JavaScript的学习。JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。
4、第四个阶段——jQUery的学习。jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。
5、第五个阶段是Bootstrap。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
第一种是如果题主是从事PC端开发的话只要一台电脑就可以。因为只要在电脑上安装好WebStorm等这些开发工具就能开发出一套系统。
第二种是如果题主从事的是移动端的开发，那么除了电脑以外还需要不同类型的手机，比如iPhone和各种安卓手机。因为移动端开发需要适配不同的手机类型来进行调试。
入门级：《JavaScriptdom编程艺术》、《JavaScript权威指南》
初级开发：《javascript高级程序设计》(第二版)、《高性能JavaScript》、《JavaScript语言精粹》
中级开发：《JavaScriptDOM高级程序设计》、《JavaScript设计模式》、《高性能网站建设指南》、《高性能网站建设进阶指南》
学web需要掌握以下技能：
会点设计，不要求精湛，能够简单处理图片;
·精通HTML+CSS，并能快速处理各浏览器兼容问题;
·熟练掌握Javascript或Actionscript，精通加分;
·熟练使用JS框架，如jQuery/YUI等，并解读过源码，熟练多框架加分;
·精通开发调试工具，如Firebug等;
·代码语义化，懂优化，压缩和反压缩;
·了解服务器方面基本知识;
·熟练掌握一门后端语言，如PHP/ASP.NET等，绝对加分项;
·有自己的网站(看对网站所有东西的把握);