Summary of Web Front-end knowledge and skills, and summary of Web knowledge and skills

Summary of Web Front-end knowledge and skills, and summary of Web knowledge and skills
Project Origin

Remember @ jayli's front-end knowledge structure.

The format of images is inconvenient. If the source image is missing, we cannot contribute anything to this image. With the migration of time, some technical points may change, so we have this GitHub project. We can work together to maintain this project. The history of Git can also witness some changes in the front-end industry.

Visualization

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 Language
    • JavaScript/Node. js
    • CoffeeScript
    • TypeScript
  • Switch page
    • HTML/HTML5
    • CSS/CSS3
    • Sass/LESS/Stylus
    • PhotoShop/Paint.net/Fireworks/GIMP/Sketch
  • Development Tools
    • Editor and IDE
      • VIM/Sublime Text2
      • Notepad ++/EditPlus
      • WebStorm
      • Emacs EmacsWiki
      • Brackets
      • Atom
      • Lime Text
      • Light Table
      • Codebox
      • TextMate
      • Neovim
      • Komodo IDE/Edit
      • Eclipse
      • Visual Studio/Visual Studio Code
      • NetBeans
      • Cloud9 IDE
      • HBuilder
      • Nuclide
    • Debugging tools
      • Firebug/Firecookie
      • YSlow
      • IEDeveloperToolbar/IETester
      • Fiddler
      • Chrome Dev Tools
      • Dragonfly
      • DebugBar
      • Venkman
    • Version Management
      • Git/SVN/Mercurial
      • Github/GitLab/Bitbucket/Gitorious/GNU savanhannah/Launchpad/SourceForge/TeamForge
  • Code Quality
    • Coding style
      • JSLint/JSHint/jscs
      • CSSLint
      • Markup Validation Service
      • HTML Validators
    • Unit Test
      • QUnit/Jasmine
      • Mocha/shoshould/Chai/shortct
      • Unit JS
    • Automated Testing
      • WebDriver/Protractor/Karma Runner/Sahi
      • Phantomjs
      • SourceLabs/BrowserStack
  • 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
    • Polymer
    • Dhtmlx
    • Qooxdoo
    • React
    • Brick
  • Frontend standards/specifications
    • HTTP/1.1: RFCs 7230-7235
    • HTTP/2
    • ECMAScript3/5
    • W3C: DOM/BOM/XHTML/XML/JSON/JSONP /...
    • CommonJS Modules/AMD
    • HTML5/CSS3
    • Semantic Web
      • MicroData
      • RDFa
    • Web Accessibility
      • WCAG
      • Role Attribute
      • WAI-ARIA
  • Performance
    • JSPerf
    • YSlow 35 rules
    • PageSpeed
    • HTTPWatch
    • DynaTrace's Ajax
    • High-performance JavaScript
  • SEO
  • Programming knowledge reserve
    • Data Structure
    • OOP/AOP
    • Prototype chain/scope chain
    • Closure
    • Programming Paradigm
    • Design Mode
    • Javascript Tips
  • Deployment process
    • Compression and merge
      • YUI Compressor
      • Google Clousure Complier
      • UglifyJS
      • CleanCSS
    • Document Output
      • JSDoc
      • Dox/Doxmate/Grunt-Doxmate
    • Project Build Tool
      • Make/Ant
      • GYP
      • Grunt
      • Gulp
      • Yeoman
      • Fiis
      • Mod
  • Code Organization
    • Modular class library
      • CommonJS/AMD
      • YUI3 Module
    • Modular business logic
      • Bower/component
    • File Loading
      • LABjs
      • SeaJS/Require. js
    • Modular pre-processor
      • Browserify
  • Security
    • CSRF/XSS
    • CSP
    • Same-origin policy
    • ADsafe/Caja/Sandbox
  • Mobile Web
    • HTML5/CSS3
    • Responsive Webpage Design
    • Zeptojs/iScroll
    • V5/Sencha Touch
    • PhoneGap
    • JQuery Mobile
    • W3C Mobile Web Initiative
    • W3C OK Leok Checker
    • Open Mobile Alliance
  • Cutting-edge technology communities/conferences
    • D2/WebRebuild
    • NodeParty/W3CTech/HTML5 DreamWorks
    • JSConf/Hu JS (JSConf.cn)
    • QCon/Velocity/SDCC
    • JSConf/NodeConf
    • CSSConf
    • YDN/YUIConf
    • HybridApp
    • WHATWG
    • MDN
    • Codepen
    • W3cplus
    • CNode
  • Computer Knowledge reserves
    • Compilation principles
    • Computer Network
    • Operating System
    • Algorithm principle
    • Software Engineering/software testing principles
    • Unicode
  • Soft Skills
    • Knowledge management/Summary and sharing
    • Communication skills/team collaboration
    • Requirement management/PM
    • Interaction Design/availability/accessibility
  • Visualization
    • SVG/Canvas/VML
    • SVG: D3/Rapha rjl/Snap. svg/DataV
    • Canvas: CreateJS/KineticJS
    • WebGL/Three. JS
• Backend Engineer
  • Programming Language
    • C/C ++/Java/PHP/Ruby/Python /...
  • Web Server
    • Nginx
    • Apache
    • Lighttpd
  • Database
    • SQL
    • MySQL/PostgreSQL/Oracle/DB2
    • MongoDB/CouchDB
  • Data Cache
    • Redis
    • Memcached
  • File Cache/Proxy
    • Varnish
    • Squid
  • Operating System
    • Unix/Linux/OS X/Windows
  • Data Structure

Frontend Book recommendation

★The less the easier it is, the more suitable it is for entry,★It is either difficult or suitable for later reading, such as performance-related books.

CSS

• Eric Meyer talks about CSS (vol. 2)★★★
• CSS authoritative guide (version 3rd)★★
• Proficient in CSS★★★

JavaScript

• JavaScript DOM programming art (version 2nd)★
• JavaScript advanced programming (version 3rd)★★
• Sharp jQuery★★
• High-performance JavaScript★★★
• The essence of JavaScript Language★★★
• JavaScript authoritative guide★★★
• Compile maintainable JavaScript★★★
• JAVASCRIPT language essence and programming practices★★★
• Valid Javascript★★★
• Secrets of the JavaScript Ninja★★★
• JavaScript Mode★★★
• JavaScript Design Mode★★★★
• JavaScript Web rich application development based on MVC★★★

Performance practices

• Web Performance Practice log★★★
• Authoritative Web performance guide★★★

Version control tools

• Version Control (git)★★
• Pro Git★★★
• Git authoritative guide★★★★

Linux management for back-end Book recommendations

• Linux System Management Technical Manual
• Laruence's Linux private dish
• Linux 101 Hacks
• UNIX Shell Scripting
• The Linux Command Line
• Linux Network Administrator's Guide

Linux Programming

• Linux Program Design
• Linux Programming
• Advanced Programming in Unix environment
• Unix programming Art
• The Linux Programming Interface
• Self-cultivation of programmers
• Deep understanding of Linux kernel
• Unix Network Programming
• TCP/IP Advanced Programming

C/C ++

• Linux C programming all-in-one learning
• C and pointer
• C traps and Defects
• C expert Programming
• C language core technology
• Complete the C pointer
• Conquer C pointer
• C ++ programming ideology
• 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