整理自己的 Idea 成一本电子书，有需要的可以获取哈

[phodal]

GitHub: https://github.com/phodal/ideabook

目录：

• 分析网站日志，打造访问地图
  • 概况
    • 背景
    • ShowCase
    • Hadoop + Pig + Jython + AmMap + ElasticSearch
  • 步骤
    • Step 1: 搭建基础设施
    • [Step 2: 解析 access.log]( http://ideabook.phodal.com/#step-2-解析 access.log)
    • [Step 3: 转换 IP 为 GEO 信息]( http://ideabook.phodal.com/#step-3-转换 ip 为 geo 信息)
    • Step 4: 展示数据到地图上
    • 练习建议
• 书籍录入程序
  • 概况
    • 背景
    • ShowCase
    • Ionic + Zxing
  • 步骤
    • [Step 1: ZXing 扫描与 Douban API]( http://ideabook.phodal.com/#step-1-zxing 扫描与 douban-api)
    • Step 2: 存储数据库
    • 练习建议
• [程序员专属 Badge 制作]( http://ideabook.phodal.com/#程序员专属 badge 制作)
  • 概况
    • 背景
    • ShowCase
    • [SVG 与 SVGWrite]( http://ideabook.phodal.com/#svg 与 svgwrite)
  • 步骤
    • Step 1: 基本图形
    • [Step 2: 高级 Badge]( http://ideabook.phodal.com/#step-2-高级 badge)
• [Web 文本编辑器]( http://ideabook.phodal.com/#web 文本编辑器)
  • 概况
    • 背景
    • ShowCase
    • CKEditor + Ractive
  • 步骤
    • Step 1:
    • Step 2:
    • Step 3:
    • 练习建议
• [JavaScript 打造 Slide 应用]( http://ideabook.phodal.com/#javascript 打造 slide 应用)
  • 概况
    • 背景
    • Showcase
    • 需求
  • 步骤
    • [Step 1: 基本的 Slide 功能]( http://ideabook.phodal.com/#step-1-基本的 slide 功能)
    • [Step 2: 解析 Markdown]( http://ideabook.phodal.com/#step-2-解析 markdown)
    • Step 3: 事件处理
    • Step 4: 解析时间
    • Step 5: 进度条
    • Step 6: 同步
    • 练习建议
• 编辑-发布-分离应用
  • 概况
    • 背景: 编辑-发布-开发分离
    • 用户场景
  • 步骤
    • Step 1: 构建工具
    • Step 2: 静态页面生成
• [Google Map 与 Solr 实现多边形搜索]( http://ideabook.phodal.com/#google-map 与 solr 实现多边形搜索)
  • 概况
    • 背景
    • Showcase
    • Solr
  • 步骤
    • Step 1: Solr Flask
    • Step 2: Google map Polygon
• 一份代码打造跨平台应用
  • 概况
    • 背景
    • ShowCase
    • Ionic & Electron & Cordova
  • 步骤
    • [Step 1: 从 Web 到混合应用，再到桌面应用]( http://ideabook.phodal.com/#step-1-从 web 到混合应用再到桌面应用)
    • Step 2: 响应式设计
    • Step 3: 平台特定代码
    • 未来
• [Ionic ElasticSearch 打造 O2O 应用]( http://ideabook.phodal.com/#ionic-elasticsearch 打造 o2o 应用)
  • 概况
    • 背景
    • Showcase
    • 构架设计
  • 步骤
    • Step 1: Django GIS 设置
    • [Step 2: 配置 Haystack]( http://ideabook.phodal.com/#step-2-配置 haystack)
    • [Step 3: Django Haystack Model 创建]( http://ideabook.phodal.com/#step-3-django-haystack-model 创建)
    • [Step 4: 创建 search_index]( http://ideabook.phodal.com/#step-4-创建 search_index)
    • Step 4: Ionic ElasticSearch 创建页面
    • Step 5: Ionic ElasticSearch Service
    • Step 6: Ionic OpenLayer 地图显示
• 跨协议的物联网平台设计
  • 概况
    • 背景
    • Showcase
  • 步骤
    • Step 1: 架构设计
    • 物联网服务层
    • Step 2: 基本骨架
    • Step 3: 六边形架构
    • Step 4: 整合
    • Step 5: 练习建议
• [一步步搭建 JavaScript 框架: Lettuce]( http://ideabook.phodal.com/#一步步搭建 javascript 框架-lettuce)
  • 概况
    • 背景
  • 步骤
    • [Step 1: 注册 npm 和 bower 包]( http://ideabook.phodal.com/#step-1-注册 npm 和 bower 包)
    • [Step 2: 生成 Javascript 项目框架]( http://ideabook.phodal.com/#step-2-生成 javascript 项目框架)
    • Step 3: 寻找所需要的函数
    • Step 4: 整合
    • Step 5: 测试
    • 练习建议
• [基于 Virtual DOM 的测试代码生成]( http://ideabook.phodal.com/#基于 virtual-dom 的测试代码生成)
  • 概况
    • 背景
    • ShowCase
    • 基本原理
  • 步骤
    • [Step 1: Virtual-dom 与 HyperScript]( http://ideabook.phodal.com/#step-1-virtual-dom 与 hyperscript)
    • [Step 2: 标记 DOM 变化]( http://ideabook.phodal.com/#step-2-标记 dom 变化)
• 移动框架
  • 概况
    • 背景
    • Showcase
    • jQuery + Backbone + UnderScore + Require.JS
  • 步骤
    • [Step 1: 使用 Require.js 管理依赖]( http://ideabook.phodal.com/#step-1-使用 require.js 管理依赖)
    • Step 2: 添加路由
    • [Step 3: 创建主页 View]( http://ideabook.phodal.com/#step-3-创建主页 view)
    • Step 4: jQuery Sidr
    • [Step 5: Django Tastypie 示例]( http://ideabook.phodal.com/#step-5-django-tastypie 示例)
    • Step 6: RequireJS Plugins
    • Step 6: 简单的博客
    • Step 7: 重构
    • [Step 8: 移动 CMS 滑动]( http://ideabook.phodal.com/#step-8-移动 cms 滑动)
• [Oculus + Node.js + Three.js 打造 VR 世界]( http://ideabook.phodal.com/#oculus-node.js-three.js-打造 vr 世界)
  • 概况
    • 背景
    • Showcase
    • 框架： Oculus Rift & Node NMD
  • 步骤
    • Step 1: Node Oculus Services
    • Step 2: Node.js Oculus Hello ， World
    • Step 3: Node Oculus WebSocket
    • Step 4: Oculus Effect + DK2 Control
    • Step 5: Three.js KeyHandler
    • 练习建议
• 制作照片地图
  • 概况
    • [Background:把照片放在地图上]( http://ideabook.phodal.com/#background 把照片放在地图上)
    • Showcase
    • 框架： EXIF & ExifRead & CartoDB
  • 步骤
    • Step 1: 解析读取照片信息
    • Step 2: 上传数据
    • 练习建议
• D3.js 制作技能树
  • 概况
    • 背景
    • Showcase
    • Graphviz
  • 步骤
    • Step 1: 打造简单的技能树
    • Step 3: D3.js Tooltipster
• 技术雷达趋势
  • 概况
    • 背景
    • Showcase
    • D3.js
  • 步骤
    • [Step 1: Schema 与原始代码]( http://ideabook.phodal.com/#step-1-schema 与原始代码)
    • Step 2: 处理数据
• [文本转化为 Logo]( http://ideabook.phodal.com/#文本转化为 logo)
  • 概况
    • 背景
    • ShowCase
    • 需求说明
  • 步骤
    • [Step 1: Python 文字转 Logo 实战]( http://ideabook.phodal.com/#step-1-python-文字转 logo 实战)
• [GEOJSON 与 ElasticSearch 实现高级图形搜索]( http://ideabook.phodal.com/#geojson 与 elasticsearch 实现高级图形搜索)
  • 概况
    • 背景
    • Showcase
    • jQuery + Mustache + Leaflet
  • 步骤
    • Step 1: 离线地图与搜索
    • Step 2: 从地点到地图上显示
    • Step 3: 从地图到地点上显示

[viosey]

Mark

[ipeony]

赞

[sghcel]

很 NB

[hxtheone]

赞!

[liaoguiming]

82 + 666

[cxshun]

好牛叉，赞。

[xuboying]

建议统一一下语言

[phodal]

@xuboying 主要就是 JavaScript 和 Python

[xuboying]

@phodal 哈哈我说中英文，虽然能看懂

[danmary61]

写的真不错，非常感谢

[ihuzhou]

nice ，向你学习