前端专业方向的尽头指南攻略_职业小白指南

一、纯专业方向的探索之路一转眼,毕业已经快10年了,10年前我在写页面,10年过去了,我还在写页面。这种情形目前并不多见,无论是我的前辈或者是同一年代入行的同辈,几乎都已经脱离一线了,至少我认识的那些都是如此。每个人都是独立的个体,没有什么按部就班,没有什么理所当然,关键要清楚自己要的什么,自己拥有的是什么,自己能够到达的彼岸有多远。如果三五年前,我觉得自己

前端专业方向的尽头指南攻略

一、纯专业方向的探索之路

一转眼,毕业已经快10年了,10年前我在写页面,10年过去了,我还在写页面。

前端专业方向的尽头指南攻略_职业小白指南

这种情形目前并不多见,无论是我的前辈或者是同一年代入行的同辈,几乎都已经脱离一线了,至少我认识的那些都是如此。

每个人都是独立的个体,没有什么按部就班,没有什么理所当然,关键要清楚自己要的什么,自己拥有的是什么,自己能够到达的彼岸有多远。

如果三五年前,我觉得自己的专业对团队对企业的贡献到头了,我也会考虑向人向事这一块转型,只是,当技术积累突破到一定阶段后,你心里面就会明白,自己能够做的事情还有很多,自己可以走出一条别人没有走过的纯专业方向的探索之路。

这是一段特殊的旅程,没有借鉴,没有参考,可能旅程并不顺利,也可能会有别样的风采,但人生在世,本就当如此,遵循自己内心的指引,创造属于自己的价值,看淡那些外在的依附。

价值思考

所以,长久一来,我一直在思考这么一个问题:如何围绕前端专业技术,给团队带来最大的价值?

我总结了下面几点,也是这些年自己一直努力的方向:

  1. 项目技术攻坚

    在项目中体现自己的专业价值,就偏体验的前端而言包括:

    • 能够实现任何设计师提出的动效;

    • 各类图形与图像处理技术;

    • 小众领域的技术研究与实践,如无障碍访问;

    • 新技术新特性的实践与落地;

    • 复杂产品复杂系统的架构与设计;

  2. 基础技术建设

    个体的技术再强,也只是强的你一个人,如果能让周围同事也很强,那对于团队的价值就很大了。
    其中有个非常有效的方法就是把你学到的那些专业知识融入到基础建设中,包括底层框架,或者UI组件库,或者标准结局方案等。

    举个例子,对于前端而言,无障碍访问本应是必备知识,尤其对于百万、千万级DAU的产品而言,实际上,了解并在产品中使用的人寥寥。
    这很好理解,法律又没规定产品一定要做无障碍,做了无障碍也只是服务小部分人,又不会升职加薪,想让员工靠爱发电,真的很难。
    但是,如果你把这些学习与研究直接融入到底层基础建设中,其它同事无需学习就能使用,就等同于你也让其他同事变得很强。
    对于团队而言,是很有价值的一件事情。

    然而,如果只是为了功利目的重复造轮子,那真不如fork一个优秀的开源项目进行本地化,对大家都好。

  3. 工具与生产力释放

    一旦工作中出现了重复劳动的场景,就可以考虑能够用技术手段解放生产力,做一个可视化的桌面或者Web工具都可以。

    作为前端,做工具有个天然优势,就是界面可视化的能力一等一,尤其制作给设计师、产品经理、运营编辑使用的工具尤其受欢迎,这是后端同学无法驾驭的。

    现代前端技术发展迅猛,各种新特性强悍无比,最终实现的Web产品几乎可以媲美桌面端软件。

    跨平台,自己人用不要考虑兼容性,各种新特性都可以拿来尝试,又能产生巨大价值,这么爽的事情一定要来者不拒,一定要主动发现需求。

  4. 知识分享与人才培养

    还是那句话,你一个人再强,没什么卵用的,尤其前端这种偏展现的职位,所谓独木难支。
    你要想办法让周围同事也变得优秀,所以,多多做专业知识分享,别人成长了,团队也就成长了,这就是价值贡献。

    有些人千万不要犯傻,以为知识分享出去让被人技术提高了,自己会被踩,就藏着掖着。
    脑子一定要清爽,职场中职位高低是与你对团队对公司贡献正向强挂钩的,而与技术高低是弱挂钩。

    积极争取带新人培养新人的机会,要真心想要带好新人,帮助他们成长,而不是应付绩效,或者领导让我带我就勉强应付。
    做人要有良心,新人起步还是挺重要的,不要草草应付,你自己这辈子凉了没事,可不要连累别人。

