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

一时失言乱红尘 2023-01-12 10:17 195阅读 0赞

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