第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
第三，必须学会运用各种工具进行辅助开发。
第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
一定要重视基础，首先建立第一条技能线：就是前端由html，css，js组成；然后将其细化为第二条线，html是由html4和html5组成；第三条线，css由css2和css3组成；第四条线，js由es5和es6构成。接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。再往下就不磨叽了，有免费课程可以听一下：http://19.offcn.com/class-101313/?scode=HZLOFZ
通常，web后端的难度更大一些。
所以大部分公司的人员配置也是后端多于前端。前端的难度在于知识体系的琐碎和技术的频繁更新换代，需要有学习能力、有积累经验的意识。
后端的难度（个人觉得）在于数据库和架构，有时候还有算法相关的内容，入门也挺容易的，但是做大了之后就需要考虑很多东西，设计模式、缓存、分布式、服务化......很多后端还要兼任DBA和运维。
前端开发的入门门槛其实非常低，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
1. 首先要了解什么是WEB前端。web前端就是web给用户展示的东西，这里面可能包含了设计，特效，用户交互等等，现在对于从业人员通常叫法是：前端美工，前端开发，前端架构三个最基本级别。主要职责是利各种Web技术进行客户端产品的开发，致力于通过技术改善用户体验。
2. 第二步就是要了解WEB前端要学什么。一名优秀的WEB前端工程师，需要精通各种Web前端技术，包括HTML，JavaScript，JQuery，AJAX，CSS，熟练掌握JavaScript;熟悉各种浏览器兼容性调整;深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验;熟悉主流的数据库MySQL的日常使用及管理等等。
3. 对于零基础的朋友来讲，最好的学习方式就是参加专业的WEB前端培训，比如到优就业培训。只要你用心学，然后再有专业老师的指导的话，学成不难。