前端如何入门?分享入门经验 前端实用技巧

忘记是什么时候开始选择了前端，进入了程序猿的步伐，天真的以为大学毕业后会走向人生巅峰，出任CEO，迎娶白富美，可惜事与愿违啊，大学生活除了装比什么都没学到，只能安慰自己受伤的小心肝，开始自己慢慢摸索，走了不少弯路，但是不后悔，因为这些弯路告诉了我，想要获得好的生活，就必须比别人更努力。

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考。

入门可以通过啃书，但书本上的东西很多都已经过时了，在啃书的同时，也要持续关注技术的新动态。这里推几本我觉着不错的书：

• 《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看

• 《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助

• 《编写可维护的JavaScript》

• 《JavaScript DOM编程艺术》学习JavaScript和DOM开发的必读之作。

• 《Node.js开发指南》：不错的Nodejs入门书籍

• 《深入浅出Node.js》：Nodejs进阶书籍，必备

• 《JavaScript异步编程》：理解JS异步的编程理念

• 《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，将开发思维转变到JavaScript，非常好的书

• 《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西

• 《Don`t make me think》：网页设计的理念，了解用户行为，非常不错

• 《CSS禅意花园》：经久不衰的一部著作，同样传递了网页设计中的理念以及设计中需要注意的问题

• 《高性能JavaScript》和《高性能HTML5》：强调性能的书，其中不只是性能优化，还有很多原理层面的东西值得学习

• 《HTML5 Canvas核心技术》：我正在读的一本书，对于canvas的使用，动画的实现，以及动画框架的开发都非常有帮助

• 《HTTP权威指南》：HTTP协议相关必备，前端开发调试的时候也会经常涉及到其中的知识

• 《响应式Web设计》：技术本身不难，重要的是响应式网页的设计理念，以及移动先行的思想

• 《JavaScript语言精粹》：老道的书，也是普及JavaScript的开发思维的一本好书，非常适合入门

  必备基础技能,以下是个人觉得入门阶段应该熟练掌握的基础技能
  

• 1) HTML4，HTML5语法、标签、语义

• 2) CSS2.1，CSS3规范，与HTML结合实现各种布局、效果

• 3) Ecma-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能

• 4) 一个成熟的客户端javascript库，推荐jquery

• 5) 一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP，能实现简单登陆注册功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟，

• 6) HTTP

学习方法

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

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

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

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

5) 善用搜索引擎

以上，希望能给大家有所帮助。