两年前端职业生涯总结

做者：TaylorPzreal
个人GitHub https://github.com/TaylorPzreal

时间如白驹过隙，2015年9月27日我抵达帝都的那个晚上还仿佛昨日，今后便开始帝都的工做生活，也正式开启个人前端生涯。计划于今年十一写总结，迫于公司项目压力，拖置如今，必需要作第二年的总结了，总结本身的这一年历程并憧憬将来，也写给须要的人。

来到帝都，我一直很感激三点，一是我司给予个人机会和成长的沃土，二是很感谢我司的两位前端大神阿法哥和彬哥，是他们细心耐心的带我，把我领进门，让我有了快速的成长和信心，三是感谢我司的一些人，他们跟我谈了不少，让我更深入的去思考规划将来，让我看到了更大的世界和和更有意义的价值观，让我更深入务实的去思考问题，真的很感谢他们。

细细回想一下，今年大体作了这些事情：

### 时间线
1. 完成了我司两个产品。（独自负责前端架构，开发，优化，维护工做）（到今年四月底）
2. 准备公司的产品发布会。（负责架构，开发等工做）（到六月底）
3. 公司的一个项目开发。（负责架构，以及协调其余3位前端同事的开发，优化，维护工做）（七月份到十二月上旬）
4. 重构我司的产品。（负责架构，开发工做，以及推进我司分享学习氛围）（至今）

### 技术线
1. 我司的第一款产品主要技术：angularjs@1.x,bootstrap3,requirejs,gulp
2. 我司的第二款产品主要技术：angularjs@1.x,bootstrap3,webpack
3. 产品发布会： angularjs@1.x,bootstrap3,webpack,es6,代码拆分按需加载
4. 项目：typescript,angular4,material,bootstrap4
5. 重构产品：react技术栈

