如果你刚好是一个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. Mac下搭建Cocos2d-x-3.2的开发环境

    配置:OS X 10.9.4 + Xcode 6.0 + Cocos2d-x-3.2 摘要:本文目标为在Xcode成功运行HelloWorld程序. 一.下载必要项 1.从官网下载Cocos2d-x- ...

  2. 数据库语言-SQL

    SQL语言的功能概述 DDL语句引导词:Create(建立),Alter(修改),Drop(撤销) DML语句引导词:Insert,Delete,Update,Select DCL语句引导词:Gran ...

  3. 《推送开发全面盘点当前Android后台保活方案的真实运行效果》

        登录 立即注册 TCP/IP详解 资讯 动态 社区 技术精选 首页   即时通讯网›专项技术区›推送开发全面盘点当前Android后台保活方案的真实运行效果(截止2 ...   帖子 打赏 分 ...

  4. 前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

    一.小程序概述 2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆,这一年,小程序狂揽 4 亿用户.1.7 亿的日常活跃,上线 58 万个.这是一个巨大的 ...

  5. Mysql的旧版本下载地址

    直接进入:http://downloads.mysql.com/archives/community/

  6. 如何开启php错误日志

    nginx与apache不一样,在apache中可以直接指定php的错误日志,那样在php执行中的错误信息就直接输入到php的错误日志中,可以方便查询. 在nginx中事情就变成了这样:nginx只对 ...

  7. Python3 获取系统资源

    cpu disk mem import osimport psutilos.chdir(os.getcwd()) #cpu def get_cpu_info(): cpu_percent=psutil ...

  8. 代码这样写更优雅,15篇 Python 技术热文

    http://mp.weixin.qq.com/s?__biz=MzA4MjEyNTA5Mw==&mid=2652565527&idx=1&sn=840c1ce854afc29 ...

  9. Web前端基础(9):JavaScript(三)

    1. 常用内置对象 所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法. 1.1 数组Array 1.1.1 数组的创建方式 字面量方式创建(推荐大家使用这种方 ...

  10. WinForms项目升级.Net Core 3.0之后,没有WinForm设计器?

    目录 .NET Conf 2019 Window Forms 设计器 .NET Conf 2019 2019 9.23-9.25召开了 .NET Conf 2019 大会,大会宣布了 .Net Cor ...