如果你刚好是一个Web前端工程师,或者你将要从事web前端工作。你应该和我有同样的感慨,web前端技术到了自己的天花板,前端工作我能做多少年?3年或5年?自己的职业规划应该怎么样?收入为什么没有增长?前端工作做久了感觉有点乏味?等等的问题曾经从心头一闪而过。

web前端工程师应该有的技能

作为一个初级的前端工程师,对html,h5,jquery,css或css3,bootstrap能够熟练,能够快速的实现效果图布局和排版,做一些前端的交互。而到了中高级前端,应该能够了解和使用一个或多个css框架和js框架做交互数据处理。

css框架:bootstrap,font awesome;vue.js生态的:pc端的Element UI,Iview Ui,Vue UI Framework等。移动端的:有赞的Vant,饿了么的Mint UI,百度的Lavas,Angular.js生态里的Element Angular。Node.js生态里的Koa,ThinkJS,egg,Express;其他的echarts,百度地图或腾讯地图api js,一些上传webuploader ,plupload插件使用。这些所有的各个类别的框架和插件,至少能会掌握里面的1-2种,并能用到项目中去。高级前端基本能看到什么框架看使用手册都能快速熟悉和使用。最后是一些webpack,gulp等自动化构建工具。

当然这些框架都经过大公司团队数年的努力开发开放出来的,当然如查你是前端大牛或想成为大牛你可以自己写一个框架出来。

web前端的困惑是什么

当你身处公司环境不同,对自己的工作技能有着自己的疑惑。如果你是一小公司。做了1-2年前端,你会发现自己的工作一直在重复着css的排版实现psd效果图html,实现js一点效果特效。一直在反反复复重复着这样的工作。本身技能上没有太大的突破和发展。因为你的技能的多少或高低是由于所处的环境决定的。公司所做的项目大小和采用的技术决定着你自己能学习和掌握的技术的多少。如果你身处这样的环境,到了自己的技术瓶颈了,这时你可以考虑跳槽到大公司了。这样更大的团队和公司会给你提供更多学习的可能性。当然你的工资收入的多少直接由你会什么样的技能决定。

web前端工程师发展方向

前端工作只是一个人职业生涯的一个短暂过程,你也许只做3-6年,也几种可能的发展路径。

从初级前端做到中级端,高级端前端,再到前端框架师。

从初级前端-中高级前端到培训师。

从初级前端到中高级前端转岗位php后端,最后是技术总监。

从初级前端到中高级前端转项目经理,php等,成为全栈开发,且了解项目需求到开发到上线,掌握项目整个流程环节。最终有能力成为项目主管。

web前端可能面对的困境及穷途末路

一直重复做着同样前端工作,前端能力有所提升了,但其他方面的知识短缺,收入却一直没有怎么提升。

前端技术和后端技术全面,可以栈开发,但哪个方向的能力都不是太深。

做了5,6年突然发现自己到了30岁而立年龄却,没有成家,没有女朋友,最惨的是没人钱,不知道自己要什么。

最惨的人生穷途末路是成家了,有小孩了,上有老下来小要养活,有房贷和有车贷,各种生活锁事等烦恼和压力,却发现自己30多岁,写代码已力不从心,想转行或创业却没有足够的能力和条件,一直在迷茫和挣扎的不得不坚持着。

全栈开发人员或技术总监具备什么样技能

需求分析,从需求文档里能快速准确知道客户需求什么功能,并用程序思维构建出逻辑和代码实现。

photoshop设计,前端css,js,各种前端和后端框架,各种微信支付宝接口等。

linux,服务器管理运维,项目网站的优化加速(后面我会专门写一篇文章关于网站项目优化加速,请关注)

数据库优化,静态资源cdn和加载机制和请求优化,缓存机制,nginx流量分发等常用配置,SEO优化。

各种git,svn,开发工具使用,各种流量统计和分析。

对一项未接触过的技术能知道自己大概花多少时间能学会并应用到项目中。

对项目需求的时间和工作周期评估,项目定价。

有很好的沟通协调,语言表达和处理多事件能力,自控能力要很强,能很好安排时间和推进事情进度能力。

最后,作为一个设计,前端,后端,php和需求分析,方案文档等都经历过的人总结下,当你看到这文章或你也是这行业里的,第一,要多学点其他方面的知识,全面且有特别优秀的地方,当然全部方面都优秀当然最好。第二,要清楚自己的能力和未来要什么样的工作和生活。第三,一定要有大项目的经验和经历,这对见识和技术等都有很大的提升。第四,抓住机会和时机,不管在工作上还是在创业时机上。最后一点非常重要,不管在哪个方面哪个岗位,一点要有自己的想法和意见,并能思路清晰的语言表达了来给周围的人或领导,切勿只是低头研究技术和干活。

