1 前端技能图谱
基础
HTML / CSSJavaScriptDOM中级篇
数据格式(如JSON、XML)RESTful API交互(如jQuery Ajax,Fetch API,ReactiveX)正则表达式HTML语义化命令行Node.jsDIV / CSSSCSS / SASS矢量图形 / 矢量图形动画(如SVG)单页面应用高级篇
ES6 / TypeScriptCSS3面向对象编程函数式编程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优化页面静态内容生成
2 后台技能图谱
入门
HTML / CSS编程语言:Java / Python / PHP / Ruby等等Web框架,如Spring MVC、Flask、Laravel等等HTTP协议基础CGI基础中级篇
XML和JSON处理数据结构与算法面向对象编程CMSAPI设计网络通信协议,如TCP / Socket高级篇
函数式编程领域驱动设计MVC架构运行环境优化,如JVM远程调试工程化
版本管理单元测试依赖管理包管理基础设施
虚拟化,如Docker自动化部署应用包创建、管理、发布发布脚本编写Web容器,如Jboss缓存篇
应用层缓存平台缓存数据库端缓存分布式缓存数据持久化
SQLNoSQLORMDBMS搜索引擎数据库
查询性能优化结构优化主从复制、主主复制等等伸缩性与高可用性备份恢复与容灾安全和加密
认证与会话管理加密解密数字签名、数字证书加密算法XSS / CSRF / SQL注入监控
应用性能监控异常监控日志流量监控服务
RESTfulSOARPCMicroServices消息
JMSIPCMQ3 DevOps技能图谱
入门篇
编写脚本,如Shell、Perl、Python等等编程语言Web应用运行基本原理HTTP服务器应用容器命令行,如awkCGI修复漏洞中级篇
自动化运维GNU / Linux操作系统编译数据库高级篇
分布式文件系统分布式存储系统云服务
存储服务,如AWS S3计算服务,如AWS Lambda托管服务,如AWS EC2安全性
网络
CCNP / CCNA持续集成
持续集成工具自动构建工具依赖管理工具版本管理工具虚拟化
应用容器虚拟化,如Docker环境虚拟化操作系统虚拟化自动化 (puppet,chef)
自动化配置自动化部署进程管理工具,如Supervisor监控
基础设施监控日志管理监控服务负载均衡
边缘缓存,如(Varnish)DNS负载均衡CDN4 软技能图谱
影响力 / 个人品牌
写作演讲培训博客社交媒体社区
社交媒体交流自媒体平台技术社区问答社区持续学习
学习新技术、语言健康
运动不熬夜生产力
熟悉工具快捷键、快捷键、快捷键估算
完成时间估算延迟花费预算估算薪资估算其他
面试客户沟通Via:Phodal