对于我个人,还有另外一个特殊的价值,就是“吉祥物” [哈哈] 

二、局限与尽头

这些年围绕着前端专业,本着不断创造价值的理念,指引自己的行动,确实也做出了一点微不足道的成绩。

有项目产出,基础建设也在很多产品中应用,做了不少工具,有些工具释放了千人次的人力,团队内知识分享次数远远领先,对所有应届生人、实习生每周持续技术培训,同时还有主动参与大量人才招聘的工作。

然而,人总是要不断成长的,在一线工作快10年的这个节点,我发现纯专业技术这条路能够给团队进一步提升价值的空间越来越小。

首先是项目这块,人总是高估自己这个职业对产品的价值,前端开发人员也不例外,实际上,一个产品要想成功需要通力协作,没有明显短板要有强项,但我几乎没看到什么产品强项是靠前端突显的。

站在企业的角度,前端80分和90分带来的价值区别并不大,或者说并不紧急,举个极端的例子,你网站CSS质量全世界Number 1,然后呢?没有然后,你的产品不会因为这个风生水起,收益大增。要知道,产品不是艺术品。

虽然我自己专业的成长很明确,还要继续耕耘与积累,但是,如何给项目产品带来明显的收益提升却难倒我了,我暂时想到的是webGL,填补团队这块的空白,至于其它,还没想清楚。

基础建设这块,首先业务线很多,个体的精力有限,不同业务线适合的技术形态也不一样,无法完全兼顾。而且各类技术框架风起云涌,像我这样的老古董确实应接不暇,开始过时了。

工具的问题在于生产力的需求总是有限的,需求解决之后,一旦稳定下来,这方面可以做的事情就越来越少了。

知识分享的问题在于知识的吸收、汇总和落地,如何让没有听过的新人也能GET到这些知识,这方面的价值远比分享数量的堆砌和形式主义要高得多。

所以,就有难题摆在我的面前:如何通过前端专业技术给团队进一步带来明显提升的价值呢?

我发现了我的前端专业之路遇到了局限,前端专业方向看到了尽头。

略带悲伤!但,放心,我并没有为此担忧,这是一个必然要遇到的问题。想要通过纯技术,尤其是前端技术想到达到一个很高的级别,那是不可能的。

不可能说你前端技术很厉害,居然给公司增加几千万的收益,然后升职加薪走上人生巅峰。哪怕你公司是培训机构,哪怕赶上前端培训巅峰的时候,也不会带来这么多收益。

相比我的前辈们或者同辈们,我已经比他们多探索了四五年时间,走得更极端也更扎实,准备地更充分,也没有任何遗憾。

至少今天在这里留下了印记,证明过,一个技术人员,就算只靠专业技术创造价值,也能有一番属于自己的精彩。

所以,一切都是自然而言,纯专业趋于顶部,那我就开始在另外一条线上探索,从另外一个完全空白的维度进行成长与提升,相当于启动二级火箭,强劲辅助专业那条线进一步成长。这里的“另外一条线”指的就是人和事。

三、绕不开的人和事

简言之就是通过推动别人来推动团队的专业成长,通过事务落地来推动团队的专业成长。

举例来说,大家一起做了那么多大大小小的项目,那些好的专业实践有没有汇总与落地,有没有转化为很多的经验和学习资源。

这个事情的价值就很大,但是,这些事情的推动那就不是说你专业技术厉害就搞得定的,要与人到交道,如何制定策略,何种方式汇总,什么形式转化,如何后续推广等等都是需要思考的问题;如果我们需要一个专业的站点进行归档,在什么地方合适,自己开发还是使用已有平台,需要动用哪些资源,实践过程中会遇到哪些困难也是另外一堆需要思考的问题。

虽然这些问题需要的并不是专业能力,但是,对于整个团队带来的专业这块的价值确是非常显著的,这就是通过另外一条线,也就是人和事让自己职业更进一步。

又比如说知识分享,讲的时候听得很high,结果一段时间过后,当时学了啥的,记不得了。还有个比较严重的问题,那就是新人加入后,以前分享的那些精彩内容如何追溯,或者至少知道以前哪方面课题有同事有过很棒的分享,可以直接学习。