### 其它
1. 阅读《你不懂JS》 https://github.com/getify/You-Dont-Know-JS/tree/1ed-zh-CN
2. 《JavaScript权威指南》
3. GitHub今年提交了575Commits（https://github.com/TaylorPzreal），我司的Gitlab大约提交了1000多commits。
4. 写了一个本身的网站 https://www.honeymorning.com/（因为时间不多，还不完善，还在不时继续开发，重构完善。前端Angular5，后段Nodejs，MySQL）
5. 写了8个npm包，(https://github.com/TaylorPzreal),主要有意义的是,ngx-cropper,interpolate-webpack-plugin,awesome-react,create-awesome-react.
6. 在一些开源项目上面提供了一些微薄的帮助，如quill等,也参与了一些开源项目的测试，并提交了一些问题，好比angular/material2,angular/flex-layout,ng2-image-upload等
7. 常常浏览的社区，掘金，推酷，csdn，微信订阅号
8. 看MDN，W3C标准
9. 刷题

如今谈一下个人学习和成长总结。

2015年刚入行的我，是什么也不会的我。前后有两位大神带我，让我有了快速的入门和成长，2016年的年中左右，便开始独立负责公司的另外一个产品开发工做。
第一阶段：
最开始使用我司统一的架构，后来了解到了gulp，便开始看相关的官方文档，看别人的踩坑指南，很快gulp就应用到了产品中。这个基于管道的工具很好用，确实对产品有了进一步的优化，其中主要优化了js，css，html，图片这些资源的压缩。

主要须要学习的就是gulp，了解gulp经常使用的插件，requirejs，angularjs1.x

第二阶段：
后来了解到webpack这个构建压缩混淆工具，开始看文档写例子，去了解它的不一样与高级，后来对我司的产品进行了进一步的优化，我写过的一个基于angular1.x的demo https://github.com/TaylorPzreal/webpack2-conf-test，主要的优化是，分块打包，按需加载，并使用es6语法。

主要须要学习的是：webpack及相关插件，es6语法，基于angular1.x的代码拆分按需加载

第三阶段：
从2016年9月份angular2正式发布，便开始不时的去了解学习angular2，今年7月份正式开始用angular4写我司的一款项目。angular2是用ts语言写的与angular1极不一样的框架，用了以后我我的以为比1好太多，很容易就能基于静态路由，实现代码拆分按需加载，基于组件式开发思想，很容易构建复杂应用，我用了不多的代码就实现了一个树选择列表略微复杂的组件。还支持PWA，ng5还默认支持AOT，响应式编程。TS语言自己又有很大的好处，能避免不少没必要要的错误。

主要须要学习的是：typescript，angular5，PWA，rxjs

第四阶段：
从12月份下旬开始，正式学习React技术栈准备重构我司的产品，为何用React，考虑了不少因素，我的以为React目前是最火的框架，尤为RN当前的火热，vue很优秀，社区成长也很迅速，据说入门也极其简单，angular5在中国的使用还不是很广，从招聘数据看来angular5使用的人远少于react，vue，但到底哪个是最好的，我也没有结论，可能只有等我都试用了解一下，才能知道每一个的差异，试用场景。目前正在踩坑React技术栈。到目前却是发现了两点：

1. angular5是一个框架，你几乎只须要安装不多的额外插件即可以进行产品项目的开发。
2. React只是一个view层，你还须要搭建不少的库插件，来构建产品的开发框架，略微麻烦一点。学习成本略高一些相比angular5。

主要须要学习的是：react，react-router,redux,react-dom
目前写了一个通用的框架awesome-react，github地址 https://github.com/TaylorPzreal/awesome-react，涵盖了一些基本的功能，支持Dll，webpack的DEV和Prod不一样构建，支持fonts，图片，css modules，scss，commintlint，jest测试，eslint全部的jsx，一键格式化全部的代码，还在继续完善， 也写了一个CLI create-awesome-react，https://github.com/TaylorPzreal/create-awesome-react，能够更方便的新建基于这个框架的基本项目。

前端发展实在迅速，还有更多的库,插件或技术使用过以及准备有选择的更深刻的研究应用：
rollup,GraphQL,Koa2,express,docker,d3,threejs,jointjs,electron,ionic,RN,apolla,DL,微服务，中间件，H5 game，websocket,GoLang,Firebase。。。

整体来说，个人学习过程有这样几点：
1. 经过社区等渠道了解到一些高效技能库框架
2. 看官方文档，通常都有英文和翻译的中文文档
3. 看别人的踩坑，经验
4. 看看源码
5. 本身动手去写测试demo
6. 合理安排时间
7. 遇到问题时刻记得：Read-Search-Ask，1）.多读题，多读错误信息，本身尽力思考，2）.google，3）.最后再去问别人。

两年学了这么多，我很精通吗？坦白讲，根本不精通，也只算达到了熟练使用，能进行熟练的开发，seo，维护等工做，底层的实现不懂啊，也没太多的时间去搞懂。记得有人说过，少折腾框架，多研究原生深度，从时间和精力上讲多去精通JS这都是最有益的，精通了JS再去学习其它会更受益。固然对于工做，我以为首先是能工做，会工做，再作好工做，对于时间紧迫的前端就是先去了解N多库的使用，再去研究深度。

如今，在推荐一些我整理的学习资源：
* 视频：幕客网 https://www.imooc.com/
* 视频：优达学城 https://www.udacity.com/
* 视频：可汗学院 https://www.khanacademy.org/
* 图片字体取色：
https://www.pexels.com/
https://www.iconfinder.com/
https://www.storyblocks.com/stock-image
https://webkul.github.io/coolhue/
http://colorhunt.co/hot
* 电子书： 图书资源网站，几乎全部图书电子版均可以搜索下载到 http://b-ok.org/
* 社区：CSDN，掘金，前端网，知乎专栏，DZone，Medium，sitepoint， Google+
* 刷题：
https://leetcode.com/
https://www.codility.com/
https://www.freecodecamp.org/

还有不少，目前就这些吧，多了你们确定也不看

这两年，也让我有了一些新的思惟。在这个发展迅速的时代里，咱们必须适应并接受时代的发展趋势，革新思惟，努力进取，提升本身的格局，变通本身的思惟，给本身一个远大的目标，划阶段去一个个突破实现。在咱们这个能吃苦的年纪里，不要选择安逸。成功是一件很难的事情，须要你精心的设计和坚持不懈的艰苦奋斗。世界很大，不要活在周围人的世界和格局里，不要在意眼前的利益，时间的巨轮在不停的向前推动，会有更多有意思的事情等着咱们去创造和体验。

十年很长，不少事都发生了改变，一生过短，可能连一件事都作很差。我不喜欢安逸，但我更但愿忙碌的有意义有价值，在我回首往事的时候，能让我想起并怀念这段岁月时光。

展望2018年：
1. 精通JS/HTML5/CSS3
2. DL
3. GoLang

2018个人座右铭是，精益求精的工做，不拘一格的生活。

再见2017，2018您好！

附：最后祝愿在新的一年里，每一个人都身体健康，（今年7月到10月我连续三个月几乎天天都凌晨1点左右睡觉，早晨5点半左右就起床继续coding，也中止了跑步，致使到如今掉了不少的头发，是的，我才刚本科毕业两年，很恐怖，如今都用上了霸王。。。）珍爱生命，年轻也必定要早睡早起，多锻炼。

写于 2017年12月31日 北京 晚