前端开发在许多人眼里是一个入门门槛小，简单易学会的一门IT技术。前端开发岗位的高薪酬也吸引了一大批人开始学习前端，其中大部分选择了自学。但前端的知识体系庞杂又松散，技术演进快，如果摸不清脉络的话很容易陷入盲人摸象的困境甚至跑偏。这就需要掌握正确的学习方法，才有可能学习前端和学好前端开发。
1、准备和基础的学习开始的时候做一些基础工作还是必要的，比如选一个自己喜欢的编辑器啊，比如科学上网，高效的使用搜索引擎，markdon语法，PS切图等，这些东西都可以大幅度提升你的学习效率或编程的幸福感，所谓磨刀不误砍柴功。接下来你就可以开始学习基础知识啦。HTML，CSS，Javascript这三样真的很重要，真的很重要，真的很重要，重要的事情说三遍！HTML写出基础页面，CSS将HTML静态页面从黑白色过渡到五颜六色，然后javascript可以让枯燥的静态文字变成可以交互的内容。
初学时不用去管那些花里胡哨的框架，一定要把基础打好。框架再怎么更新迭代，最基础的东西还是这三样，只要你能掌握好基础，就等于拿到了打开前端世界的钥匙。2、进阶学习掌握了HTML+CSS+JavaScript后，成功打开了前端的大门。接下来就是进阶部分，从js进阶到jquery-，jQuery就是javascript的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，同时极大地简化了JavaScript编程。然后再到angular-一种更加灵活、强大的数据绑定、html扩展的js库；然后到ajax、json、xml，可以和后台进行协同开发的技能。学会这些东西之后，就能掌握原生JS和jQuery完成时下流行的各种PC端网页特效、前后端交互，在通往前端的路上往前迈上了坚实的一大步。
3、移动端web开发学习移动互联网时代，自然得学移动端web开发。就得学习HTML5+CSS3特性了，需学习的HTML5的标签、属性、表单、事件、视频/音频、画布等，CSS3中的边框背景、2D/3D转换、过度、动画、多列、字体、文本效果、用户界面等。常用移动端框架：纯JS库的推荐zepto.js，CSS3中的学习bootstrap或fundation5（推荐学习bootstrap，bootstrap拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的）。移动端web开发当然离不开响应式布局，响应式布局则是通过CSS3中的mediaquery技术实现的，所以mediaquery技术也是必学的。学到这一步，一般的开发任务基本都能轻松解决，基本满足H5移动端前端开发工程师和初级前端工程师的岗位需求了。
4、前端高级课程学习上面的这些都是前端开发的基础，如果需要成为月薪上万，行业抢手的前端工程师，这些是不够的。还需学习ECMAScript6、web界面的渐进式框架vue.js、自动化构建工具Gulp、平台node.js、