Prerequisite skills reserve for front-end engineers

Front-end development knowledge structure

• Front End Engineer
  • Browser
    • IE6/7/8/9/10/11 (Trident)
    • Firefox (Gecko)
    • Chrome/chromium (Blink)
    • Safari (WebKit)
    • Opera (Blink)
  • Programming languages
    • Javascript/node.js
    • Coffeescript
    • TypeScript
  • Cut page
    • Html/html5
    • Css/css3
    • Photoshop/paint.net/fireworks/gimp
  • Development tools

     

    • editor and IDE

       

      • vim/sublime Text2
      • notepad++/editplus
      • webstorm
      • emacs emacswiki
      • Brackets
      • Komodo ide/edit
      • E Clipse
      • Visual Studio
      • NetBeans
      • Cloud9 IDE
    • Debugging Tools

       

      • firebug/firecookie
      • YSlow
      • iedevelopertoolbar/ietester
      • Fiddler
      • Chrome Dev Tools
      • Dragonfly
      • Debugbar
      • Venkman
    • version Management

       

      • git/svn/mercurial
      • github/bitbucket/google code/gitorious/gnu savannah/l Aunchpad/sourceforge
  • Code Quality
    • Coding style
      • Jslint/jshint/jscs
      • Csslint
      • Markup Validation Service
    • Unit Test
      • Qunit/jasmine
      • Mocha/should/chai/expect
      • Unit JS
    • Automated testing
      • Webdriver/karma Runner/sahi
      • Phantomjs
  • Front End Library/framework
    • Jquery/underscore/mootools/prototype.js
    • Yui3/dojo/extjs/kissy
    • Backbone/knockoutjs/emberjs
    • AngularJS
      • Batarang
    • Bootstrap
    • Semantic UI
    • Juice UI
    • Web Atoms
  • Front-end standards/specifications
    • HTTP1.1
    • Ecmascript3/5
    • W3c/dom/bom/xhtml/xml/json/jsonp
    • CommonJS MODULES/AMD
    • Html5/css3
  • Performance
    • JSPerf
    • YSlow rules
    • Pagespeed
    • HttpWatch
    • DynaTrace ' s Ajax
    • High-performance JavaScript
  • Programming Knowledge Reserve
    • Data
    • Oop/aop
    • Prototype chain/Scope chain
    • Closed Package
    • Programming paradigm
    • Design Patterns
    • Javascript Tips
  • Deployment process
    • Compress merge
      • YUI Compressor
      • Google clousure complier
      • Uglifyjs
      • Cleancss
    • Document output
      • JSDoc
      • Dox/doxmate/grunt-doxmate
    • Project Building Tools
      • Make/ant
      • Gyp
      • Grunt
      • Yeoman
      • FIS
      • Mod
  • Code Organization
    • Modularity of class libraries
      • Commonjs/amd
      • YUI3 Module
    • Modularity of business logic
      • Bower/component
    • File loading
      • Labjs
      • Seajs/require.js
    • Modular Preprocessor
      • Browserify
  • Safety
    • Csrf/xss
    • Adsafe/caja/sandbox
  • Mobile Web
    • Html5/css3
    • Responsive web-Design
    • Zeptojs/iscroll
    • V5/sencha Touch
    • PhoneGap
    • JQuery Mobile
  • Cutting-edge technology community/Conference
    • D2/webrebuild
    • NODEPARTY/W3CTECH/HTML5 Dream Factory
    • jsconf/Shanghai JS (jsconf.cn)
    • Qcon/velocity/sdcc
    • Jsconf/nodeconf
    • Cssconf
    • Ydn/yuiconf
    • Hybridapp
    • WHATWG
  • Computer Knowledge Reserve
    • Compilation principle
    • Network
    • Operating system
    • Algorithm principle
    • Engineering/Software Testing principles
  • Soft Skills
    • Knowledge Management/summary sharing
    • Communication Skills/Team collaboration
    • Demand Management/PM
    • Interactive design/usability/accessibility knowledge
  • Visualization of
    • Svg/canvas/vml
    • Svg:d3/rapha?l/snap.svg/datav
    • Canvas:createjs/kineticjs

• Back-end Engineer

• Programming languages
  • c/c++/java/php/ruby/python/...
• Web server
  • Nginx
  • Apache
  • Lighttpd
• Database
  • Sql
  • Mysql/postgresql/oracle
  • Mongodb/couchdb
• Data caching
  • Redis
  • Memcached
• File Cache/Proxy
  • Varnish
  • Squid
• Operating system
  • Unix/linux/os x/windows
• 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 Network Administrator ' s Guide

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/c++ language
• 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 + +

Front-End Job interview

• Front-End Job interview questions

Prerequisite skills reserve for front-end engineers