前端菜鸟是这样入门学习web前端的，请点进来！

如今从事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部分，这种问题彻底能够把一我的摧毁！因此 我一直对个人学生强调：有问题必定要去问，去解决，千万不要不懂装懂，弄明白了再往下走，人的心理是很脆弱的，一旦倒了可能就再也站不起来了。敬告各位新入行的同窗，除非你以前有过编程经验，否则就找个引路人指导你。

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、在现在前端开发竞争这么激烈的时代，千万不要着急去找工做，尤为是不可相信那种速成四个月培训，而后去找工做的，你们不妨想一下，五年的速成和五年后的速成，找工做的性质能同样？五年的差距，最后还用同一个方法速成，你以为工做好找吗？

2、如今的前端不是以前的网页制做，如今的前端更加高端，新手学习前端必须有一个学习规划，有一套系统的学习方案，这个方案的学习时间最好是半年，天天应该学习什么，内心应该有数，每一个知识点应该作什么案例，并且要天天坚持学，一天都不能够停，一旦停了就不想学习了，因此说如今学习前端不是智商的问题，看谁能够慢慢的挺过去，韧性强。

3、要有人去指导，其实这个我好像谈了无数次，如今一个新手想要所有经过本身学习前端，而且找到工做，首先这种可能性很是的小，若是谁能单凭本身一我的的力量自学前端找到工做，那么这我的必定是一我的才，可是这种人只有1%，因此必定要有一个能够帮你解决小问题的人，否则会走不少弯路，得不偿失。

若是你们对于学习前端有任何问题，学习方法，学习路线，如何学习有效率的问题，能够随时来咨询我，或者缺乏系统学习资料的，我作这行年头比较久，自认为仍是比较有经验的，能够帮助你们提出建设性建议，603985993这是个人web前端交流qun，有任何问题能够随时来咨询我。