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

发布时间：2017-06-17 17:00:14 已帮助：476人 来源：北京火星人设计学院

　　一、技术的必须的
　　作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通。如果对前端知识一知半解的，一遇到问题就停下工作四处搜索解决方案的，首先就段不上一个合格的前端人员，工期肯定是不能的。合格的前端工程师要学会的就是在没有任何外来帮助的情况下，能够完成大多数任务。
　　一下知识点是作为一个前端工程师必须了解和熟悉的：
　　DOM机构-两个节点之间可能存在哪些关系以及如何在节点之间任意移动
　　DOM操作-怎么添加、移除、移动、复制、创建和查找节点
　　事件-怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
　　XMLHttpRequest-这是什么，怎样完整地执行一次GET请求，怎样检测错误
　　严格模式与混杂模式-如何触发这两种模式，区分它们有何意义
　　盒模型-外边距、内边距和边框之间的关系，IE<8中的盒模型有什么不同
　　会计元素与行内元素-怎么用css控制它们、它们怎么影响周围的元素以及你觉得应该如何定义它们的样式
　　浮动元素-怎么使用它们，它们有什么问题以及怎么解决这些问题
　　HTML与XHTML-二者有什么区别，你觉得应该是用哪一个并说出理由。
　　JSON0-它是什么、为什么应该使用它，到底该怎么使用它，说出实现细节来。
　　上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。
　　很多前端工程师对一些库非常的熟悉，jQuery,Bootstrap等，但是对于库的熟悉并不能体现你的优秀，整整优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。
　　真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。
　　二、沟通很重要
　　优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求
　　产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎么样通过他们设计的模式赚到钱。一般来说，这些人追求的是丰富的功能。
　　UI设计师——这些人负责应用程序等视觉设计和交互模拟。他们关系的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽单并不容易实现的用户界面。
　　项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。
　　最终用户——当时是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。
　　不要在没有做出评估之前就随便接受某种任务，你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单的接受“这个功能有问题”之类的大概其的说法。而且，你好要确切的知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是的交互手段。要成为优秀的前端工程师，这种沟通至关重要。
　　那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，最后在此基础上拿出解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。
　　专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。
　　三、提升无止境
　　优秀的前端工程师应该具备快速学习能力，推动web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就不上web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的web应用程序来体现这种翻天覆地的变化。
　　四、前端开发知识架构
　　前端工程师
　　浏览器
　　IE6/7/8/9
　　Firefox
　　Chrome/Safari/Opera
　　编程语言
　　JavaScript/Node.js
　　JavaScript语言精粹
　　切页面
　　HTML/HTML5
　　CSS/CSS3
　　PhotoShop/Paint.net
　　开发工具
　　IDE
　　VIM/Sublime Text2
　　Notepad++/EditPlus
　　WebStom
　　调试工具
　　Firebug/Firecookie
　　YSlow
　　IEDeveloperToolbar/IETester
　　Fiddler
　　版本管理
　　Git/SVN
　　Github/Bitbucket/Google Code
　　代码质量
　　Coding style
　　JSLint/JSHint
　　CSSLint
　　Markup Validation Service
　　单元测试
　　QUnit/Jasmine
　　Mocha/Should/Chai
　　自动化测试
　　WebDriver
　　前端库/框架
　　jQuery/Underscore/Mootools/prototype.js
　　YUI3/Dojo/ExtJS
　　Backbone/KnockoutJS/Emberjs
　　前端标准/规范
　　HTTP1.1
　　ECMAScript3/5
　　W3C/DOM/BOM/XHMTL/XML/JSON/JSONP
　　CommomJS/AMD
　　HTML5/CSS3
　　性能
　　JSPerf
　　YSlow 35 rules
　　PageSpeed
　　HTTPWatch
　　DynaTrace's Ajax
　　高性能JavaScript
　　编程知识储备
　　数据结构
　　OOP/AOP
　　原型链/作用域链
　　闭包
　　函数式编程
　　设计模式
　　JavaScript Tips
　　部署流程
　　压缩合并
　　YUI Compressor
　　Google Clousure Comolier
　　CleanCSS/UglifyJS
　　文档输出
　　JSDoc
　　Dox/Doxmate
　　项目构建工具
　　make/Ant
　　GYP
　　Grunt
　　Yeoman
　　代码组织
　　类库模块化
　　CommonJS/AMD
　　YUI3模块
　　业务逻辑模块化
　　LABjs
　　SeaJS/Require.js
　　安全
　　CSRF/XSS
　　ADsafe/Caja/Sandbox
　　移动Web
　　HTML5/CSS3
　　响应式设计
　　Zeptojs/iScroll
　　V5/Sencha Touch
　　PhoneGap
　　jQuery Moblie
　　JavaScript生态
　　MingoDB/CouchDB
　　前沿技术社区、会议
　　D2/WebRebuild
　　NodeParty/W3CTech/HTML5 梦工厂
　　JSConf/沪JS(JSConf.cn)
　　QCon/Velocity/SDCC
　　JSConf.NodeConf
　　YDN/YUIConf
　　计算机知识储备
　　编译原理
　　计算机网络
　　操作系统
　　算法原理
　　软件工程、软件测试原理
　　软技能
　　知识管理/总结分享
　　沟通技巧/团队协作
　　需求管理/PM
　　交互设计、可用性、可访问性知识
　　可视化
　　SVG/Canvas/VML
　　D3/Raphael/DataV
　　后端工程师
　　编程语言
　　C/C++/Java/PHP/Ruby/Python/...
　　数据库
　　SQL
　　MySQL/MongoDB/Oracl
　　操作系统
　　Unix/Linux/OS X/Windows
　　数据结构

以上就是 北京火星人设计学院 小编为您整理如何成为一名优秀的前端工程师的全部内容,更多精彩请 在线咨询
也可以拨打咨询电话： 400-888-9073 让在线老师为你详细解答

---