热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

全栈工程师技能图谱

知己知彼,方寸不乱。1前端技能图谱基础HTMLCSSJavaScriptDOM中级篇数据格式(如JSON、XML)RESTfulAPI交互(如jQueryAjax,FetchAPI,R

 

知己知彼,方寸不乱。

1 前端技能图谱

基础
  • 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优化
  • 页面静态内容生成

2 后台技能图谱

入门
  • 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

3 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

4 软技能图谱

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

转载自 https://github.com/phodal/awesome-growth

转需,侵删。


推荐阅读
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 使用在线工具jsonschema2pojo根据json生成java对象
    本文介绍了使用在线工具jsonschema2pojo根据json生成java对象的方法。通过该工具,用户只需将json字符串复制到输入框中,即可自动将其转换成java对象。该工具还能解析列表式的json数据,并将嵌套在内层的对象也解析出来。本文以请求github的api为例,展示了使用该工具的步骤和效果。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • 本文介绍了2015年九月八日的js学习总结及相关知识点,包括参考书《javaScript Dom编程的艺术》、js简史、Dom、DHTML、解释型程序设计和编译型程序设计等内容。同时还提到了最佳实践是将标签放到HTML文档的最后,并且对语句和注释的使用进行了说明。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • angular.element使用方法及总结
    2019独角兽企业重金招聘Python工程师标准在线查询:http:each.sinaapp.comangularapielement.html使用方法 ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • 在Android中解析Gson解析json数据是很方便快捷的,可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时,默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而,当我们自己定义的java对象里的属性名与json里的字段名不一样时,我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法,并给出了具体的使用示例。 ... [详细]
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 翻译 | 编写SVG的口袋指南(上)
    作者:DDU(沪江前端开发工程师)本文是原文翻译,转载请注明作者及出处。简介ScalableVectorGraphics(SVG)是在XML中描述二维图形的语言。这些图形由路径,图 ... [详细]
author-avatar
2364118915_86406b_479
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有