希望这些能帮助到广大网友,请关注我的百家号。我会不定期原创分享一些IT和互联网干货。

一个Web前端工程师或程序员的发展方向,未来困境及穷途末路的更多相关文章

  1. 关于WEB前端,你必须了解的发展方向

    一.职业方向定位 首先,只有确定好自己的职业方向,才能做好职业规划.在我看来,做WEB前端技术能够找到的职业方向有以下几种: (1)资深WEB前端工程师 这个方向算是一个WEB前端最基本的选择了,在国 ...

  2. Web前端工程师成长之路——知识汇总

    一.何为Web前端工程师?          前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript ...

  3. 谈谈Web前端工程师的定位

    原文地址:http://www.360doc.com/content/10/0708/17/1277406_37692580.shtml 2010-07-08  锋子chans   阅 1116  转 ...

  4. Web前端工程师成长之路

    一.何为Web前端工程师?        前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/D ...

  5. 如何成为一名优秀的web前端工程师(前端攻城师)?

    程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀. ...

  6. 如何成为一名优秀的web前端工程师(转给自己,共勉)

    来源:王子墨的博客 程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到 ...

  7. 如何自学成为一个WEB前端

    WEB前端是做什么的? 那些什么高大上的介绍作者就略过了,简单来说就是做网页的,我们上网浏览的网站界面就是WEB前端工程师做的. 在互联网迅速发展的近几年,你上网冲浪的时候是不是感觉WEB网站越来越漂 ...

  8. 如何成为一名优秀的web前端工程师

    我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师 ...

  9. 【转】如何成为一名优秀的web前端工程师(前端攻城师)?

    [转自]http://julying.com/blog/how-to-become-a-good-web-front-end-engineer/ 程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · ...

随机推荐

  1. 重启宝塔面板后提示-ModuleNotFoundError: No module named 'geventwebsocket'

    背景: 因服务器部署了flask项目,安装了python3,故重启宝塔面板报错 [Traceback (most recent call last): File , in load_class mod ...

  2. Weather with you主题说明

    使用前请确保拥有js权限!!! 源代码: css: /*广告去死*/ #ad_t2 { display: none !important; } #i-amphtml-fill-content { di ...

  3. 外部调用Tomcat启动脚本后日志中文显示乱码问题的解决

    外部sh脚本如下 #!/bin/bash while read LINE do echo "Hello $LINE!" case $LINE in all) tail -f -n2 ...

  4. 关于大数据T+1执行流程

    关于大数据T+1执行流程 前提: 搭建好大数据环境(hadoop hive hbase sqoop zookeeper oozie hue) 1.将所有数据库的数据汇总到hive (这里有三种数据源 ...

  5. docker 部署springcloud项目

    一.首先从 docker.hub[地址:https://hub.docker.com] 中根据各自的需求 pull 对应的 openjdk镜像(本次直接在修改后的docker镜像源中下载) docke ...

  6. zabbix监控服务

    1.模板的重要 ​ 1.手动添加监控比较麻烦,监控项 -> 图形 -> 触发器. 问题: 1.例如: 100台服务器需要检查81端口 2.例如: 100台服务器81改成82 解决: 使用模 ...

  7. 代码提示—ArcGIS API forJavaScript for JavaScript 编辑器代码提示(支持3.x和4.x)

    我一般用WebStorm来arcgis api for js的代码,因为api中的内容太多,每次写代码都要去官方API网站查询,很不方便,所以决定配置一个代码补全,方便写接口. 通过ArcGIS AP ...

  8. linux 系统下Anaconda的安装【安装python3.6环境首选】

    如果你不想使用python3.6的源码安装包,不想各种繁琐的配置命令,那Anacoda里边自带的python3.6环境就最合适不过了,下面来介绍下anacoda的安装过程,~so easy~Anaco ...

  9. leetcode——动态规划

    立志要熟练动态规划,加油! 最长回文子串给定一个字符串 s,找到 s 中最长的回文子串.你可以假设 s 的最大长度为 1000. 思路:设dp[l][r]表示s[l……r]是否回文,枚举右边界r,然后 ...

  10. idea代码模板配置

    1. 在settings中配置 配置快捷键和模板内容 输入syso然后按enter键就会自动生成代码