前端开发在许多人眼里是一个入门门槛小，简单易学会的一门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中的media query技术实现的，所以media query技术也是必学的。
学到这一步，一般的开发任务基本都能轻松解决，基本满足H5移动端前端开发工程师和初级前端工程师的岗位需求了。
4、前端高级课程学习
上面的这些都是前端开发的基础，如果需要成为月薪上万，行业抢手的前端工程师，这些是不够的。还需学习ECMAScript 6、web 界面的渐进式框架vue.js、自动化构建工具Gulp、平台node.js、微信端开发等。直到能够用框架开发WEB应用，月薪上万也就稳了，妥妥的中级前端工程师。
5、js的编程思想和面向对象
编程思想，其实就是事项一个事物的自己的想法，将自己的想法编写成代码。就是编码思想了。这就需要大量的实践，当在写小功能得心应手而组织工程代码有点费劲的时候，自然就会认真考虑了。js的面向对象指的是ECMAScript 面向对象技术，它真正强大之处在于能够创建自己专用的类和对象，是一门比较复杂的技术。
当以上五条都有所涉猎后，剩下的就不需要别人进行引导了，到那时候你自己就知道你需要学习进阶哪方面的技能。当然，那时已经成为一名前端工程师，已然处于高薪工作中。
以上便是小编介绍的自学前端的步骤和需要学习的前端知识，是不是非常庞杂？是不是很有难度？所以说自学需谨慎，找一个能带着你学的老师才是王道。
|
|
收藏
淘帖
踩
