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上的热门开源项目。

6、实战

技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。

1、一定要重视基础

首先建立第一条技能线：就是前端由html，css，js组成;然后将其细化为第二条线，html是由html4和html5组成;第三条线，css由css2和css3组成;第四条线，js由es5和es6构成。

接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。

再往下延伸一层：html、css方向，有前端构建工具;js除了jq库之外，还有更全面的前端框架，react、angular、vue。

再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react-router等做为补充。

再往下：就需要打包发布工具，Webpack。。。

这些都是一个合格的前端工程师应该具备的能力。

2、学习要有深度和广度

以下都是或多或少要掌握的内容：

§ Web页面制作基础，掌握传统PC端网页布局和制作

§ UI网站设计，掌握页面设计和原型图设计

§ 编程基础技术，利用js完成一些常见网页的特效开发

§ 后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端;

§ 移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容

前端是丰富多彩的，你可以融入其中，但不能只停留在这一块领域，你想要更好的发展，你必须多元化发展，比如做一个会JAVA后台的前端，做一个偏UI的前端，做一个很懂技术的产品经理，这些都将是你的优势，很多企业其实并不需要你会很高深的技术，很多项目其实也用不上多少高深的技术，很多时候，你能实现需求，能做出用户体验好的产品，能再特殊的阶段兼任某个岗位，能做一些别人做不了的事情，你的存在就更有价值!总之在技术上要抓住一个重点，也要发散自己的技术点，走更宽的路，同时技术人也要注重情商的提高。

3、一定要探索好的学习方式并持之以恒

现在前端开发已经不是学个css和js就可以上手的时代了。而许多同学却只会点Js，更多的人连Js基础都没有掌握，这样只想靠假简历上位，怎么可能呢?

在技术领域，有太多的东西会迅速的过时，如何能够在这个领域长期处于不败之地，那就一定要有好的学习方式并持之以恒，锻炼自己的学习能力不断的吸收新知识，突破自己，要记得，技术永远没有上限。

我们学习任何一门技术都得先从企业需求的角度来分析，到底这个市场需要怎样的前端开发人才，这样才有让我们这些开发从业者有机会去思考满足需求这个问题，进而才能正确地确立一个可行的职业发展方向，最后达到自己想要的目标。