黑马程序员技术交流社区

标题: 【sz】老司机带你如何自学前端开发？ [打印本页]

作者: chengjiayu 时间: 2019-9-29 09:33
标题: 【sz】老司机带你如何自学前端开发？

前端开发在许多人眼里是一个入门门槛小，简单易学会的一门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 面向对象技术，它真正强大之处在于能够创建自己专用的类和对象，是一门比较复杂的技术。

当以上五条都有所涉猎后，剩下的就不需要别人进行引导了，到那时候你自己就知道你需要学习进阶哪方面的技能。当然，那时已经成为一名前端工程师，已然处于高薪工作中。

以上便是小编介绍的自学前端的步骤和需要学习的前端知识，是不是非常庞杂？是不是很有难度？所以说自学需谨慎，找一个能带着你学的老师才是王道。

作者: chengjiayu 时间: 2019-10-7 10:12
奇迹是努力的另一个名字，生活不会辜负努力奋斗的人。

作者: 25个蛋 时间: 2019-10-8 16:00
优秀的人不是天生卓越，而是对自己负责。

作者: 飞飞飞儿 时间: 2019-10-8 16:49
人的一生就像一篇文章，只有经过多次精心修改，才能不断完善。

作者: 陈么么 时间: 2019-10-8 17:36

从绝望中寻找希望，人生终将辉煌。

作者: 流浪的猫~ 时间: 2019-10-8 17:53
奇迹是努力的另一个名字，生活不会辜负努力奋斗的人。

作者: DarkHorse0 时间: 2019-10-8 18:25
这世界并不存在什么感同身受，脆弱的人才会四处游说自己的不幸，坚强的人只会不动声色的成长。

作者: DarkHorse0 时间: 2019-10-8 18:26
这世界并不存在什么感同身受，脆弱的人才会四处游说自己的不幸，坚强的人只会不动声色的成长。

作者: DarkHorse0 时间: 2019-10-8 18:27
尝尽人间百味的人生才更加生动。

作者: pakho-chou 时间: 2019-10-8 18:37
每次整装待发的重新开始，都为时不晚。

作者: 1079591475 时间: 2019-10-8 18:49
所有人都在努力，并不是只有你才满腹委屈。

作者: 李大哥 时间: 2019-10-8 18:54
如果事与愿违，请一定相信是上天另有安排。

作者: 娟呀 时间: 2019-10-8 19:16
没关系，天空越黑，星星越亮。

作者: 李大哥 时间: 2019-10-8 19:18
要把温柔和可爱藏起来留给值得的人。

作者: 简单77777 时间: 2019-10-8 20:03
把平凡的事做好，就是不平凡，把简单的事做好，就是不简单。

作者: 情非得已。 时间: 2019-10-10 13:11
每一棵大树的成长都要接受阳光，也包括风雨。

作者: 哎哟琪呀 时间: 2019-10-10 13:48
努力！奋斗！拼搏！

作者: 398580721 时间: 2019-10-10 15:49
加油加油啦

作者: 卡哇伊伊 时间: 2019-10-10 18:29
没有人会为你的贫穷负责！却有人为你的富有而喝彩！天道酬勤，地道酬善！时间不会辜负你的努力。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2