网站开发技能图谱

男娘i 2021-11-02 02:50 593阅读 0赞

1    [https://blog.csdn.net/guohanma/article/details/74082213][https_blog.csdn.net_guohanma_article_details_74082213]

2    [https://blog.csdn.net/weixin\_41850404/article/details/84547629][https_blog.csdn.net_weixin_41850404_article_details_84547629]

3    [https://blog.csdn.net/peterwanghao/article/details/78737081][https_blog.csdn.net_peterwanghao_article_details_78737081]

## 前端技能图谱 ##

*  基础
    
     *  HTML / CSS
     *  JavaScript
     *  DOM
 *  中级篇
    
     *  数据格式（如JSON、XML）
     *  RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）
     *  正则表达式
     *  HTML语义化
     *  命令行
     *  Node.js
     *  DIV / CSS
     *  SCSS / SASS
     *  矢量图形 / 矢量图形动画（如SVG）
     *  单页面应用
 *  高级篇
    
     *  ES6 / TypeScript
     *  CSS3
     *  面向对象编程
     *  函数式编程
     *  MVC / MVVM / MV\*
     *  安全性（如跨域）
     *  授权（如HTTP Basic、JWT等等）
 *  工程化
    
     *  代码质量（如JSLint / ESLint / TSLint / CSLint）
     *  代码分析（如Code Climate）
     *  测试覆盖率
     *  构建系统（gulp、grunt、webpack等等）
     *  自动构建（脚本）
 *  兼容性
    
     *  跨浏览器测试 （Chrome，IE，Firefox，Safari等等）
     *  跨平台测试（Windows、GNU/Linux，Mac OS等等）
     *  跨设备测试（Desktop，Android，iOS，Windows Phone）
     *  跨版本测试（同一个浏览器的不同版本）
 *  前端特定
    
     *  CSS / CSS3 动画
     *  JavaScript 动画
     *  Web字体嵌入
     *  Icon 字体
     *  图形和图表
     *  CSS Sprite（如glue）
     *  DOM操作（如jQuery、React等等）
     *  模板引擎（如JSX、Handlebars、JSP、Mustache等等）
 *  软件工程
    
     *  版本管理（如git、svn）
     *  包管理（如npm、bower）
     *  依赖管理
     *  模块化（如CommonJS、WebPack）
 *  调试
    
     *  浏览器调试
     *  Debug工具
     *  Wireshark / Charles抓包
     *  远程设备调试（如Chrome Inspect Devices）
 *  测试
    
     *  单元测试
     *  服务测试
     *  UI测试
     *  集成测试
 *  性能与优化
    
     *  PageSpeed / Yslow 优化
     *  加载优化（如gzip压缩、缓存等等）
     *  性能测试（特别是移动Web）
     *  可用性
     *  压缩（如Minify、Uglify、CleanCSS等等）
 *  设计
    
     *  切页面
     *  线框图（Wireframe）
     *  响应式设计
     *  网格布局（Grid Layout）
     *  Flexbox布局
 *  SEO
    
     *  Sitemap（站点地图）
     *  内部链接建设
     *  MicroData / MicroFormat
     *  页面静态内容生成
     *  H1、H2、H3和strong使用
     *  Title、Description优化
     *  页面静态内容生成

## 后台技能图谱 ##

*  入门
    
     *  HTML / CSS
     *  编程语言：Java / Python / PHP / Ruby等等
     *  Web框架，如Spring MVC、Flask、Laravel等等
     *  HTTP协议基础
     *  CGI基础
 *  中级篇
    
     *  XML和JSON处理
     *  数据结构与算法
     *  面向对象编程
     *  CMS
     *  API设计
     *  网络通信协议，如TCP / Socket
 *  高级篇
    
     *  函数式编程
     *  领域驱动设计
     *  MVC架构
     *  运行环境优化，如JVM
     *  远程调试
 *  工程化
    
     *  版本管理
     *  单元测试
     *  依赖管理
     *  包管理
 *  基础设施
    
     *  虚拟化，如Docker
     *  自动化部署
     *  应用包创建、管理、发布
     *  发布脚本编写
     *  Web容器，如Jboss
 *  缓存篇
    
     *  应用层缓存
     *  平台缓存
     *  数据库端缓存
     *  分布式缓存
 *  数据持久化
    
     *  SQL
     *  NoSQL
     *  ORM
     *  DBMS
     *  搜索引擎
 *  数据库
    
     *  查询性能优化
     *  结构优化
     *  主从复制、主主复制等等
     *  伸缩性与高可用性
     *  备份恢复与容灾
 *  安全和加密
    
     *  认证与会话管理
     *  加密解密
     *  数字签名、数字证书
     *  加密算法
     *  XSS/CSRF/SQL注入
 *  监控
    
     *  应用性能监控
     *  异常监控
     *  日志
     *  流量监控
 *  服务
    
     *  RESTful
     *  SOA
     *  RPC
     *  MicroServices
 *  消息
    
     *  JMS
     *  IPC
     *  MQ

## DevOps技能图谱 ##

*  入门篇
    
     *  编写脚本，如Shell、Perl、Python等等
     *  编程语言
     *  Web应用运行基本原理
     *  HTTP服务器
     *  应用容器
     *  命令行，如awk
     *  CGI
     *  修复漏洞
 *  中级篇
    
     *  自动化运维
     *  GNU/Linux操作系统
     *  编译
     *  数据库
 *  高级篇
    
     *  分布式文件系统
     *  分布式存储系统
 *  云服务
    
     *  存储服务，如AWS S3
     *  计算服务，如AWS Lambda
     *  托管服务，如AWS EC2
 *  安全性
 *  网络
    
     *  CCNP / CCNA
 *  持续集成
    
     *  持续集成工具
     *  自动构建工具
     *  依赖管理工具
     *  版本管理工具
 *  虚拟化
    
     *  应用容器虚拟化，如Docker
     *  环境虚拟化
     *  操作系统虚拟化
 *  自动化 (puppet,chef)
    
     *  自动化配置
     *  自动化部署
     *  进程管理工具，如Supervisor
 *  监控
    
     *  基础设施监控
     *  日志管理
     *  监控服务
 *  负载均衡
    
     *  边缘缓存，如（Varnish）
     *  DNS负载均衡
     *  CDN

## 软技能图谱 ##

*  影响力 / 个人品牌
    
     *  写作
     *  演讲
     *  培训
     *  博客
     *  策划能力
     *  文艺爱好
     *  社交媒体
 *  社区
    
     *  社交媒体交流
     *  自媒体平台
     *  技术社区
     *  问答社区
 *  持续学习
    
     *  学习新技术、语言
 *  健康
    
     *  运动
     *  不熬夜
 *  生产力
    
     *  熟悉工具
     *  快捷键、快捷键、快捷键
 *  估算
    
     *  完成时间估算
     *  延迟花费
     *  预算估算
     *  薪资估算
 *  其他
    
     *  面试
     *  客户沟通

【附录】各核心技术知识图谱大曝光，知识库精华资源强力推荐

### [HTML5知识库][HTML5] ###

![1734442-20190717201216498-180856612.png][]

## ##

### CSS3知识库 ###

![1734442-20190717201245724-912239808.png][]

## ##

### [JavaScript知识库][JavaScript] ###

![1734442-20190717201316487-1391133263.png][]

## ##

### [jQuery知识库][jQuery] ###

![1734442-20190717201644195-1096613136.png][]

## ##

### [Node.js知识库][Node.js] ###

![1734442-20190717201655880-554694892.png][]

## ##

### [AngularJS知识库][AngularJS] ###

![1734442-20190717201731936-1962486924.png][]

## ##

### [React知识库][React] ###

![1734442-20190717201747605-2132995672.png][]

## ##

### [Java Web][] ###

![1734442-20190717201804633-949858081.png][]

### [Java EE][]  ###

![1734442-20190717201816090-1288406822.png][]

## ##

### [Java SE][]  ###

![1734442-20190717201829237-895580055.png][]

## ##

### [C语言知识库][C] ###

![1734442-20190717201847096-1719523493.png][]

## ##

### [C++知识库][C 1]  ###

![1734442-20190717201858155-2099275958.png][]

## ##

### [Python知识库][Python]  ###

![1734442-20190717201909090-278875523.png][]

## ##

### [PHP知识库][PHP] ###

![1734442-20190717201918507-904317945.png][]

## ##

### [JavaScript知识库][JavaScript]  ###

![1734442-20190717201931882-1250052597.png][]

## ##

### [Swift知识库][Swift] ###

![1734442-20190717201941791-573436112.png][]

转载于:https://www.cnblogs.com/iamspecialone/p/11203435.html

[https_blog.csdn.net_guohanma_article_details_74082213]: https://blog.csdn.net/guohanma/article/details/74082213
[https_blog.csdn.net_weixin_41850404_article_details_84547629]: https://blog.csdn.net/weixin_41850404/article/details/84547629
[https_blog.csdn.net_peterwanghao_article_details_78737081]: https://blog.csdn.net/peterwanghao/article/details/78737081
[HTML5]: http://lib.csdn.net/base/html5
[1734442-20190717201216498-180856612.png]: /images/20211102/f4b55e4d7db44a89ac522fd7d1288f97.png
[1734442-20190717201245724-912239808.png]: /images/20211102/8d1b1d2cffe6442bb4840d45961241d9.png
[JavaScript]: http://lib.csdn.net/base/javascript
[1734442-20190717201316487-1391133263.png]: /images/20211102/73e4e3d07b4a484ab064b2f48fe33b8f.png
[jQuery]: http://lib.csdn.net/base/jquery
[1734442-20190717201644195-1096613136.png]: /images/20211102/2025533840324259b65b90c72b90d388.png
[Node.js]: http://lib.csdn.net/base/nodejs
[1734442-20190717201655880-554694892.png]: /images/20211102/5b86a7934b7d4e19b9047cf86a05f442.png
[AngularJS]: http://lib.csdn.net/base/angularjs
[1734442-20190717201731936-1962486924.png]: /images/20211102/c79b09f4086b4b5c8ef6a2f3e95d7237.png
[React]: http://lib.csdn.net/base/react
[1734442-20190717201747605-2132995672.png]: /images/20211102/ec22af08197d4cb8a174232e9e2ced65.png
[Java Web]: http://lib.csdn.net/base/java
[1734442-20190717201804633-949858081.png]: /images/20211102/d259f1cfa03546a3bb3b6850738896a1.png
[Java EE]: http://lib.csdn.net/base/javaee
[1734442-20190717201816090-1288406822.png]: /images/20211102/4a4369afb81b43dc920216abd9876e0a.png
[Java SE]: http://lib.csdn.net/base/javase
[1734442-20190717201829237-895580055.png]: /images/20211102/d3528adadc444567917f909f7286c2c1.png
[C]: http://lib.csdn.net/base/c
[1734442-20190717201847096-1719523493.png]: /images/20211102/ad426433dd7843d0b76297a060890e5b.png
[C 1]: http://lib.csdn.net/base/cplusplus
[1734442-20190717201858155-2099275958.png]: /images/20211102/2b327eb2b8814a6a857de4ec8a59db54.png
[Python]: http://lib.csdn.net/base/python
[1734442-20190717201909090-278875523.png]: /images/20211102/a734771a45eb4d31bae2e4dc5cfef9c6.png
[PHP]: http://lib.csdn.net/base/php
[1734442-20190717201918507-904317945.png]: https://img2018.cnblogs.com/blog/1734442/201907/1734442-20190717201918507-904317945.png
[1734442-20190717201931882-1250052597.png]: https://img2018.cnblogs.com/blog/1734442/201907/1734442-20190717201931882-1250052597.png
[Swift]: http://lib.csdn.net/base/swift
[1734442-20190717201941791-573436112.png]: https://img2018.cnblogs.com/blog/1734442/201907/1734442-20190717201941791-573436112.png