两年前端职业生涯总计

作者:TaylorPzreal

我的GitHub https://github.com/TaylorPzreal

   
时间如日月如梭,2015年11月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. 刷题

    现在谈一下自身的读书和成长总计。

   
二〇一五年刚出道的自我,是怎么着也不会的自我。先后有两位大神带我,让自个儿有了迅猛的入门和成人,二零一六年的年中左右,便先导独自承担店铺的另一个产品开发工作。

    第一品级:

     
最开首采取我司统一的架构,后来询问到了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的代码拆分按需加载

    第三品级:

     
从二零一六年5月份angular2正式发布,便发轫日常的去精通学习angular2,二〇一九年3月份正规启幕用angular4写我司的一款项目。angular2是用ts语言写的与angular1极不一样的框架,用精通后我个人觉得比1好太多,很简单就能依照静态路由,完成代码拆分按需加载,基于组件式开发合计,很简单构建复杂应用,我用了很少的代码就贯彻了一个树接纳列表略微复杂的零部件。还帮衬PWA,ng5还默许帮助AOT,响应式编程。TS语言本身又有很大的功利,能幸免过多不须要的错误。

      首要须要学习的是:typescript,angular5,PWA,rxjs

    第四等级:

     
从1十二月份下旬上马,正式学习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您好!

   
附:最终祝愿在新的一年里,各种人都肉体健康,(二零一九年五月到二月自我总是七个月大概天天都凌晨1点左右睡眠,晚上5点半左右就起来继续coding,也为止了跑步,导致到明日掉了好多的毛发,是的,我才刚本科毕业两年,很恐怖,现在都用上了霸王。。。)珍惜生命,年轻也必将要早睡早起,多磨炼。

    写于 2017年12月31日 北京 晚

相关文章