Web前端工程师成长的路

web前端工程师

分拣: Web开发以

一致、何为Web前端工程师?

前者工程师,也让Web前端开发工程师。他是趁web发展,细分出的行当。Web前端开发工程师,主要职责是动(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术拓展产品的界面开发。制作专业优化的代码,并多彼此动态功能,开发JavaScript以及Flash模块,同时组成后台开发技术模拟整体效能,进行添加互联网的Web开发,致力为经过技能精益求精用户体验。

Web前端工程师成长的路——知识汇总

祈求1、前端技术MSS

Web前端开发技术主要概括三只元素:HTML、CSS和JavaScript!

它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和劳务器端的基础知识,而且一旦学会运用各种工具进行赞助开发与理论层面的学识,包括代码的可维护性、组件的易用性、分层语义模板与浏览器分级支持等。

乘近两三年来RIA(Rich Internet
Applications的缩写,中文意思为:丰富的因特网应用程序)的风靡和推广带来的例如:Flash/Flex,Silverlight、XML和劳务器端语言(PHP、ASP.NET,JSP、Python)等语言,前端开发工程师也欲控制。

前端开发的入门门槛其实生没有,与劳动器端语言先放缓后赶紧之上曲线相比,前端开发的修曲线是预先赶快后慢。

HTML 甚至不是同一派系语言,他不过是略的记号语言!

CSS 只是无类型的体裁修饰语言。当然好勉强算作弱类型语言。

Javascript 的根基部分相对来说不难,入手还算快。

否正缘这样,前端开发领域产生无数自学成“才”的同行,但大部分总人口都待在会用的阶段,因为背后的上曲线更陡峭,每前进一步都坏不便。
Web前端技术有局部下方气,知识点过于琐碎,技术价值观的对弈也难分伯仲,即全局的系统的文化结构没有成为网,这些因素吧理所当然上影响了“正统“前端技术的沉淀!而且各种“奇技淫巧”被滥用,前端技术知识之承受为过于肤浅,新人难看清时局把握主次。因此,前端技术领域,为和谐寻找得一个拄谱的师兄,重要性要因过项目、团队、公司、甚至薪水。

一方面,正使前方所说,前端开发是个非常新的专职,对有些正经以及最佳实践的钻研都远在探索等。总起新的灵感和技巧时闪现出,例如CSS
sprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷,为整前端开发领域注入了光辉的活力;浏览器大战也愈发紧张,跨浏览器兼容方案还是是五花八门。为了满足“高可维护性”的消,需要再行透彻、更系统地失去控制前端知识,这样才可能创造一个吓的前端架构,保证代码的品质。

乘手执设备的迅猛发展,带动了
HTML5行业标准的高效腾飞。web领域的艺,大概发生10年都无很的创新了!现在市面好需要优质之、高级的前端工程师。一方面是盖这是一个较新的分开行业,而且前端程序员大都自学一部分,知识结构不系统;另一方面,大学内没这种课程,最极端紧要之是:北大青鸟马上类培训机构为无专门的前端工程师的扶植科目!!

吴亮以《JavaScript 王者归来》第一布置的序里面说:大多数程序员认为
Javascript
过于简陋,只称部分网页端花哨的显现,所以未乐意花精力去读书,或者认为无学习就可知掌握。实际上,一山头语言是不是脚本语言,往往是它的统筹目标控制,简单与复杂并无是别脚本语言和不脚本语言的专业。事实上,在脚本语言里面,Javascript
属于相当复杂的均等门语言,他的复杂度即使放在非脚本语言中来衡量,也是一律山头一定复杂的言语!Javascript
的复杂度不小于 Perl 和 Python!

其次、如何学习前端知识?

当同样誉为最基础之前端工程师你必掌握HTML、CSS和JavaScript。三者必须以会,类似我字样对前者知识同等知半解的,一遇到问题便止住工作便四处寻找解决方案的,首先就是非上一个合格的前端人员。像本人这样的假设当了前者工程师那工期肯定是勿可知管的。合格的前端工程师第一要学会的即使是于尚未其他外来帮助的情事下(包括搜索引擎),能够做到大多数任务。

以下知识点是当做一个前端工程师必须询问与习的:

DOM结构——两只节点内或有什么样关系和怎样当节点内自由运动。

DOM操作——怎样添加、移除、移动、复制、创建及搜索节点。

事件——怎样利用事件以及IE和DOM事件模型中有哪些重大区别。

XMLHttpRequest——这是啊、怎样完整地实行同一坏GET请求、怎样检测错误。

严模式及混杂模式——如何触发就点儿栽模式,区分它们有何意义。

盒模型——外边距、内边距同边框之间的涉及,IE < 8中的盒模型有啊两样。

块级元素与行内元素——怎么用CSS控制其、它们如何影响周围的因素与若觉得当怎么定义其的体裁。

变更元素——怎么用它、它们发出啊问题及怎么化解这些问题。

HTML与XHTML——二者有啊分别,你当当下啊一个并说出理由。

JSON——它是什么、为什么当下其、到底该怎么利用她,说有实现细节来。

上述这些知识点都应当是你“想都休想想”就清楚之事物。除了上述的前端知识,也尚亟需学会至少一派系后端编程语言,让您自己学会怎么跟后端进行重新好的互。很多前端工程师对一部分储藏室非常的习,jQuery,Bootstrap等,但是对库底熟稔连无克提现你的好,整整优秀之凡那些知道库背后的体制,特别是会徒手写起一个友好的仓库底人头。真正合格的前端工程师是能够兑现具体的意义要求,而精彩的前端工程师需要解决的题材是找一个顶了不起的缓解方案。

并且,优秀之前端工程师需要持有不错的联络能力,因为前端工程师至少都如满足四近乎客户的需要:

出品经理。这些是承担策划应用程序的一致森人数。他们见面怀念有累累新鲜的、奇怪之、甚至是休只是落实之使用。一般的话,产品经营还追增长的功能。

UI设计师。这些人口背应用程序的视觉设计以及互动模拟。他们关注的凡用户指向什么敏感、交互的一贯性以及完整的好用性。一般的话,UI设计师为流畅靓丽、但连无易于实现之用户界面,而且她们时常不括前端工程师造成
1px 之误差。

项目经理。这些人当实际地运转和掩护应用程序。项目管理的最主要关注点,无外乎正常运作时、应用程序始终健康可用之时刻、性能及终止日期。项目经理追求的靶子往往是尽量保持业务的简单化,以及未以提升翻新时引入新题材。

最终用户。指的是应用程序的重中之重消费者。尽管前端工程师不会见时时和最终用户打交道,但她们之举报意见要。最终用户要求最好多之就是针对性民用中之职能,以及竞争性产品所所有的功力。

Yahoo公司 ,YUI的付出工程师 Nicholas C. Zakas
认为:前端工程师是电脑科学工作领域面临最为复杂的一个工种。绝大多数风俗习惯的编程思想都不适用了,为了以余阳台中以,多种技都借鉴了大量软科学的学问和观点。成为可以前端工程师所而负有的科班技能,涉及到大而复杂的世界,这些世界以见面因为您最终须劳动的各方之参与而转换得愈复杂。专业技能或会见率你进成为前端工程师的大门,但才发利用该技能创造的应用程序以及若与他人并肩一起的力,才见面真叫你转移得妙。

老三、提升上

Web前端工程师成长的路——知识汇总

图2、Web前端工程师知识架构

帅之前端工程师应该有着快速学习能力。推动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

WebStorm

调剂工具

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/XHTML/XML/JSON/JSONP

CommonJS/AMD

HTML5/CSS3

性能

JSPerf

YSlow 35 rules

PageSpeed

HTTPWatch

DynaTrace’s Ajax

高性能JavaScript

编程知识储备

数据结构

OOP/AOP

原型链/作用域链

闭包

函数式编程

设计模式

Javascript Tips

配置流程

减去合并

YUI Compressor

Google Clousure Complier

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 Mobile

JavaScript生态

MongoDB/CouchDB

前沿技术社区/会议

D2/WebRebuild

NodeParty/W3CTech/HTML5梦工厂

JSConf/沪JS(JSConf.cn)

QCon/Velocity/SDCC

JSConf/NodeConf

YDN/YUIConf

计算机知识储备

编译原理

处理器网络

操作系统

算法原理

软件工程/软件测试原理

软技能

文化管理/总结分享

沟通技巧/团队合作

需求管理/PM

相设计/可用性/可访问性知识

可视化

SVG/Canvas/VML

D3/Raphaël/DataV

后端工程师

编程语言

C/C++/Java/PHP/Ruby/Python/…

数据库

SQL

MySQL/MongoDB/Oracle

操作系统

Unix/Linux/OS X/Windows

数据结构

五、Web前端上书本

HTML、CSS
类别书籍,都是各有千秋,在当当网、卓越网搜索一下群引进。如果感觉到学的大半了,可以关注一下《CSS禅意花园》,这个非常有影响力。Javascript
的书本 推荐看老外写的,国内广大 Javascript 书籍的作者对 Javascript
语言了解的还非是好透彻。

此间推荐几按部就班 Javascript 书籍:

——初级读物:——

《JavaScript高级程序设计》:一仍好完整的藏入门书籍,被誉为JavaScript圣经之一,详解的可怜详尽,最新版本第三本子曾宣布了,建议购买。

《JavaScript王者归来》百度的一个Web开发项目经理写的,作为初学者准备的入门级教程也不易。

——中级读物:——

《JavaScript权威指南》:另外一本JavaScript圣经,讲解的为大详细,属于中级读物,建议市。

《JavaScript.The.Good.Parts》:Yahoo大牛,JavaScript精神领袖Douglas
Crockford的绝唱,虽然才100大多页,但是字字珠玑啊!强烈建议阅读。

《高性能JavaScript》:《JavaScript高级程序设计》作者Nicholas C.
Zakas的同时同样老发。

《Eloquent
JavaScript》:这仍开才200几近页,非常紧缺小,通过几单大经典的例子(艾米丽姨妈的猫、悲惨的山民、模拟生态圈、推箱子游戏之类)来介绍JavaScript方方面面的知以及使用措施。

高级读物:

《JavaScript Patterns
》:书被介绍及了各种经典的模式,如构造函数、单例、工厂等等,值得学习。

《Pro.JavaScript.Design.Patterns》:Apress出版社讲解JavaScript设计模式的开,非常正确。

《Developing JavaScript Web
Applications》:构建方便动的好书,针对MVC模式产生比较深入之教学,同时为本着有的流程的仓库开展了教授。

《Developing Large Web
Applications》:不仅有JavaScript方面的牵线,还有CSS、HTML方面的牵线,但是介绍的情节可还深科学,真正考虑到了一个巨型的Web程序下,如何开展JavaScript架构设计,值得一念。

而召开地道之前端工程师,还亟需继续全力:《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷的志》、“
jQuery 库”、“前端框架”、“HTML5”、“CSS3”…… 这些还要深入钻研!

所有开头难!如果你会顶者地步,剩下的行程自己就得走下去了。如果单单只是是上前端编程语言、而未晓后端平编程语言(PHP、ASP.NET,JSP、Python),也不能够当成是上好的前端工程师。在成一个出色之前端工程师的征程上,充满了汗和艰辛。

http://www.w3cfuns.com/blog-5463734-5404605.html