Summary of prerequisite skills for front-end engineers

Project Origins

Remember the @jayli of the front-end knowledge structure map.

The form of the picture has many inconveniences. We can't contribute anything to this graph because of the missing source graph, and over time, there may be some technical points that might change, so with this GitHub project. We can work together to maintain this project in a collaborative way. Git's history can also witness some of the changes in the front-end industry.

Although it will be written to maintain the content, I promise to write a gadget to help you generate better graphics (based on the Datav project).

Front-end development knowledge structure

• Front End Engineer

• Svg/canvas/vml

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

• Canvas:createjs/kineticjs

• Knowledge Management/summary sharing

• Communication Skills/Team collaboration

• Demand Management/PM

• Interactive design/usability/accessibility knowledge

• Compilation principle

• Network

• Operating system

• Algorithm principle

• Engineering/Software Testing principles

• D2/webrebuild

• NODEPARTY/W3CTECH/HTML5 Dream Factory

• jsconf/Shanghai JS (jsconf.cn)

• Qcon/velocity/sdcc

• Jsconf/nodeconf

• Cssconf

• Ydn/yuiconf

• Hybridapp

• Html5/css3

• Responsive design

• Zeptojs/iscroll

• V5/sencha Touch

• PhoneGap

• JQuery Mobile

• Csrf/xss

• Adsafe/caja/sandbox

• Modularity of class libraries

• Modularity of business logic

• File loading

• Modular Preprocessor

• Commonjs/amd

• YUI3 Module

• Bower/component

• Labjs

• Seajs/require.js

• Browserify

• Compress merge

• Document output

• Project Building Tools

• YUI Compressor

• Google clousure complier

• Uglifyjs

• Cleancss

• JSDoc

• Dox/doxmate/grunt-doxmate

• Make/ant

• Gyp

• Grunt

• Yeoman

• FIS

• Mod

• Data

• Oop/aop

• Prototype chain/Scope chain

• Closed Package

• Function-Type programming

• Design Patterns

• Javascript Tips

• JSPerf

• YSlow rules

• Pagespeed

• HttpWatch

• DynaTrace ' s Ajax

• High-performance JavaScript

• HTTP1.1

• Ecmascript3/5

• W3c/dom/bom/xhtml/xml/json/jsonp

• CommonJS MODULES/AMD

• Html5/css3

• Jquery/underscore/mootools/prototype.js

• Yui3/dojo/extjs/kissy

• Backbone/knockoutjs/emberjs

• AngularJS

• Bootstrap

• Semantic UI

• Batarang

• Coding style

• Unit Test

• Automated testing

• Jslint/jshint

• Csslint

• Markup Validation Service

• Qunit/jasmine

• Mocha/should/chai/expect

• Webdriver/karma Runner/sahi

• Phantomjs

• Ide

• Debugging Tools

• Version Management

• 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

• Browser

• Programming languages

• Cut page

• Development tools

• Code Quality

• Front End Library/framework

• Front-end standards/specifications

• Performance

• Programming Knowledge Reserve

• Deployment process

• Code Organization

• Safety

• Mobile Web

• Cutting-edge technology community/Conference

• Computer Knowledge Reserve

• Soft Skills

• Visualization of

• Back-end Engineer

• Unix/linux/os x/windows

• Varnish

• Squid

• Redis

• Memcached

• Sql

• Mysql/postgresql/oracle

• Mongodb/couchdb

• Nginx

• Apache

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

• Programming languages

• Server

• Database

• Data caching

• File Cache/Proxy

• Operating system

• Data

Front-end Books recommended

★ The less the simpler, the more suitable for the introduction, ★ More than the difficulty is higher, or is more suitable in the back to see, such as the performance of the book.

Css

• Eric Meyer about CSS (vol. II) ★

• CSS authoritative Guide (3rd edition) ★

• Proficient in css★★★

Javascript

• JavaScript DOM Programming Art (2nd edition) ★

• JavaScript Advanced Programming (3rd edition) ★

• Sharp jquery★★.

• High Performance javascript★★★

• JavaScript Language Essence ★

• JavaScript authoritative guide ★ ¡ï

• Write javascript★★★ that can be maintained

• JavaScript language Essence and Programming practice ★

• Effective javascript★★★

• Secrets of the JavaScript ninja★★★

• JavaScript mode ★

• JavaScript design mode ★★★★

• Development of JavaScript Web rich application based on MVC ★

Version control tools

• Version control path (GIT) ★

• git authoritative guide ★★★★

Back-end books recommended Linux management

• Linux System Management Technical Manual

• Brother Bird's Linux private cuisine

• Linux 101 Hacks

• UNIX Shell Scripting

• The Linux Command Line

Linux Programming

• Linux Programming

• Linux system programming

• Advanced Programming for UNIX environments

• UNIX Programming Art

• The Linux programming Interface

• Self-cultivation of programmers

• Deep understanding of the Linux kernel

• UNIX Network programming

• TCP/IP Advanced Programming

C + +

• Linux C Programming One-stop learning

• C and Pointers

• C Pitfalls and pitfalls

• C Expert Programming

• C Language Core Technology

• Take care of the C pointer completely

• Conquer C pointer

• C + + programming ideas

• High-quality Programming Guide---C + + language

• Inside the C + + Object Model

Summary of prerequisite skills for front-end engineers