前端工程師必備技能彙總

還記得@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

●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

●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

●Coding style

●單元測試

●自動化測試

●JSLint/JSHint

●CSSLint

●Markup Validation Service

●QUnit/Jasmine

●Mocha/Should/Chai/Expect

●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

●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 101 Hacks

●UNIX Shell Scripting

●The Linux Command Line

Linux編程

●Linux程序設計

●Linux系統編程

●Unix環境高級編程

●Unix編程藝術

●The Linux Programming Interface

●深刻理解Linux內核

●Unix網絡編程

C/C++

●Linux C編程一站式學習

●C和指針

●C陷阱與缺陷

●C專家編程

●C語言核心技術

●完全搞定C指針

●C++編程思想

●高質量程序設計指南---C/C++語言

●Inside the C++ Object Model

●A Tour of C++

●The C++ Programming Language

●The C++ Standard Library - A Tutorial and Reference

●The C++ Standard (INCITS/ISO/IEC 14882-2011)

●Overview of the New C++

來自：https://github.com/JacksonTian/fks