在这科技发展瞬息万变的年代，更是无法去猜测未来会走向何方。在web前端领域也同样不例外。可以说每几个月在前端领域都会有一些新技术涌现和技术变革。
回想2012年还是jquery的天下，后来2015年vue、react开始盛行，到现在的红的发紫也才不过3年光景，当然vue生态圈的nuxt,react的next也是水涨船高，各个技术框架一波又一波，版本一个又一个，不少程序员都抱怨：老了，学不动了。
但是抱怨归抱怨，面对现实我们还是不得不屈从。那么我们又该如何选择学习的课程，如何合理安排时间学习呢？
我们先来看下对于一个大前端的程序员来说有哪些技能点需要掌握？
有的读者说这张图已经很吓人了，实际上这张图还描述的不全面。例如这里面没有涉及动画、游戏、视频等等，其中每个方向都能让人学一辈子。
所以对于说学不完的同学真的要好好思考下哪些课程才是你真正要学的？
想弄清楚这个问题，大家应该反问一下自己以下几个问题？
一、我现在处于什么阶段？
这个是大家要思考的首要问题，因为你只有对自己现在处于什么水平，你才知道自己的不足在哪，自己需要往哪方面去走？
1、夯实基础阶段的萌新
如果你现在是夯实基础阶段就要脚踏实地，先学习一两门课程，把这一两门课程吃透再说。这个吃透不是说你学完了，看完了就是吃透。你一定要知道学习的这门课程特色在哪，自己学到了几分，单独从中拿出一个问题来，我们是否可以轻松解决？如果自己把握不清楚可以问问该课程的老师。
其次，按照这个课程自己多去找一些网站去模仿。把你自己学到的知识点和方法去实践，实践是检验你是否真的学到的唯一真理。在实践中就会暴露出一些你所不知道的问题，这个时候你就可以回顾下课程所讲述的内容，吸取其中的经验和教训，只要肯下功夫一定有质的提升。
根据统计数据，很多同学的课程学习度都不是很高，有的同学买了十几G的网盘课程，可是真正打开过的，估计不足十分之一;有的买了一堆的书，结果每一本都只是随便翻了几下；甚至有的很贵的课程才学习了不到2个小时。如果是这样还不如把买课的钱去吃顿好的（这是实话，如果你只是为了装样子还不如拿着那钱吃顿好的呢）。
2、可独当一面，想晋升的老司机
如果自己目前在公司能独挡一面，想有一个晋升的机会；或者想提升自己技术深度或者扩充知识面，这个时候学习的方法要改变一下了，因为这个时候的你时间更宝贵，所以学习的时候要对知识进行筛选和有自己独特的见解。
这个时候学习的你要对基础的内容快速过滤，但是不能不听。因为基础的地方在你不同阶段听的时候也会有不同见解的地方。
对于重点内容要认真琢磨，思考一下为什么要这样设计，他当时考虑的出发点是什么，这个方案有什么不足，方案的特色是什么，这样做有什么好处，能给你什么启发，都要弄的一清二楚。
一门课中这样的特色多了，足可以帮助你快速成长。如果找不到这样的亮点，说明这门课不适合你。
二、我喜欢什么方向
很多人之所以迷茫是因为没想清楚自己喜欢什么方向，上图涉及那么多的知识点，想在几年内学好学精显然不现实，更何况程序员的生命周期有多长？如果你是妹子你还要生娃、带娃。
所以找准方向，否则漫无目的的学习足矣让你疲惫不堪。
对于前端同学来说，方向无非就那么几个：纯前端（对不起，只会小程序不算前端）、服务端（node）、游戏（canvas）、视频、可视化、动画。但是对于后三个提供的专职岗位不是特别多，更多是和前端兼职。
如果你想做纯前端，那你只要把基础打扎实，懂vue和react即可，甚至都不需要学太深都可以。
如果想学好服务端可能要下点功夫。你可以忽略css的学习（会被原谅），但是一定要懂数据库、redis、http协议等。
如果你是想做游戏的，图形学是你迈不过去的坎，当然也有很多开源框架帮你处理。不过有人说容易也有人说难，因为他们对前端不是特别熟悉，用js的语法做前端之外的事。
其他的也差不多。说了这么多无非想告诉你，在有限的时间内要在一个方向上学习。不要一会学css一会去node，小游戏出来又去蹭一蹭热度，最后别搞得什么都会一点，但是却又什么都不会，因为可能哪个也拿不出手。
选好自己的方向，在判断课程是否能给你助力，这样你就会学的很轻松。
三、未来3年要达到什么样的高度
有人说我怕累，我没时间等等，这要取决于你对自己的要求。
大家都以为老板是最好当的，时间是最自由的，这只是错觉。你看不到他融资困难的时候一夜白发、你看不到他被竞品打压到睡眠不足4个小时、你看不到他为应酬身不由己的赔笑。
你自己想要达到什么目标就要付出什么样的成本，码农也一样。你想成为高工、专家、行业领头人，你就要不停的学习、思考、拼搏，因为技术在不断革新，不掌握核心的技术自然坐不到核心的位置上去。
这个道理大家都懂，只是说服不了浮躁的内心。
对于一个想给自己家庭谋的幸福的前端工程师来说，全栈是必选项。
只有掌握前端和服务端的同时，才能在带领团队时衡量利弊，才能不被后端同学所左右，才能在部门大局中赢得尊严和地位，才能在技术革新中保持不衰的竞争力。
而对于全栈而言有几个关键词：前端框架（Vue、React、Angular、Element-ui）、服务端框架（Node、Express、Koa）、前后端分离（SPA）、服务端渲染（SSR、Nuxt、Next）、数据库（mongodb、mongoose、MySQL）、服务端缓存（Redis）、离线（PWA）、开发语言（ES6、Typescript）、数据结构设计、算法设计、设计模式。
所以想走全栈路线的同学来说，上面的关键词都要了解一下了，可以按照这个路线去学习。
在成年人的世界里，没有谁是容易的。所以要想不被这个时代淘汰，那你就不得不保持自己的学习，不管是哪个行业。我是一名多年的老码农，希望可以引起大家的共勉。
我是一名前端开发程序员，自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。详情点击了解更多