AjaxWeb前端工程师成长的路

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工程师的网站性能Ajax优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷的道》、“
jQuery 库”、“前端框架”、“HTML5”、“CSS3”…… 这些还设深深研讨!

满开头难!如果您能到是境界,剩下的路自己就好走下了。如果一味只是是学前端编程语言、而休知情后端平编程语言(PHP、ASP.NET,JSP、Python),也无可知算作是得天独厚之前端工程师。在成一个完美的前端工程师的道及,充满了汗和艰苦。

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

相关文章