我的 Web 开发技术路线图

工作已经有一段时间了，最近准备把自己的技术栈进行梳理一下，方便查漏补缺。这一份技术路线图会不定期更新。有问题的地方，也欢迎大家在评论区提出意见。

Web 开发者技术路线图.png

基础技能

• Git 版本控制
• Github
• SSH
• 基础终端命令
• 搜索技巧

前端

基础知识

• HTML
• CSS
• JavaScript

包管理

• NPM
• Yarm

CSS 进阶

• 预处理器
  • Sass ( 推荐 ）
  • Less
  • PostCSS ( 推荐 ）
  • Stylus

CSS 框架

• BootStrap
• Materialize CSS
• ...

如何构建 CSS

• BEM
• OOCSS
• SMACSS
• SUITCSS
• Atomic

构建工具

• NPM
• Gulp
• Webpack
• Rollup

JS 进阶

• 模块化
• ES6
• 框架
  • Vue ( 推荐 )
  • React
  • Angular

页面性能优化

应用测试

• Jest
• Mocha
• Karma
• Enzyme
  ...

JavaScript 扩展语言

• TypeScript ( 推荐 )
• Flow

服务器渲染

后端

Java 基础知识

• Java SE
• 最优实践

数据库基础

• 数据库工具
  • Navicat
  • PLSQL Developer
• 数据库设计
  • Powerdesigner
• 关系型数据库
  • Oracle
  • MySQL
  • MariaDB
  • PostgreSQL
• JDBC

Java Web

• Tomcat
• Servlet
• JSP

Maven

SSH

• Struts2
• Spring
• Hibernate

SSM

• Spring
• SpringMVC
• MyBatis

WebService

RESTful API

Servlet 3.0

Freemarker

工作流

• JBPM
• Activiti

Spring Boot

微服务

• Zookeeper
• Dubbo
• Spring Cloud

缓存