Web前端工程师成长之路

设计形式

jQuery/Underscore/Mootools/Prototype.js

项目首席执行官。那一个人负担实际地运作和护卫应用程序。项目管理的显要关心点,无外乎正常运转时刻、应用程序始终健康可用的时光、品质和终结日期。项目老板追求的靶子往往是尽量保持工作的不难化,以及不在升级翻新时引入新题材。

HTML、CSS
系列书籍,都是相差无几,在当当网、杰出网搜索一下广大推介。即使感到学的大都了,可以关注一下《CSS禅意花园》,那一个很有影响力。Javascript
的书本 推荐看老外写的,国内不少 Javascript 书籍的撰稿人对 Javascript
语言了然的都不是很透彻。

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

ADsafe/Caja/Sandbox

本子管理

编译原理

CleanCSS/UglifyJS

要做地道的前端工程师,还须要继续大力:《高质量网站建设指南》、《Yahoo工程师的网站质量优化的指出》、“YSLOW”品质优化提出、《网站重构》、《Web开发敏捷之道》、“
jQuery 库”、“前端框架”、“HTML5”、“CSS3”…… 那个都要深刻商量!

Markup Validation Service

IE6/7/8/9

Dox/Doxmate

WebStorm

Javascript Tips

DOM操作——怎么样添加、移除、移动、复制、创设和摸索节点。

前沿技术社区/会议

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

趁开头持设备的迅猛发展,推动了
HTML5行业标准的飞速前进。web领域的技能,大概有10年都尚未大的立异了!现在市面很必要突出的、高级的前端工程师。一方面是因为那是一个比较新的划分行业,而且前端程序员大都自学一部分,知识结构不系统;另一方面,大学内部没有那种课程,最最重大的是:哈工大青鸟那类培训机构也并未专门的前端工程师的打造科目!!

《JavaScript.The.Good.Parts》:Yahoo大牛,JavaScript精神领袖道格拉斯Crockford的杰作,即使才100多页,但是言简意深凝炼有力啊!强烈指出阅读。

作为一名最基础的前端工程师你不可能不驾驭HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前者知识管窥之见的,一碰到标题就止住工作就各处搜寻解决方案的,首先就是不上一个合格的前端人士。像自己那样的假诺当了前端工程师那工期肯定是无法担保的。合格的前端工程师第一要学会的就是在尚未其他外来帮衬的动静下(包涵搜索引擎),可以不辱职务一大半义务。

JSON——它是何许、为何应该运用它、到底该怎么采用它,说出落成细节来。

后端工程师

上述那一个知识点都应有是你“想都不要想”就清楚的东西。除了上述的前端知识,也还需学会至少一门后端编程语言,让您自己学会怎么与后端举办更好的交互。很多前端工程师对一些库极度的熟谙,jQuery,Bootstrap等,不过对于库的耳熟能详并无法提现你的大好,整整卓越的是那一个领悟库背后的体制,尤其是力所能及徒手写出一个要好的库的人。真正合格的前端工程师是能促成具体的机能要求,而美好的前端工程师需求解决的难点是寻找一个最优的解决方案。

YUI Compressor

品类营造工具

《Eloquent
JavaScript》:那本书才200多页,极度短小,通过多少个极度经典的例证(埃米莉三姑的猫、灾殃的隐士、模拟生态圈、推箱子游戏之类)来介绍JavaScript方方面面的知识和运用措施。

Firebug/Firecookie

Git/SVN

web前端工程师

函数式编程

数据库

SVG/Canvas/VML

SQL

JSConf/NodeConf

关联技巧/团队合营

Firefox

Coding style

MySQL/MongoDB/Oracle

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

吴亮在《JavaScript 王者归来》第一张的序里面说:大部分程序员认为
Javascript
过于简陋,只适合部分网页上面花哨的变现,所以不愿开支精力去读书,或者觉得不念书就能领悟。实际上,一门语言是不是脚本语言,往往是她的安插目标控制,简单与复杂并不是分别脚本语言和非脚本语言的正经。事实上,在脚本语言里面,Javascript
属于格外复杂的一门语言,他的复杂度固然放在非脚本语言中来衡量,也是一门一定复杂的语言!Javascript
的复杂度不逊色于 Perl 和 Python!