所以,即使平均每周多次分享,如果分享之后没有对知识进一步规定,梳理,以更好的形式呈现,那你做那么多分享带来的价值,或者说投入产出比不见得有多高,可见这是一个非常能够明显提升整个团队专业价值的方向。

但同样的,这个方向的提升不是靠你的专业能力,或者你分享数量,而是更好的流程约束,更好的工具辅助,更好的文化熏陶。

而所有这些事情的成功推进落地,离不开与人打交道,如本部门同事、领导,以及其他部门同事,甚至还要老板那边提供资源。

所以,到了一定阶段后,要想进一步提高团队的专业价值,人和事是绕不开的,而这一块,将会是自己接下来几年努力提高、学习以及成长的地方。

估计会没有学技术那么顺利,与人打交道不像和代码打交道,不能直来直往,否则容易让别人不开心,我也意识到这个问题了,不过我相信自己的可塑性,罗马不是一天建成的,慢慢改善吧,只是担心在职场磨啊磨,磨啊磨,把棱角都磨掉了,到底是好事还是坏事呢?

四、远处的风景

19年算是个转折年吧,想想自己,一条腿走了10年还真不容易,是时候把另外一条腿慢慢长起来了。

心有猛虎,细嗅蔷薇,不为外物蒙双眼,不因碎语扰心智,一步一步,有条不紊,耐心前进,人生是条长河,希望能有双健康有力的双腿,带我看到尽头最美的风景。

海计划公众号
(0)
上一篇 2020/04/03 19:42
下一篇 2020/04/03 19:42

