前端新手教程！如何快速入门web前端

最近收到一些的私信问我，自己想要学习前端，该如何学习？学习到什么程度才可以工作？我进入这个行业已经十一年了，面试过不少人，在企业里也带过不少新人和应届生。所以这篇文章我想分享一些初学者应该怎么学web，怎么入门的个人经验。

心态和个人的一些学习方法

先说心态问题，经常看到网上很多说前端容易，所以想来学习的。其实，目前随着前后端分离，前端也逐渐趋向工程化，并不是嵌套在后端项目中写写htmlcss就可以的了，需要学习的东西也越来越多。所以希望大家能保持一直学习的心态和对前端的兴趣，在入门阶段最重要的就是努力，即使是最简单的代码也多敲多练习。

学习方法方面，我想和大家分享一下费曼学习法，希望可以提高大家的学习效率，目前我学习新知识，也在用这套方法。简单说，费曼学习法就4个步骤。

1. 概念：在确定了自己学习的主题后，去了解它的基本概念，尽量熟读并背诵，一个知识的官方概念，可以说是对它最简洁最严谨的总结。

2. 教给别人：把这个概念用自己的逻辑和话术讲出来或者写下来

3. 回顾：回顾自己的逻辑是否通顺，如果不通顺再去搞清楚哪里出了问题，重新整理自己的逻辑，直到整个逻辑清晰

4. 简化：到了第四步可以说自己对这个知识的逻辑已经很清晰了，此时要做的是，把自己的逻辑用最简单的话讲出来，去除所有的专有名词，即使8岁的小孩也能听懂的程度。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

前端学习路线

第一部分 HTML

这个阶段最主要的就是练习。用最快的时间把所有的HTML标签都上手敲一遍，不需要强制记忆，但一定要认认真真敲上一到两遍。

这部分推荐两个网站：

1、w3school

2、菜鸟教程

第二部分 CSS

CSS为层叠样式表(英文全称：Cascading Style Sheets)，主要用于修饰静态网页，如文字大小，颜色等。

这部学习方法呢，建议先跟着教程里代码手敲一遍。

书籍的话，可以大概翻一下《CSS权威指南》，这本书可以让自己对CSS有更深层次的理解，等后面工作后，可以再回来细读。

第三部分 javascript

学习js之前，一定要掌握HTML和CSS。

到这里也是最容易放弃的地方了，我建议可以把js学习也做一个简单拆分。

1. 学习基础语法

这里还是跟着网上教程多敲，如果碰到不理解的地方可以先记住先敲几遍。

2. 实践

实践部分就是找几个js小项目，跟着做一遍，当你做出来小项目一定会获取成就感，想给自己的朋友秀一下自己的学习成果，当你能从代码中获得成就感，可以说到这里就已经算成功入门了。

3. 进一步学习

到这里我们就可以开始以实战或者提高自己代码质量为目标了。

推荐几本js相关书籍

《JavaScript DOM编程艺术》

《javascript高级程序设计》

《现代JavaScript教程》

同时也可以在GitHub或者其他渠道上找些项目练手。

第四部分 框架学习

有了js基础之后，就可以学习一些JS相关框架了。

这里建议大家可以从Vue入手，最近做的几个前后端分离项目都是Vue，而且最近Vue在国内的使用频率也越来越高，目前在前端市场github star数已经是第一位了。

最好的资料就是官方文档，前方指路-Vue官网：cn.vuejs.org/

写在最后

对于准备入门的小伙伴可能会不知道应该看什么资料，我整理了一些前端学习相关的，主要适合想入门或者想提升自己的同学，无论你是0基础还是刚刚入门的，都可以了解一下，里面包含0基础的学习路线，大厂面试指南等。

个人建议重点看的内容主要几个方面：

1、前端的基本技能、市场人才情况

2、Echarts框架、大厂常用的前端特技

3、对标“ATM（阿里、腾讯、字节）”的前端工程师必备技能

4、从小白到高薪前端工作者的发展路径

5、求职面试的技巧

6、里面的项目一定要做！-利用Gitee Pages创建自己的网站、“前端炫技走马灯”项目源码包

最后，希望这篇文章能给大家带来帮助，也希望大家都能通过个人的努力获得自己想要的结果。