web移动开发技能图谱以及注意事项
前端技能图谱
- 基础
- 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+CSS3实现类似网易云音乐的移动版播放器
- 逼真的HTML5 3D水波动画 可多视角浏览
- HTML5 Canvas绘制转盘抽奖
- HTML网页之坦克大战游戏
- 让HTML5来为你定位
- 炫酷实用的10个HTML5动画应用
- HTML5 3D衣服摇摆动画特效
- 避坑宝典:如何选择HTML5游戏引擎
- Hybrid H5跨平台性思考
- HTML5游戏开发专题视频集
CSS3知识库
CSS3知识图谱
知识图谱由前端技术专家、CSDN博客专家侯志强(@yisuowushinian)绘制,目前各知识节点下的优秀文章已提取完成,进一步的内容筛优正在进行。
如果您正专注于CSS技术研究,平时热爱阅读相关技术文章,也热忠于技术分享,欢迎您加入CSDN CSS3知识库内容审核特邀编辑团队,与我们携手共同完成CSS3知识库。
JavaScript知识库
- 全面解析JavaScript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- 利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 解析Javascript事件冒泡机制
- 深入了解JavaScript闭包及其机制
- JavaScript中的event对象之总结
- 全面解析Javascript中事件捕获、事件冒泡以及事件委托机制
jQuery知识库
- jQuery+Ajax实现Select动态定数据
- 一步一步带你了解jQuery过滤选择器:基本过滤选择器、内容过滤选择器、可见性过滤选择器
- 使用jQuery.makeArray() 将多种类型转换成JavaScript原生Array
- jQuery案例分析:Item9动画效果实现过程
- 使用jQuery让事件动起来
Node.js知识库
- 为高负载网络优化Nginx和Node.js
- 深入理解Node.js异步编程
- Node.js错误处理最佳实践
- Node.js的Connect框架的代码重写与改进
- 深入理解Node.js的HTTP模块
- Node.js应用之静态文件分发器
AngularJS知识库
- 深入理解AngularJS UI-Router
- 跨域解决方案——使用AngularJS和jQuery进行Ajax请求的差异
- AngularJS在大型单页面应用中的性能优化
- Grunt搭建AngularJS项目
- AngularJS指令参数详解
- AngularJS中Provider、Service和Factory之间的不同
- Angular自定义指令
- AngularJS的启动过程分析
- AngularJS中的Transclude
React知识库
下面笔者就给大家分享当前主流的七大编程语言知识库——技能+图谱,一库全都有。
Java
早在2012年,就有不少人在网上发布Java已死等类似唱衰的言论。然而,在这种声讨中,Java不仅没死,反而愈加强大,一直稳坐TIOBE前三的位置。下面分享Java三大领域的技能+图谱。
点击下载Java Web图谱高清原图
Java EE
点击下载Java EE图谱高清原图
Java SE
点击下载Java SE图谱高清原图
C
近年来,谷歌一直致力于开发出自己的编程语言以取代当今世上最常用的C、C++和JavaScript。在系统语言方向,谷歌的Go语言能够为用户在数据中心内建立大型软件提供更多的便捷,有望取代C语言和C++的地位;而在网络开发方面,谷歌希望凭借Dart取代JavaScript。编程语言的世界里可谓是江山代有人才出,可有那么一位引领风骚达数十年之久,它就是C语言。
C语言知识库
点击下载C语言知识图谱高清原图
C++
C++是在C语言基础上开发出的一门面向对象语言,目前的最新标准还是2014年颁布的C++ 14。在近十年的TIOBE排行榜上,C++始终排在前五名的位置。
C++知识库
点击下载C++知识图谱高清原图
Python
上面列举的几个都属于静态编程语言,下面再来看看动态编程语言Python,目前最受欢迎编程语言之一。
Python知识库
点击下载Python知识图谱高清原图
PHP
看到Python,很多小伙伴肯定会问,PHP呢。网上经常流出一个段子:PHP是最好的语言,其中的道道,笔者就不一一解说了。相信,你懂的。
PHP知识库
点击下载PHP知识图谱高清原图
JavaScript
JavaScript是不少开发者的入门语言。目前,网上基于JS的框架特别多,是一门深受开发喜欢的编程语言。
JavaScript知识库
点击下载JavaScript知识图谱高清原图
Swift
Swift作为一门新兴语言,自发布就深受开发者的欢迎,自从它面世以后,Objective-C在TIOBE上的排名就呈下滑状态。目前,很多开发者都在观望Swift 3的面世。
Swift知识库
点击下载Swift知识图谱高清原图
web移动开发技能图谱以及注意事项相关推荐
- Node.js 开发技能图谱
# Node.js 开发技能图谱 ## Node.js 语言环境搭建 - Node.js 安装(3m大法:nvm.npm.nrm) - Node.js 命令 - Node.js开发工具(推荐vscod ...
- 【session】Java电商平台开发技能图谱,探秘双十一百万PV
您将学习 Java电商平台开发技能图谱,探秘双十一百万PV 分享内容 企业级Java开发技能图谱 从宏观到微观,Java到底怎么学 为了支撑双十一,我们对Java程序做了什么 你将认识 热爱分享的常乐 ...
- 零基础如何掌握web前端开发技能
很多零基础学员想要进入到互联网行业都会选择web前端做首选技术语言来学习,但是学习web前端不是那么容易的,想要成为一名合格的web前端工程师,所要掌握的技能一定要会,下面小编就为大家详细的介绍一下零 ...
- 0基础学习前端开发,高职web前端开发技能大赛
零基础学web前端开发要怎么去学? 首先要学习的就是基础知识:html.css和JavaScript.HTML是内容,CSS是表现,JavaScript是行为.前端开发的门槛其实非常低,与服务器端语言 ...
- 大规模web服务开发技能
2019独角兽企业重金招聘Python工程师标准>>> 第5课 大规模数据处理的难点 -- 内存和磁盘 单台Linux服务器瓶颈分析 1.查看平均负载 用top.uptime命令查看 ...
- Android 开发技能图谱
包含了Android中大部分知识点和开发用到的相关技术,可以根据该图有目的地学习和提高.
- 2019年最新最全运维技能图谱
作者:南非蚂蚁 来源:https://blog.51cto.com/ixdba 运维是一个融合多学科(网络.系统.开发.安全.应用架构.存储等)的综合性技术岗位,从最初的网络管理(网管)发展到现在的系 ...
- 送你一份2019年最新最全的技能图谱(附思维导图)!
点击上方"民工哥技术之路"选择"置顶或星标" 每天10点为你分享不一样的干货 运维是一个融合多学科(网络.系统.开发.安全.应用架构.存储等)的综合性技术岗位, ...
- 学web前端开发写给新手的建议,超实用
随着互联网的发展,Web前端开发成为目前最火热的岗位.Web前端开发的技术知识也是在不断更新,致使Web前端开发工作变得越来要复杂:以前,只要会编写HTML, CSS 和Java就能够找到一份不错的前 ...
最新文章
- 专访王田苗:机器人是“刚需”,市场正处于逆周期增长
- Flask框架(flask中的邮件发送Flask-Mail(邮件扩展))
- linux下安装oracle集群,【Oracle 集群】Linux下Oracle RAC集群搭建之Oracle DataBase安装(八)...
- 在Python中操纵json数据的最佳方式
- 漫画 | 这样的男朋友,让我分分钟想剖腹自尽!
- Java 调用 Impala - JDBC 调用Impala
- python多进程队列中的队列_python 多进程队列数据处理详解
- 在线翻译英文html文件,copy html是什么意思
- 北京市将持续扩大5G网络建设规模 超前布局6G
- 如何对应紧急依赖过来的作业,要有自己的原则
- Delphi7 Lite Edition 7.3.4.0 [2010-11-20]
- Visual Studio 2013 、Matlab 2014产品密钥
- 如何撰写总体设计与详细设计文档
- 数据大屏产品介绍PPT_精品推荐 | 产品介绍、公司宣传、解决方案 | 可编辑PPT(收藏)...
- Pyspark 案例实践 假新闻分类
- kubernetes的eviction机制
- win2003服务器360修复漏洞打不开网页,360浏览器打不开网页,教您怎样解决360浏览器打不开网页...
- 一个屌丝程序猿的人生(十七)
- Let me not Pray 让我不再祈求
- Win7如何搜索文件内容
热门文章
- 基于android 10的国产手机,基于Android的国产手机UI比拼:ColorOS、MIUI、EMUI,你打算盘谁...
- 游戏抓帧分析工具及方法
- 建站宝盒携手腾讯课堂 华丽升级企业建站服务
- sizeof()来求一个类的大小
- 【漫画】996 ?你以为我是铁打的
- 网络模型揭示社区防控与出行限制为什么有效
- C#调用cmd出现Process线程假死或阻塞现象的官方解决方案
- JavaWeb 入门 最简单的学生信息管理系统
- 课程设计-家谱管理系统
- 20210423# 《Spring源码深度解析(第2版)》_郝佳