Sherlock
基于D3.js与KnockOut.js的数据生成的技能树。
基于: https://github.com/phodal/awesome-developer
截图:
数据示例:
{
"id": 1,
"title": "HTML",
"description": "Internet主要由从服务器通过HTTP协议向浏览器发送的HTML文档组成。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。",
"rankDescriptions": [
"理解如何创建和浏览一个基本的网页",
"理解网页间是如何链接的、如何设计多列布局,可以处理表单字段和媒体元素"
],
"links": [
{
"label": "无处不在的html",
"url": "http://www.phodal.com/blog/be-a-geek-chapter-1-anywhere-html/"
}
],
"books": [
{
"label": "Head First HTML与CSS",
"url": "http://www.amazon.cn/Head-First-HTML%E4%B8%8ECSS-%E7%BD%97%E5%B8%83%E6%A3%AE/dp/B00FF3P8FY/ref=sr_1_1?ie=UTF8&qid=1424182950&sr=8-1&keywords=html"
},
{
"label": "图灵程序设计丛书:HTML5权威指南",
"url": "http://www.amazon.cn/%E5%9B%BE%E7%81%B5%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1…9B%BC/dp/B00H706BIG/ref=sr_1_4?ie=UTF8&qid=1424220765&sr=8-4&keywords=html"
}
],
"maxPoints": 2
}
Devel
- D3.js
- Dagre-D3.js
- jquery.tooltipster.js
- jQuery
- Lettuce
- Knockout.js
- Require.js
License
© 2015 Phodal Huang. This code is distributed under the MIT license. See LICENSE.txt
in this directory.