1 https://blog.csdn.net/guohanma/article/details/74082213
2 https://blog.csdn.net/weixin_41850404/article/details/84547629
3 https://blog.csdn.net/peterwanghao/article/details/78737081
The front end of the skills spectrum
- basis
- HTML / CSS
- JavaScript
- JUDGMENT
- Intermediate articles
- Data format (such as JSON, XML)
- RESTful API interaction (such as jQuery Ajax, Fetch API, ReactiveX)
- Regular Expressions
- Semantic HTML
- Command Line
- Node.js
- DIV / CSS
- SCSS / SASS
- Vector graphics / animation vector graphics (e.g., SVG)
- Single Page Application
- Advanced articles
- ES6 / TypeScript
- CSS3
- Object-Oriented Programming
- Functional Programming
- MVC / MVVM / MV*
- Security (such as cross-domain)
- Authorization (such as HTTP Basic, JWT etc.)
- Engineering
- Code quality (e.g. JSLint / ESLint / TSLint / CSLint)
- Code analysis (e.g., Code Climate)
- Test coverage
- Construction system (gulp, grunt, webpack etc.)
- Automated build (script)
- compatibility
- Cross-browser testing (Chrome, IE, Firefox, Safari, etc.)
- Cross-platform test (Windows, GNU / Linux, Mac OS, etc.)
- Cross-device testing (Desktop, Android, iOS, Windows Phone)
- Cross-version test (different versions of the same browser)
- Specific front end
- CSS / CSS3 animation
- JavaScript animation
- Web font embedding
- Icon Fonts
- Graphs and Charts
- CSS Sprite (such as glue)
- DOM operations (such as jQuery, React etc.)
- Template engine (such as JSX, Handlebars, JSP, Mustache, etc.)
- Software Engineering
- Version management (such as git, svn)
- Package Manager (e.g. npm, bower)
- Dependency Management
- Modular (e.g. CommonJS, WebPack)
- debugging
- Browser debugging
- Debug Tools
- Wireshark / Charles Ethereal
- Remote debugging device (such as Chrome Inspect Devices)
- test
- unit test
- Testing Services
- UI testing
- Integration Testing
- Performance and Optimization
- PageSpeed / Yslow optimization
- Load optimization (such as gzip compression, caching, etc.)
- Performance tests (especially mobile Web)
- Availability
- Compression (e.g. Minify, Uglify, CleanCSS etc.)
- design
- Cut page
- Wireframes (from the Wireframe)
- Responsive design
- Grid layout (Grid Layout)
- Flexbox layout
- SEO
- Sitemap (site map)
- Internal Link Building
- MicroData / MicroFormat
- Static pages generated content
- H1, H2, H3, and using strong
- Title, Description Optimization
- Static pages generated content
Background skills map
- getting Started
- HTML / CSS
- Programming languages: Java / Python / PHP / Ruby, etc.
- Web frameworks such as Spring MVC, Flask, Laravel etc
- HTTP protocol basis
- CGI base
- Intermediate articles
- XML and JSON processing
- Data Structures and Algorithms
- Object-Oriented Programming
- CMS
- API Design
- Network communication protocols, such as TCP / Socket
- Advanced articles
- Functional Programming
- Domain-Driven Design
- MVC architecture
- Optimized operating environment, such as the JVM
- Remote Debugging
- Engineering
- Version Management
- unit test
- Dependency Management
- Package Management
- infrastructure
- Virtualization, such as Docker
- Automated Deployment
- Application package to create, manage, publish
- Published scripting
- Web container, such as Jboss
- Cache articles
- The application layer caching
- Cache platform
- Database-side caching
- Distributed Cache
- Data Persistence
- SQL
- NoSQL
- SNAKE
- DBMS
- search engine
- database
- Query Performance Tuning
- Structural optimization
- Master-slave replication, master-master replication, etc.
- Scalability and High Availability
- Backup and disaster recovery
- Security and Encryption
- Authentication and Session Management
- encrypt and decode
- Digital signatures, digital certificates
- Encryption Algorithm
- XSS / CSRF / SQL injection
- monitor
- Application Performance Monitoring
- Exception Monitoring
- Journal
- data monitoring
- service
- RESTful
- SOA
- RPC
- MicroServices
- News
- ETC.
- IPC
- MQ
DevOps skills map
- Beginners
- Scripting, such as Shell, Perl, Python, etc.
- Programming language
- Web applications run basic principles
- HTTP server
- Application container
- Command line, such as awk
- CGI
- Bug fixes
- Intermediate articles
- Automated operation and maintenance
- GNU / Linux operating system
- Compile
- database
- Advanced articles
- Distributed File System
- Distributed Storage System
- cloud service
- Storage services, such as AWS S3
- Computing services, such as AWS Lambda
- Hosting services, such as AWS EC2
- safety
- The internet
- CCNP / CCNA
- Continuous Integration
- Continuous integration tool
- Automated build tools
- Dependency management tool
- Version Manager
- Virtualization
- Application virtualization container, such as Docker
- Virtualization environment
- Operating system virtualization
- Automation (puppet, chef)
- Automated configuration
- Automated Deployment
- Process management tools, such as Supervisor
- monitor
- Infrastructure Monitoring
- Log Management
- Monitoring Service
- Load Balancing
- Edge cache, such as (Varnish)
- DNS Load Balancing
- CDN
Soft skills map
- Influence / Personal Brand
- writing
- Speech
- Train
- Blog
- Planning ability
- Literary hobby
- social media
- community
- Social media exchanges
- Since media platforms
- Technical Community
- Community Q & A
- Continuous Learning
- Learn new skills, language
- health
- motion
- Do not stay up late
- productive forces
- Familiar tools
- Shortcut keys, shortcut keys, shortcut keys
- Estimates
- Estimated completion time
- Delay spending
- Budget estimates
- Salary estimate
- other
- Interview
- Customer communication
[Appendix] each core technical knowledge map large exposure, the essence of knowledge resources strongly recommended