GitHub: https://github.com/phodal/ideabook
目录:
- 分析网站日志,打造访问地图
- 概况
- 步骤
- 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: 展示数据到地图上
- 练习建议
- 书籍录入程序
- 概况
- 步骤
- [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 文本编辑器)
- [JavaScript 打造 Slide 应用]( http://ideabook.phodal.com/#javascript 打造 slide 应用)
- 概况
- 步骤
- [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: 同步
- 练习建议
- 编辑-发布-分离应用
- [Google Map 与 Solr 实现多边形搜索]( http://ideabook.phodal.com/#google-map 与 solr 实现多边形搜索)
- 一份代码打造跨平台应用
- 概况
- 步骤
- [Step 1: 从 Web 到混合应用,再到桌面应用]( http://ideabook.phodal.com/#step-1-从 web 到混合应用再到桌面应用)
- Step 2: 响应式设计
- Step 3: 平台特定代码
- 未来
- [Ionic ElasticSearch 打造 O2O 应用]( http://ideabook.phodal.com/#ionic-elasticsearch 打造 o2o 应用)
- 概况
- 步骤
- 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 地图显示
- 跨协议的物联网平台设计
- [一步步搭建 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 的测试代码生成)
- 概况
- 步骤
- [Step 1: Virtual-dom 与 HyperScript]( http://ideabook.phodal.com/#step-1-virtual-dom 与 hyperscript)
- [Step 2: 标记 DOM 变化]( http://ideabook.phodal.com/#step-2-标记 dom 变化)
- 移动框架
- 概况
- 步骤
- [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 世界)
- 制作照片地图
- 概况
- [Background:把照片放在地图上]( http://ideabook.phodal.com/#background 把照片放在地图上)
- Showcase
- 框架: EXIF & ExifRead & CartoDB
- 步骤
- 概况
- D3.js 制作技能树
- 技术雷达趋势
- 概况
- 步骤
- [Step 1: Schema 与原始代码]( http://ideabook.phodal.com/#step-1-schema 与原始代码)
- Step 2: 处理数据
- [文本转化为 Logo]( http://ideabook.phodal.com/#文本转化为 logo)
- [GEOJSON 与 ElasticSearch 实现高级图形搜索]( http://ideabook.phodal.com/#geojson 与 elasticsearch 实现高级图形搜索)