写给想要入行前端的朋友

对于有想法入行前端或者在考虑要不要入行前端的同学，可能会有很多疑惑，前端好入行吗？应该自学还是上培训班？如果自学的话怎么自学？要学哪些内容？有哪些资料？学到什么程度可以找工作？…
我根据自己的经验，给出自己对于一些常见问题的答案，然后分享一些网上优质免费的资料。
希望每个努力的人都能得到自己理想的结果。

心态和认知

首先，对于0基础的通信，在决定要入行前端之前，一定要先先明白几个事情：

1. 前端是有一定门槛的，尤其是非计算机专业，没有编程经验的同学，并不是很容易入门。借用知乎上一个过来人的说法：“做好脱一层皮的准备”。
2. 学习一门技术需要长时间（不脱产的话，通常4~8个月）坚持的事情，可以先自省一下自己是否足够自律，之前通过坚持做成过哪些事情，是否有足够的执行力，是否总是想得多做得少。
3. 学习前端可能要耗费很多时间、精力、财力（如果买课或者报班的话），其实可以先自学尝试一下，做一些小的例子出来，看看自己是否感兴趣，是否能坚持，然后再决定要不要入行。

如果你决定了要学，那么下面几点建议可以作为学习时的参考

1. 如果是业余时间学习，学到可以找工作，大概要4个月~8个月，每天3个小时以上的学习时间。
2. 没有工作经验的同学，本科以下学历的在一线城市不容易找到非外包的工作。
3. 脱产的话，最好找个靠谱的培训班，但保就业不可能，高中老师再厉害也不可能说保你上一本，能否就业还是取决于学到什么程度。还是要玩命学，技术才是硬道理。
4. 看教程的话，很可能一遍是不行的，需要看两遍、三遍。
5. 学每门技术前期可能会比较迷糊，很多概念不理解，所以学起来会有些枯燥，这时候不要怀疑自己，坚持下去就会产生质变，会在某一刻突然开窍。

学习哪些内容？

这里罗列一下现在大部分公司里，前端工作用到的必备的技术，后面有相关的学习资料。

公号众：灵题库，自学资料、面试刷题、同行讨论

学习的主线是，HTML + CSS -> JavaScript -> Vue/React（二选一，新手推荐Vue） -> Vuex + Vue-Router -> 组件库Vant -> webpack。其他的内容可自己选择学习节奏。

1. 三剑客：html + css + JavaScript
2. 版本管理：git
3. 包管理：npm
4. 框架：vue/react
5. 状态管理：vuex/redux
6. 路由：vue-router/react-router
7. http请求库：axios
8. CSS预编译：less、sass、stylus
9. 组件库：vant/antd等等
10. 打包工具：webpack

怎么自学？

1. 按照学习路线，看基础教程自学，跟着教程敲代码。
2. 看实战教程，跟着教程做项目。
3. 网上搜练手项目，熟练掌握学到的技术。
4. 刷面试题，刷面试题可以了解一些工作中比较常见的问题和场景，而且还能加深对前面讲到的技术的理解。
5. 讨论/答疑，最好有同学一起学习，随时能够交流，加入一些学习群，有问题和大家讨论。（关注「灵题库」，加入前端学习讨论群）

学到什么程度

1. 用学到的技术做一个初具规模的项目，可以参考后面介绍的练手项目中复杂的案例，这些项目基本上覆盖了企业中一些小型项目用到的技术。

2. 刷题，面试中有些题目是比较固定的，刷题之后能把高频的题目都掌握，就能应付一般的面试了。

学习资料

这篇文章系统介绍了基础教程的视频链接、实战教程的视频链接、练手项目的仓库地址、前端面试刷题网站。

更多资料，公号众：灵题库

前端自学资料汇总

结语

成功的路上并不拥挤

这时一个最好的时代，这时一个最坏的时代。
优质、免费的前端学习资料到处都是，极大降低了学习的成本。
这给有意向做前端开发的同学提供了便利，却也让这个赛道变得愈加拥挤，竞争变得激烈。
水涨船高，前端的门槛也逐渐提升，想入行并不简单，但真正坚持下来的，一定能突破自己，乘着时代的风，到达更远的地方。

梦开始的地方
在b站千万播放量的前端基础教学视频的第一集，满屏的字幕中飘动着一句话：“梦开始的地方”，这应该是那些已经上岸的同学回来还愿。也许学习前端不能让他们一夜暴富，不能让他们功成名就，甚至也没有实现他们的梦，但是当他们迈出第一步，他们看到了新的可能，他们走向了新的路径，他们变成了不一样的自己。
多年以后再回首，很多人会感慨，会唏嘘，他们回忆起了一遍一遍看教程，啃手册的寒窗之苦，回忆起了做出第一个不算漂亮的页面的喜悦之情，回忆起了拿到第一个offer时候，来自世界的善意和认可。那些在时代洪流中沉浮的人们，恍惚间，仿佛又回到了那个热血沸腾的岁月，回到了梦开始的地方。