前端工程師必備技能彙總

項目起源

還記得@jayli 的這幅前端知識結構圖麼。

前端知識結構

圖檔的形式具有諸多的不便。缺失源圖的我們，無法為此圖貢獻些什麼，随着時間的遷移，或許有些技術點會發生改變，是以有了這個github項目。我們可以通過協作的方式來共同維護這個項目。git的曆史記錄也可以見證前端行業的一些變遷。

盡管會變成文字的方式來維護這些内容，但是我承諾寫一個小工具幫大家生成更好玩的圖形（基于datav項目）。

前端開發知識結構

前端工程師

svg/canvas/vml

svg: d3/raphaël/snap.svg/datav

canvas: createjs/kineticjs

知識管理/總結分享

溝通技巧/團隊協作

需求管理/pm

互動設計/可用性/可通路性知識

編譯原理

計算機網絡

作業系統

算法原理

軟體工程/軟體測試原理

d2/webrebuild

nodeparty/w3ctech/html5夢工廠

jsconf/滬js(jsconf.cn)

qcon/velocity/sdcc

jsconf/nodeconf

cssconf

ydn/yuiconf

hybridapp

html5/css3

響應式設計

zeptojs/iscroll

v5/sencha touch

phonegap

jquery mobile

csrf/xss

adsafe/caja/sandbox

類庫子產品化

業務邏輯子產品化

檔案加載

子產品化預處理器

commonjs/amd

yui3子產品

bower/component

labjs

seajs/require.js

browserify

壓縮合并

文檔輸出

項目建構工具

yui compressor

google clousure complier

uglifyjs

cleancss

jsdoc

dox/doxmate/grunt-doxmate

make/ant

gyp

grunt

yeoman

fis

mod

資料結構

oop/aop

原型鍊/作用域鍊

閉包

函數式程式設計

設計模式

javascript tips

jsperf

yslow 35 rules

pagespeed

httpwatch

dynatrace's ajax

高性能javascript

http1.1

ecmascript3/5

w3c/dom/bom/xhtml/xml/json/jsonp

commonjs modules/amd

jquery/underscore/mootools/prototype.js

yui3/dojo/extjs/kissy

backbone/knockoutjs/emberjs

angularjs

bootstrap

semantic ui

batarang

coding style

單元測試

自動化測試

jslint/jshint

csslint

markup validation service

qunit/jasmine

mocha/should/chai/expect

webdriver/karma runner/sahi

phantomjs

ide

調試工具

版本管理

vim/sublime text2

notepad++/editplus

webstorm

emacs emacswiki

brackets

firebug/firecookie

yslow

iedevelopertoolbar/ietester

fiddler

chrome dev tools

git/svn

github/bitbucket/google code

html/html5

css/css3

photoshop/paint.net/fireworks

javascript/node.js

coffeescript

typescript

ie6/7/8/9/10/11

firefox

chrome/safari/opera

浏覽器

程式設計語言

切頁面

開發工具

代碼品質

前端庫/架構

前端标準/規範

性能

程式設計知識儲備

部署流程

代碼組織

安全

移動web

前沿技術社群/會議

計算機知識儲備

軟技能

可視化

後端工程師

unix/linux/os x/windows

varnish

squid

redis

memcached

sql

mysql/postgresql/oracle

mongodb/couchdb

nginx

apache

c/c++/java/php/ruby/python/...

伺服器

資料庫

資料緩存

檔案緩存/代理

前端書籍推薦

越少越簡單,越适合入門,多的要麼是難度比較高,要麼是比較适合在後面看,比如講性能之類的書.

css

eric meyer 談 css（卷二）

css權威指南 （第3版）

精通css

javascript

javascript dom程式設計藝術 （第2版）

javascript進階程式設計（第3版）

鋒利的jquery

javascript語言精粹

javascript權威指南

編寫可維護的javascript

javascript語言精髓與程式設計實踐

effective javascript

secrets of the javascript ninja

javascript模式

javascript設計模式

基于mvc的javascript web富應用開發

版本控制工具

版本控制之道 (git)

git權威指南

後端書籍推薦

linux管理

linux 系統管理技術手冊

鳥哥的 linux 私房菜

linux 101 hacks

unix shell scripting

the linux command line

linux程式設計

linux程式設計

linux系統程式設計

unix環境進階程式設計

unix程式設計藝術

the linux programming interface

程式員的自我修養

深入了解linux核心

unix網絡程式設計

tcp/ip進階程式設計

c/c++

linux c程式設計一站式學習

c和指針

c陷阱與缺陷

c專家程式設計

c語言核心技術

徹底搞定c指針

征服c指針

c++程式設計思想

高品質程式設計指南---c/c++語言

inside the c++ object model