我的 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

缓存

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容