前者工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的正业。Web前端开发工程师,主要职分是利用(X)HTML/CSS/JavaScript/DOM/Flash等种种Web技术拓展产品的界面开发。制作专业优化的代码,并扩张互相动态功能,开发JavaScript以及Flash模块,同时重组后台开发技术模拟全部机能,举办添加互连网的Web开发,致力于经过技能改良用户体验。

盒模型——外边距、内边距和边框之间的关系,IE < 8中的盒模型有怎么样两样。

SeaJS/Require.js

知识管理/总结分享

《JavaScript高级程序设计》:一本分外完整的经典入门书籍,被誉为JavaScript圣经之一,详解的百般详细,最新版第三版已经宣布了,指出购买。

乘势近两三年来RIA(Rich Internet
Applications的缩写,普通话意思为:丰硕的因特网应用程序)的盛行和普及带来的诸如:Flash/Flex,Silverlight、XML和劳务器端语言(PHP、ASP.NET,JSP、Python)等语言,前端开发工程师也须求了解。

IDE

YSlow 35 rules

YUI3模块

切页面

JSPerf

数据结构

Fiddler

MongoDB/CouchDB

编程语言

安顿流程

jQuery Mobile

CSS/CSS3

——初级读物:——

XMLHttpRequest——那是何等、怎么样完整地执行一回GET请求、怎么样检测错误。

PhoneGap

CommonJS/AMD

Github/Bitbucket/Google Code

以下知识点是当做一个前端工程师必须精晓和熟习的:

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

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

一、何为Web前端工程师?

响应式设计

原型链/效用域链

Mocha/Should/Chai

数据结构

QUnit/Jasmine

类库模块化

HTML 甚至不是一门语言,他单纯是粗略的标记语言!

三、进步无止境

电脑知识储备

可视化

文件加载

PageSpeed

JavaScript生态

Unix/Linux/OS X/Windows

Web前端开发技术主要包蕴多个因素:HTML、CSS和JavaScript!

互相之间设计/可用性/可访问性知识

LABjs

同时,优良的前端工程师必要具有非凡的联络能力,因为前者工程师至少都要知足四类客户的须求:

浏览器

微机互连网

操作系统

严苛方式与混杂方式——怎么样触发那三种方式,区分它们有什么意义。

也正因为如此,前端开发领域有那些自学成“才”的同行,但多数人都停留在会用的级差,因为背后的上学曲线越来越陡峭,每前进一步都很难。
Web前端技术有一些江湖气,知识点过于琐碎,技术价值观的对弈也难分伯仲,即全局的系统的学识结构没有成种类,那几个元素也创设上影响了“正统“前端技术的陷落!而且各类“奇技淫巧”被滥用,前端技术知识的传承也过于肤浅,新人难看清时局把握主次。由此,前端技术世界,为投机觅得一个可靠的师兄,主要性要盖过项目、团队、公司、甚至薪俸。

开发工具

UI设计师。这个人肩负应用程序的视觉设计和相互模拟。他们关切的是用户对什么敏感、交互的平昔性以及完整的好用性。一般的话,UI设计师于流畅靓丽、但并不简单完结的用户界面,而且他们时常不满前端工程师造成
1px 的误差。

JavaScript语言出色

Google Clousure Complier

《Pro.JavaScript.Design.Patterns》:Apress出版社讲解JavaScript设计形式的书,非凡不易。

那里推荐几本 Javascript 书籍:

NodeParty/W3CTech/HTML5梦工厂

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

前端库/框架

CommonJS/AMD

HTTPWatch

JSLint/JSHint

Notepad++/EditPlus

Backbone/KnockoutJS/Emberjs

HTML/HTML5

W3C/DOM/BOM/XHTML/XML/JSON/JSONP

OOP/AOP

Yahoo集团 ,YUI的付出工程师 尼古拉斯 C. Zakas
认为:前端工程师是电脑科学工作领域中最复杂的一个工种。绝大部分传统的编程思想已经不适用了,为了在二种阳纽伦堡运用,各种技能都借鉴了大气软科学的学问和看法。成为可在此此前端工程师所要具备的正规技术,涉及到广大而复杂的世界,那个领域又会因为你说到底必须劳动的各方的参与而变得尤其复杂。专业技术或者会引领你进来成为前端工程师的大门,但只有使用该技术创立的应用程序以及你跟客人并肩一起的力量,才会真的让你变得尽善尽美。

操作系统

前端工程师

YSlow

