Concise generalization, the skill tree of the programmer

concise generalization, the skill tree of the programmerFront-End programmers

Basis

Html/css

Javascript

Dom

Intermediate articles

Data formats (such as JSON, XML)

RESTful API interaction (such as jquery Ajax,fetch Api,reactivex)

Regular expressions

HTML semantics

Command line

Node.js

Div/css

Scss/sass

Vector graphics/vector graphics animations (e.g. SVG)

Single page Application

Advanced Articles

Es6/typescript

CSS3

Object Oriented Programming

Functional programming

mvc/mvvm/mv*

Security (for example, cross-domain)

Authorization (such as HTTP Basic, JWT, and so on)

Of engineering

Code quality (e.g. Jslint/eslint/tslint/cslint)

Code analysis (such as Climate)

Test coverage

Build Systems (gulp, grunt, webpack, etc.)

Auto Build (script)

Compatibility

Cross-browser testing (Chrome,ie,firefox,safari, etc.)

Cross-platform testing (Windows, Gnu/linux,mac OS, and so on)

Cross-device testing (desktop,android,ios,windows Phone)

Cross-version testing (different versions of the same browser)

Front-End-specific

CSS/CSS3 Animation

JavaScript Animation

Web font embedding

Icon Font

Graphics and charts

CSS Sprite (e.g. glue)

Dom operations (such as jquery, react, and so on)

Template engines (such as JSX, handlebars, JSP, mustache, and so on)

Software

Version management (such as Git, SVN)

Package management (such as NPM, Bower)

Dependency Management

Modular (e.g. COMMONJS, webpack)

Debugging

Browser debugging

Debug tool

Wireshark/charles Grab Bag

Remote device debugging (such as Chrome Inspect Devices)

Test

Unit Test

Service Test

UI Test

Integration Testing

Performance and optimization

Pagespeed/yslow optimization

Load optimizations (such as gzip compression, caching, and so on)

Performance testing (especially mobile web)

Availability of

Compression (e.g. minify, uglify, CLEANCSS, etc.)

Design

Cut page

Wireframe (Wireframe)

Response-Type Design

Mesh layout (grid Layout)

Flexbox layout

Seo

Sitemap (Site map)

Internal Link Building

Microdata/microformat

Page static content generation

H1, H2, H3 and strong use

Title, description optimization

Page static content generation back-end programmer

Entry

Html/css

Programming language: Java/python/php/ruby and so on

Web frames, such as spring MVC, flask, laravel, and so on

HTTP protocol Basics

CGI Basics

Intermediate articles

XML and JSON processing

Data structure and algorithm

Object Oriented Programming

Cms

API Design

Network communication protocols, such as Tcp/socket

Advanced Articles

Functional programming

Domain Driven Design

MVC architecture

Run environment optimization, such as JVM

Remote debugging