BootstrapWeb前端工程师成长之路

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

处理器知识储备

编译原理

计算机网络

操作系统

算法原理

软件工程/软件测试原理Bootstrap

软技能

文化管理/总结分享

联系技巧/团队协作

要求管理/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

相关文章