好好的前端工程师应该有着连忙学习能力。牵动Web发展的技能并不是静止不动的,那些技能大致天天都在转移,假使没有很快学习能力,你就跟不上Web发展的步伐。你必须不停进步自己,不断学习新技巧、新情势;仅仅凭借明日的文化不可以适应未来。Web的前几天与昨日必然有天壤之别,而你的干活就是要搞精晓什么通过自己的Web应用程序来突显那种天翻地覆的转变。

《高品质JavaScript》:《JavaScript高级程序设计》小编尼古拉斯 C.
Zakas的又一大作。

《Developing Large Web
Applications》:不仅有JavaScript方面的介绍,还有CSS、HTML方面的牵线,然而介绍的始末却都极度正确,真正考虑到了一个重型的Web程序下,怎么着进展JavaScript架构设计,值得一读。

DOM结构——多个节点之间或者存在什么样关系以及哪些在节点之间自由运动。

Yeoman

高级读物:

事件——怎么样使用事件以及IE和DOM事件模型之间存在什么重大差别。

VIM/Sublime Text2

高性能JavaScript

最后用户。指的是应用程序的紧要消费者。固然前端工程师不会时不时与最终用户打交道,但他们的反映意见主要。最终用户须要最多的就是对私家有效的效果,以及竞争性产品所拥有的效能。

Zeptojs/iScroll

前者标准/规范

《JavaScript Patterns
》:书中介绍到了各类经典的方式,如构造函数、单例、工厂等等,值得学习。

五、Web前端学习书本

《Developing JavaScript Web
Applications》:营造富应用的好书,针对MVC情势有比较深切的教师,同时也对部分流程的库开展了讲课。

前端开发的入门门槛其实很低,与服务器端语言先慢后快的学习曲线相比较,前端开发的读书曲线是先快后慢。

D3/Raphaël/DataV

需要管理/PM

QCon/Velocity/SDCC

Chrome/Safari/Opera

V5/Sencha Touch

块级元素与行内元素——怎么用CSS控制它们、它们如何影响周围的元素以及你认为应该什么定义它们的体裁。

JSConf/沪JS(JSConf.cn)

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

转变元素——怎么使用它们、它们有啥难点以及怎么解决这么些标题。

PhotoShop/Paint.net

DynaTrace’s Ajax

分类: Web开发使用

性能

闭包

CSSLint

D2/WebRebuild

YUI3/Dojo/ExtJS

HTML5/CSS3

IEDeveloperToolbar/IETester

JSDoc

HTTP1.1

代码质量

Grunt

凡事开端难!固然你能到那一个境界,剩下的路自己就足以走下来了。倘若一味只是上学前端编程语言、而不懂后端编程语言(PHP、ASP.NET,JSP、Python),也不可以算作是一矢双穿的前端工程师。在改为一个得天独厚的前端工程师的征程上,充满了汗珠和艰巨。

产品老总。这一个是背负策划应用程序的一群人。他们会想出过多出色的、奇怪的、甚至是不只是落到实处的采纳。一般的话,产品经营都追求增进的功效。

WebDriver

单元测试

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

图1、前端技术MSS

代码协会

编程语言

软技能

——中级读物:——

移动Web

GYP

编程知识储备

CSRF/XSS

YDN/YUIConf

一边,正如前方所说,前端开发是个要命新的营生,对一些规范和特等实践的钻研都处在探索阶段。总有新的灵感和技巧不时闪现出来,例如CSS
sprite、负边距布局、栅格布局等;各类JavaScript框架见惯司空,为全部前端开发领域注入了惊天动地的生气;浏览器大战也更是白热化,跨浏览器包容方案依然是丰富多彩。为了知足“高可维护性”的内需,须要更深远、更系统地去控制前端知识,那样才可能创制一个好的前端架构,有限扶助代码的成色。

JavaScript/Node.js

HTML5/CSS3

文档输出

安全

四、前端开发知识架构

算法原理

HTML与XHTML——二者有哪些界别,你觉得应该使用哪一个并说出理由。

业务逻辑模块化

它要求前端开发工程师不仅要精通基本的Web前端开发技术,网站质量优化、SEO和劳务器端的基础知识,而且要学会运用各个工具举行援救开发以及理论层面的学识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级襄助等。

二、怎样学习前端知识?

减掉合并

自动化测试

make/Ant

ECMAScript3/5

《JavaScript权威指南》:其它一本JavaScript圣经,讲解的也要命详细,属于中间读物,提议购买。

调节工具

软件工程/软件测试原理