web前端技术开发栈有多长？

问这个问题，本身是在抛砖引玉。想知道入门前端开发需要学哪些东西。这也是很多在校大学生、应届生比较关注的问题。

既然你有所问，我也略有所知。不妨听听看，如有帮助，点个赞鼓励一下即可。

先来听我一个粉丝朋友的求助来信。

凌晨一点多，粉丝发来的私信，先看留言咨询的内容，我们再接着往下聊。

请注意留言的时间，凌晨1点多，通常这个点我还没睡的话，不是在准备明天要推送的文章，就是在赶私活项目。土哥打心底佩服现在新人对学习的冲劲儿，凌晨1点多还在操心学习的事儿，恐怕像我这么早睡的人，估计是个假前端程序员。

另外说一下，我有很多粉丝读者，都是通过之前我在各大博客平台写的vue菜鸟从业记系列文章过来的。所以，有很多在校生、应届毕业生关注我，也是很正常的。

我也经常在小号「 码农怪话 」里面写一些菜鸟入门的文章，对新手来说，走心又接地气，有喜欢看前端入门指南的童鞋，可以微信搜索下我的小号。里面都是土哥早期写的技术文章。假如有什么见识短浅的言论，请你们务必要屏蔽（毕竟我最近刚理了发，见识短怎么了~）

在校生的认知，先仔细听

在我们接下来的聊天当中，我得知，这位粉丝朋友是来自广东省梅州市的一名嘉应学院的大三在校生，他最近的目标是去深圳或者广州找一家公司实习。在校课程上他学过C语言、数据结构、SQLserver、Java、Javaweb、算法、android，当然还有Python。计算机在校课程老师讲的都不深，都是基础。

这位粉丝还说，他是在学Javaweb的时候，才决定选择前端路线，之前也选修过HTML+CSS。很杂，大学前两年他都是懵逼式学习，老师讲什么他就学什么，学到现在才清晰自己以后走什么路。但是他对前端也不是很了解，只知道需要学习HTML5、CSS3、JavaScript，所以把这些学完了（我理解的意思是过了一遍）。

但，之后怎么走，他还是一脸懵逼，网上说学的框架，各有各的说法，所以不知道接下来该怎么走？所以求土哥来解惑~

大多数应届生的困惑

1. 我该怎么学？

首先，对于前端三板斧，html，css，js 的掌握程度是必须有的基础。干前端，除了基础要打牢固，还要学会一些框架，公司里面都在用，比如国内大热的vue.js，还有react.js、node.js、webpack构建工具等。

2. bt，jq还用学吗？

至于bootstrap、jQuery还有必要去学吗 这个问题，我认为有时间就去学，这个小公司里用的多。

3. 先学js还是框架？

关于先学js还是先学vue.js等框架，建议不太着急去实习的话，先把html、css、javascript 基础打扎实，这是前端工程师的基本功，以后能否走得远，还得看这个。

框架都是基于js来封装的，尤其是原生的js，基础一定要扎实，像js的一些概念，闭包、作用域、原型链等必须懂，面试都要问到，尤其是应届生，ajax的使用 异步数据的获取 ，这个也很重要。

不重视基础的后果，就是前端这条路，你前期可能走得很快，但是越往后走，每一步都步履维艰。

4. 前端实习，需要学什么框架？

当然，话分两头说，上面说的是很理想的一种情况，但人总是要面对现实问题的。如果你时间有限，着急出去找一份实习的工作，建议学下前端三大框架，任选其一，土哥优先推荐vue.js，毕竟很多公司都在用。传统公司用bootstrap+jQuery的老技术栈居多，互联网公司用新技术，比如以vue.js+webpack为组合的技术栈居多。

5. 实习遇上好师傅，能少走弯路

实习生，找一个好师傅、好组长超级超级超级重要，你绝对比其他人进步的更快、晋升的更稳，师傅领进门，修行在个人。

实习生像一张白纸，师傅像画师，怎么画，画什么笔画都对白纸起到关键作用，如果一个什么都愿意交和讲解知识点的师傅，你就有福了。

碰到很多懒得、油条性质的 你就惨了，甚至让你怀疑人生和自己适不适合干这个，因为你不会其实是正常的，实习生嘛，但师傅不给你说怎么学会，时间一长，你就会误以为自己是笨蛋，什么都学不会，其实是方法方式和人不对，这个希望大家认识到，千万不要怀疑自己。

不过也确实有真的笨和懒的，师傅不能都给你说，只能给你引路和告诉你怎么踩坑，剩下的一定要自己完成和摸索，没有实战，眼高手低，就算比尔盖茨当你老师，也是废纸一张。

所以，实习能遇上肯教你知识的好师傅，绝对是人生幸事之一，至少你能少走很多弯路，赶超同一批应届生。

前端方向多| 新人如何选

当你还以为前端就是写页面逻辑、对接后台的数据接口、完成对用户的展示等，你就out了~

经过这几年的发展，前端圈大浪淘沙，逐渐沉淀下来几个大方向，这是重点，拿小本本记下来：

1. 界面展现用户体验和可访问性方向；

2. 偏后的js/nodejs开发方向；

3. audio/video音视频富媒体方向；

4. SVG/canvas/webGL动效创意表现与数据可视化方向；

5. 工具建设文档管理内部站建设的前端运维方向；

6. 会议预定团建组织对外品牌宣传的前端运营方向。

怎么样，看完这些细分的方向，是不是感觉有种拨云见雾的感觉，瞬间感觉前端的脉络清晰很多。

方向这么多，至于如何选，那就要根据每个人的性格特质、成长经历的差异，来选择一个适合的方向，（敲黑板，这也是重点）：1. 感性细腻有设计背景可以专注于用户体验；

2. 纯逻辑工程化思维浓郁则更适合偏后开发；

3. 数学物理强悍可以考虑数据可视化方向；

4. 沟通协调能力很强可以朝着前端运营方向努力。

所以，各位在校生、应届生，请根据自己的个人情况对号入座。人不怕失败、也不怕骄傲，怕的就是在对的时间没有做对的事。然而当想做对的选择的时候，才发现早已失去了机会！我在之前的文章中就讲过，前端工作3年，是个重要的分水岭。之前有技术沉淀的 能上去的就上去了，上不去的之后几年一直在原地踏步。想看这篇文章的童鞋，可以点击后面的蓝色标题查看 | 年底跳槽，我来告诉你如何选择下一家公司 | 所以说，前端从业前3年，一定要选好技术方向，并且坚定不移地走下去。只有这样，才会在前端这条路上，越走越远。

努力的最坏结果，不过是大器晚成。同学加油～

如想看更多前端入门学习路线的文章，不妨关注下我的公众号：闰土大叔。

圈里人都叫我土哥，欢迎勾搭～