年后跳槽如何准备？

文章背景：年也过完了，年终奖该发的也发了，没有的也就不发了，有很多同学不满足发的太少或不发的或其它原因，准备看看外边的机会了，但是看看招聘网站，要求玄的要死。面试几轮之后更是没有深没有浅。经过一段时间的接触之后，内心十分着急，又不知道怎么办，就是没有一个具体可执行的计划。这样下去导致最坏的结果可能是今年的跳槽可能变成了换坑，跳槽是职业生涯有续线性的增长，无论收入还是title或者平台，换坑是从这个坑跳到另外一个坑，从而进入一个恶性循环，给长期职业发展带来很不利的影响，个人能力的成长长期维持在同一水平线上下浮动。
计划的意思是了解当下市场招聘环境的变化，并且根据对自己技术势力的综合评估对当前的市场行情的预估之后，分析技术差距罗列的一个学习列表，具体细节的实施，学习效果的验证，要花费多长时间来完成他，每天要投入多少精力学习等等，根据不同的情况来自己把握。

由于个人视野有限，个中观点可能有失偏颇，仅供参考。

如何准备作品，看这篇文章。

前端是怎么找到工作的？

比如具体的计划：

3.01-3.15 学习Gulp，Webpack，完成一个demo，一篇学习心得文章。

3.15-3.31 学习PostCss，Vuejs，完成一个demo，一篇学习心得文章。

4.01 - 4.15 学习Angularjs，完成一个demo，一篇学习心得文章。

通过这些练习，充实了github，也充实了博客内容。制作长远的目标，大概的计划，然后执行，今天必须完成的事情，这周必须完成的时间。每天抽出的时间为：20.00-0.00，如何高效利用这四个小时，等等时间意识管理。

如何长时间高效学习？

2015-2016前端知识体系-by ouven

一个追求高效的学习者手机里装有哪些APP？

参考了十几家招聘要求，得出这样的结论：HTML5/CSS3，Nodejs, Angularjs这三个还是提到频率还是比较高，也有提到React, Backbone，剩下频率次之的是：另外一门后端语言php,java。
总结一下，移动端偏多，新技术偏多。这就是招聘以结果导向下的现状，做为技术人员只能时刻观察市场，在能力允许时机成熟的前提下调整学习方向。简单一句话：不能顺向挖掘潜力，就逆向匹配结果。以下提到的东西，都是建议在基础过关的前提下去了解一下。简单的说法是：长远的职业个人成长以js基础为核心，短期求职需要迎合市场做短期的调整。另外要分清知识与能力的区别，通过知识来积累编程能力，不是不断的学习新知识来忽略对能力的储备。
具体参考@winter大神这张图：

来自于： 秋招的重点

一. 常规准备：

http://www.cnblogs.com
博客园开通博客，记录面试或学习的心得。

http://www.sinaapp.com
开通sae，学习 SVN 的使用。SVN是为一个老项目准备的，并不是所有的项目都用的新技术。同时也为了方便的呈现一些错误demo。

注册 github 或 coding.net 学习Git使用。
在gitub上布署个人网站，类似： 当耐特demo集合

学习jQuery，并使用jQuery开发几个相关插件。同样为老项目准备的，虽然繁杂的开发jQ很难控制，但是有些行业求稳而不是求新。并且jQuery的一种编程思想还是很值得借鉴的，是从入门到高手的必经之路。

学习webpack，了解browserify, requirejs，每个至少有一个demo例子，一篇心得文章。

学习glup, 了解grunt, fis三个中的一个，每个至少有一个demo例子，一篇心得文章。

学习Vue，React，Angularjs, Avalon, 中的一个，了解Backbone，Ember。

学习Sass, PostCss，了解Less。

学习BootStrap。

了解Ajax,Json,Jsonp,Nodejs,ES5,ES6,Promise。

学习使用PS，了解各个图片格式的区别。比如：psd,png-8,png-24,jpg,bmp,gif的区别。及常有的优化方案。

图片格式与设计那点事儿

Web性能优化：图片优化

图片问题的一些总结

了解BrowserSync的使用。

以上阶段性的学习完成有一个成型的demo就更好了，类似于： todoMVC ，就是一个小的

hello world

。
这些是技术栈的积累，如果有一些针对性的文章会更有说服力，也更能全面的展示当前的技术储备。
技术只与商业价值挂勾，只要一项技术在持续的产生价值，赚取利润，那就是一项好技术，是当下需要了解的技术。

二. 移动端准备：

1.Css3：

了解新增加的动画方法，了解transition,animation,transform
图解css 或 w3cplus 看看。

2. Html5

新增加的标签：

header, footer, section, aside, article, nav, figure, figcaption, details, summary

HTML5新增标签 学习总结

mdn 看看。

3. 微信js-sdk官网 看看。

其它相关的网站：

移动端开发资源与小技巧

面向亿万用户级的移动端Web解决方案

【原】移动web资源整理

4. 造轮子参考网站

以下都是一些生成工具生成的案例，可以试着用源生的方式，比如js+html5+css3，或者借助一些现有的库，等等实现一下。

点点客案例中心

云起-初夜

MAKA

秀米

易企秀

兔展

场景应用

epub360意派

四. 书籍：

4.1 基础类：

Javascript高级程序设计 第三版

Javascript权威指南 第六版

4.2 新书：

你不知道的JavaScript（上卷）

学习JavaScript数据结构与算法

React：引领未来的用户界面开发框架

React Native：用JavaScript开发移动应用

SVG精髓（第2版）

JavaScript忍者秘籍

JavaScript面向对象精要

移动Web手册（双色）

JavaScript设计模式与开发实践

现货 移动Web手册（双色）

三. 其它资源：

那几个月在找工作（百度，网易游戏）

2014最新面试题

名企笔试大全

阿里前端面试题

2016校招内推 -- 阿里巴巴前端 -- 三面面试经历

腾讯面试题

年后跳槽那点事：乐视+金山+360面试之行

阿里前端面试题上线

拉勾网js面试题

前端面试

Web开发笔试面试题 大全

前端开发面试题

2014最新前端面试题

前端开发面试题

百度面试

面试题

前端工作面试问题

前端开发面试题

5个经典的前端面试问题

最全前端面试问题及答案总结

如何面试一名前端开发工程师？

史上最全 前端开发面试问题及答案整理

前端实习生面试总结

史上最全 前端开发面试问题及答案整理

BAT及各大互联网公司2014前端笔试面试题：JavaScript篇

前端开发面试题大收集

收集的前端面试题和答案

如何面试前端工程师

牛客网-笔试面经

40 个重要的 HTML5 面试问题及答案

－转载