前端菜鸟如何入门前端 需要学习哪些内容

前端菜鸟如何入门前端 需要学习哪些内容
  现在从事IT方向的人有很多。由于Web前端薪资水平高,职业前景广阔,岗位缺口大,就业口径宽,想通过学习Web前端开发从而进入到该行业工作的人越来越多。当然也有很多人在犹豫不知道web前端开发都学哪些内容?零基础的可以学会吗?好不好学。
 
  前端涉及到的东西太多了,自己也很浮躁,看了挺多书,可是代码缺敲得却不多。技术菜,又什么都想学,比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架,还是深入学习html5+css3?
 
  在我看来前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。
 
  总之就是专心对付最重要的东西,那些什么less、sass、angular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。最后我觉得最难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜,没项目应该多造一些有价值的轮子。
 
  怎么零基础学习web前端。
 
  1.先说一下学习完web前端之后能干什么
 
  学完web前端之后你可以开发网页,做h5动画,做手机端app,可以做自己的博客网站,可以做微信公众号开发,可以开发小程序,可以结合nwjs做电脑客户端软件:比如微信的pc版,钉钉的pc版 都是web前端来做的
 
  2.怎么开始学习
 
  两条路:自学或者找培训班,这块我们一点就过,我主要讲下怎么去自学。
 
  对于自学最直接的方式就是看视频学习,可以是在线视频
 
  视频找好了之后,如果你不想中途放弃,或者,浪费太多时间又没效果的话。就找找一个引路人,引路人当然是能力越强越好,找引路人的目的在于为你制定学习计划,把控学习质量,及时纠正错误的学习方向,教你正确的学习方式。给你做心理辅导。为你及时打气持续性补充你的信心。
 
  我之前接触和辅导过很多自学的学生,有成功的也有放弃的,放弃的那些同学基本都是输在错误的学习思路和心理迷茫期。听他们抱怨说:没有人去指导他们,每天学完就学完了,第二天接着学,但是东西太乱都串不起来,也都不知道是干嘛用的,尤其是js部分,这种问题完全可以把一个人摧毁!所以 我一直对我的学生强调:有问题一定要去问,去解决,千万不要不懂装懂,弄明白了再往下走,人的心理是很脆弱的,一旦倒了可能就再也站不起来了。敬告各位新入行的同学,除非你之前有过编程经验,不然就找个引路人指导你。
 
  如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,可以随时来咨询我,或者缺少系统学习资料的,我做这行年头比较久,自认为还是比较有经验的,可以帮助大家提出建设性建议,603985993这是我的web前端交流qun,有任何问题可以随时来咨询我。
 
  3.列一个学习大纲
 
  01.环境搭建
 
  前端环境很好搭建,一个开发工具即可,webstorm,hbuilder,vscode,sublime。初学者建议sublime 也不要装插件,没有语法提示,可以打基础
 
  02.html基础
 
  带你去认识html,让你学习去运行html,等浏览器上面打开你的页面的时候,你会有很强的成就感,然后开始学习html的基础标签
 
  03.css基础
 
  html是勾勒,css是染色,基础的css学完你会有种想写页面的冲动,这时候你不用抑制住那种感觉,直接按照自己所想开写,这是你的第一个项目
 
  04,js基础
 
  js是页面的逻辑,作为一个web前端工程师,js是很核心的部分,也是很难的部分。js的学习之后放长一些,尤其是前一周,要让自己去熟悉那种语法环境,培养自己的开发思路,而且有一点就是学完一个星期的知识之后,及时和你的指引人沟通,看卡自己的理解是否有误,还有就是学习思路是否有问题,他会给你指出那些东西需要多学习,哪些不常用,还有就是给你点一下你学的这些在项目中会是怎么去应用,理论联系实际是最好的学习方式。
 
  05.纯ja操作dom和jquery
 
  这阶段要知道怎么去用js来更改页面的元素,怎么去写dom事件,经过一番联系后,再引入jquery,不要本末倒置,有个同学学完jquery之后说发誓以后再不用原生js操作dom!然后被我狠狠骂了一顿
 
  06,开始你的ui框架之旅
 
  这个阶段我推荐从bootstrap开始,这个框架很经典,响应式的珊格系统被后来框架一直沿用,在我线下教学的那几年,我都会带着学生一起看bootstrap的源码,让他们学会这种设计思想,因为之后对他们太有用了,当时他们很痛苦,现在他们说起来觉得很受益,如果可以,你也要去看看源码,先学会去定制bootstrap,公司注重二次开发,定制 bootstrap正好可以练手。
 
  07.开始深入css3
 
  基础学完css3要提上日程,这时你会看到不一样的世界
 
  08.深入js
 
  这阶段你就要去解读原型链,原型替换,this指向,es6,es7的新语法,
 
  09.学一套主流mv*框架
 
  vue,react,angular2选一种,
 
  我建议从vue开始,react的jsx语法不适合你入门去学习,angular2的typescript语法糖难度也比较高,vue学起来平滑些,结合vue,学一下vue-router,vuex,element ui,axios,webpack。做个项目玩一下这个全家桶
 
  10.升级后台语言nodejs
 
  这个不作要求,你在学vue的时候其实已经在用nodejs了,你用的npm就是nodejs的一部分,这个阶段说的是nodejs编程,比较难理解,毕竟是写服务器的东西,不过前面基础打牢固,让别人一点拨就能上手,技术不难,难在思路转换。
 
  3.总结做项目
 
  两个项目,
 
  一个是侧重于css特效方面的,要求就是非常酷,帅到没朋友
 
  第二个项目侧重逻辑处理,用来升华你的逻辑能力
 
  这两个项目可以从网上搜几个网站来模仿,之前我的学生有做过:苹果官网,魅族官网,花瓣网,网易云音乐,在行等很多网站,做的也很不错。
 
  4.面试技巧培养阶段
 
  这个阶段要培养下公司项目的具体流程以及面试技巧的培养,面试回答思路,如果有同学想多了解这方面,我很乐意给大家讲解
 
  因为现在web前端这个职业非常火,这个不是最重要,重要的在五年之后,web前端发展前景是势不可挡的。但是我现在看到的问题是,大家看到web前端这个职业发展非常好,未来前景也是非常好,挣钱也是非常多,但是大家都忽略了一个东西,既然是这么好的职业,那么它一定没有那么容易让你胜任这个工作,我们都知道现在前端的竞争非常大,而这种竞争是在新手之中的竞争,在初级工程师、中级工程师、高级工程师是没有竞争的,很多人眼红前端工程师工资这么高,自己也想这样去拿高薪,但是大家不知道当初这些人在学习前端的时候是怎么学习的,才有今天,为了避免大家有这样错误的思想,我给大家下面几个建议:
 
  一、在如今前端开发竞争这么激烈的时代,千万不要着急去找工作,尤其是不可相信那种速成四个月培训,然后去找工作的,大家不妨想一下,五年的速成和五年后的速成,找工作的性质能一样?五年的差距,最后还用同一个方法速成,你觉得工作好找吗?
 
  二、现在的前端不是之前的网页制作,现在的前端更加高端,新手学习前端必须有一个学习规划,有一套系统的学习方案,这个方案的学习时间最好是半年,每天应该学习什么,心里应该有数,每个知识点应该做什么案例,而且要每天坚持学,一天都不可以停,一旦停了就不想学习了,所以说现在学习前端不是智商的问题,看谁可以慢慢的挺过去,韧性强。
 
  三、要有人去指导,其实这个我好像谈了无数次,现在一个新手想要全部通过自己学习前端,并且找到工作,首先这种可能性非常的小,如果谁能单凭自己一个人的力量自学前端找到工作,那么这个人一定是一个人才,但是这种人只有1%,所以一定要有一个可以帮你解决小问题的人,不然会走很多弯路,得不偿失。

推荐阅读