零基础入门web前端的初学者！你们想知道关于web前端的知识全在这

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

互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。

学习任何知识最重要的是兴趣。如果你不喜欢一段时间的学习，强迫自己学习可能会很痛苦。效果不太好。毕竟，这很可能是一种可以存活多年的技能。然而，随着互联网产业的发展，前端是web开发人员需要学习的知识。有时候，没有专业的前端工程师一起工作，所以即使我们没有做一个专门的前端工程师，我们也会掌握前端的基本技能，给我们的工作带来方便。

必备基础技能

在给大家分享零基础入门web前端的初学者！你们想知道关于web前端的知识全在这 的时候，小编推荐大家加一下这个前端裙：五七五五四六九零三！邀请码（阿岐） 大家遇到啥问题都会在里面交流！是个非常好的学习交流地方！也有程序员大神给大家热心解答各种问题！很快满员了。欲进从速哦！等大家加入前端学习交流基地哦！

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

HTML4，HTML5语法、标签、语义

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

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

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

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

HTTP

在掌握以上基础技能之后，工作中遇到需要的技术也能快速学习。

基本开发工具

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

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

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

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

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

翻墙工具：lantern, 壁虎漫步

学习的目标：（需要学习这些的系统学习路线可以+上方qun，会有专门的人来发给你的哦）

前端的路，一步一步来

[路漫漫其修远兮，吾将上下而求索]