北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

试听

企业培训

扫码
关注

首页 / 

行业资讯

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

时间: 来源:火星人

一、技术的必须的
作为一名基础的前端工程师你必须掌握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


数据结构

关键词:北京web前端培训,北京web前端,web前端培训

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 连接高校与企业
  • 课程不断更新
  • 可推荐就业
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2021 2ds.cn, All Rights Reserved 京ICP备2020041353号-5