您可能感兴趣的内容

  • 什么是ESLint?小白基础_eslint入门教程

    什么是ESLint?小白基础 在我们学习ESLint之前,我们先来了解一下什么是ESLint ? 什么是ESLint? 官网上告诉我们,ESLint 是一个用来识别 ECMAScr…

    2020/03/19
  • Vuex 之单元测试[译] 基础知识教程_测试入门百科

    原文:https://lmiller1990.github.io/vue-testing-handbook/testing-vuex.html通常来说 Vue 组件会在以下方面和 Vuex 发生交互:commit 一个 mutationdispatch 一个 action通过 $store.state 或 getters 访问 state要针对 Vuex

    2020/03/20
  • 墨者写作小白常识_专注作者优质写作

    墨者写作小白常识 官方网址:https://www.mozhes.com/ 简介描述:专注作者优质写作 专注作者优质写作,支持云同步、历史版本、随机起名、小黑屋、敏感词检测、多维度…

    2020/03/11
  • 源码爱好者使用帮助_源码下载,绿色软件,手机软件下载

    源码爱好者小白攻略 官方网址:http://www.codefans.net/ 简介描述:源码下载,绿色软件,手机软件下载 源码下载是免费软件网站源码下载网站,以绿色软件,破解软件…

    2020/03/06
  • 最流行的七个 PHP Web 框架指南攻略_框架菜鸟指南

    PHP 是什么?PHP 代表超文本预处理器(Hypertext Pre-processor)。早期的 PHP 被用于个人主页,然后才升级更新为超文本预处理器。PHP 是一种服务器端脚本语言,用于开发静态或动态网站和 Web 应用程序。为什么要使用 PHP 进行服务器端编程?PHP 是开源的,并且免费。PHP 可以在目前主要的平台上运行,并具有独立于平台的特性

    2020/03/26
  • 什么是函数的副作用——理解js编程中函数的副作用入门指南_函数小白教程

    什么是函数副作用?函数副作用是指当调用函数时,除了返回函数值之外,还对主调用函数产生附加的影响。副作用的函数不仅仅只是返回了一个值,而且还做了其他的事情,比如:1、修改了一个变量2、直接修改数据结构3、设置一个对象的成员4、抛出一个异常或以一个错误终止5、打印到终端或读取用户输入6、读取或写入一个文件7、在屏幕上画图函数副作用会给程序设计带来不必要的麻烦,给

    2020/04/03
  • 优阁网【UIGreat】小白指南_UI设计师学习交流社区

    优阁网【UIGreat】小白指南 官方网址:http://www.uigreat.com/ 简介描述:UI设计师学习交流社区 UIGREAT-优阁,是一个UI设计师学习交流分享的平…

    2020/03/06
  • rxjs:响应式js库入门教程_库使用帮助

    简介RxJS 是组合异步以及基于事件的使用可观察者序列的程序类库。它提供一个核心类型,Observable,附属类型(Observer,Schedulers,Subjects)并且受到了数组额外操作(map,filter,reduce,every 等等)启发来将异步事件作为集合来处理。可以理解为 RxJS 就是事件的 Loadsh ReactiveX 结合

    2020/03/24
  • vue单页面应用改造为多页面服务端渲染使用指南_渲染小白攻略

    正在开发中的项目是采用vue,Vue+router搭建的单页面应用,因2C项目有SEO的需求,就需要把当前的项目改为多页面+服务端渲染,调研之后使用了easywebpack-cli脚手架,基于Egg + Vue + Webpack4多页面服务端渲染项目开发模板进行改造。一:为什么要做SEO提高网站搜索排名,从而吸引更多的潜在客户来浏览网站,目的是增加网站访问

    2020/03/24
  • 为什么我更喜欢函数式编程?小白指南_编程入门攻略

    在学习 Haskell 之前,作者一直使用主流语言,如 Java、C 和 C++——现在他仍然喜欢它们。那么,一个命令式开发人员如何转变成了一个 Haskell 开发者?他将在本文中将对此做出解释——尤其是对那些在函数式编程方面经验较少的开发人员。本文最初发布于 Mario Morgenthum 的个人博客,由 InfoQ 中文站翻译并分享。首先,我将通过对

    2020/03/24
  • 程序员提升学习效率的3个方法小白入门_学习零基础入门

    才3个方法?如果你希望的是“提升效率的10大方法”,“程序员必看的20个学习法”……很抱歉,本文不适合你。在精而不在多,一个人若能够学会,并且长期践行这其中一种方法,便已经能够走在很多人前头了。首先,我有一个非讲不可的笑话。母校有位老教授,课上的异常好。有一回给新生上实验课,他从讲桌下拿出一个烧杯,里边装着一坨大便:同学们,既然你们选择搞科研,将来靠

    2020/03/31
  • vue router 路由鉴权(非动态路由)使用说明_路由小白基础

    概述角色:超级管理员、主题管理员、数据服务管理员权限:超级管理员:所有页面主题管理员:基础公共页面+主题设置页数据服务管理员:基础公共页面+数据服务设置页+数据服务审批页需求:角色菜单来自后端,当用户未通过页面菜单,直接从地址栏访问非权限范围内的url时,拦截用户访问并重定向到首页。实际系统中还有几种管理员,此处略去,以精简描述。原本想用动态路由的思路去做,

    2020/03/31
  • 我所经历的996使用指南_996使用说明

    | 996指的是早9点上班晚9点下班,一周工作6天。几年前,我从小报跳去一家互联网公司做原创。小报记者的工作很清闲,每天早上十点半上班,下午三点半就下班了。那时候对互联网公司没啥概念,也不知道自己差不多是以最差履历入职中国最好互联网公司的那个幸运儿。可能那会转行唯一想的是,我还年轻,我不能老这么混日子。果然,转行的那一年,生活一下子被颠覆了。一年365天,

    2020/03/29
  • 如何准备你的下一次高级开发人员面试?攻略教程_开发人员基础教程

    本文作者介绍了在面试高级开发者职位时的技巧,与面试初级开发者的不同。需要对面试官、公司、职位做提前调研。为了准备面试,你需要调研、调研、再调研。去年,我经历了我软件开发生涯中最令人沮丧的 6 个月。我申请的高级开发人员职位,一个都没有回复我。几乎所有的职位,我都写了个性化的求职信,以及适合该职位的定制简历。我甚至自学了很多新技能,只是为了把它们写进我的简历。

    2020/03/24
  • docsify一个神奇的文档生成工具菜鸟教程网_文档菜鸟知识

    在开发项目时,我们或许需要一份精致的开发文档,那么使用docsify是不错的选择,docsify是一个文档生成工具,它直接加载 Markdown 文件并动态渲染,同时还可以生成封面页。所以我们只需要写完 Markdown 文档,就可以看到文档页面了。特性无需构建无需编译,写完markdown文档直接发布容易使用并且轻量 (~18kB gzipped)智能的全

    2020/03/29
  • AmCharts小白入门一个高级图表库,适用于所有数据的可视化。

    AmCharts基础入门 官方网址:https://www.amcharts.com/ GitHub:https://github.com/ChimpStudios/AmChart…

    2020/03/05