## 多平台开发
![multi-things-dev](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/things.jpg)
一个网站或应用不仅能运行在各种台式机, 笔记本电脑, 平板和手机, 还能运行于少部分其它设备(手表, 温控器, 电冰箱等等). 你将怎么决定支持哪些平台和为支持这些平台, 怎么去开发, 这被称为多平台开发策略. 接下来, 我会列出常见的多平台开发策略:
* 创建 [响应式 Web 设计](https://en.wikipedia.org/wiki/Responsive_web_design) (RWD) 网站/APP
* 创建 [RESS](http://www.lukew.com/ff/entry.asp?1392) (基于服务端组件的响应式 Web 设计) 网站/APP
* 创建 [自适应/渐进增强地](https://en.wikipedia.org/wiki/Adaptive_web_design) 网站/APP
* 对每一个或每一组平台建立一套网站, Web 应用, 本地应用或混合应用
* 尝试修改你用策略1, 策略2或策略创建的应用. 这可能和点缀与屏幕大小无关的部分 UI 一样简单, 也可以试图完全支持其他平台与整个 UI.
**入门学习:**
<ul>
<li><a href="http://adaptivewebdesign.info/" target="_blank">Adaptive Web Design</a> [read][$]</li>
<li><a href="https://www.filamentgroup.com/dwpe/" target="_blank">Designing with progressive enhancement</a> [read][$]</li>
<li><a href="Responsive%20Typography">Responsive Typography</a> [watch][$]</li>
<li><a href="https://frontendmasters.com/courses/responsive-web-design/" target="_blank">Responsive Web Design</a> [watch][$]</li>
<li><a href="https://frontendmasters.com/courses/responsive-email/" target="_blank">Responsive HTML Email Design</a> [watch][$]</li>
<li><a href="http://www.amazon.com/Designing-Multi-Device-Experiences-Ecosystem-Approach/dp/1449340385/ref=pd_sim_14_8" target="_blank">Designing Multi-Device Experiences: An Ecosystem Approach to User Experiences across Devices</a> [read][$]</li>
<li><a href="https://www.udacity.com/courses/web-development" target="_blank">Responsive Web Design Fundamentals</a> [watch]</li>
<li><a href="https://www.udacity.com/course/responsive-images--ud882" target="_blank">Responsive Images</a> [watch]</li>
<li><a href="https://www.udacity.com/course/mobile-web-development--cs256" target="_blank">Mobile Web Development</a> [watch]</li>
</ul>
- Introduction
- 什么是前端开发者?
- 第一部分: 前端开发实践
- 前端的工作职称
- 常用的网络技术
- 前端开发技术栈
- 前端开发做什么
- 团队中的前端
- 全才神话
- 前端的面试问题
- 前端工作版块
- 前端薪资
- 如何培养前端开发者?
- 第二部分: 前端开发学习
- 自主学习
- Internet/Web
- Web浏览器
- DNS
- HTTP/网络
- Web 主机
- 前端开发综合学习
- 用户界面和交互设计
- HTML & CSS
- SEO
- Javascript
- Web 动画
- DOM, BOM & JQuery
- Web 字体
- 无障碍设计
- Web/浏览器 API
- JSON
- 静态网页生成器
- 前端应用架构设计
- 接口/API 设计
- Web 开发者工具
- 命令行
- Node.js
- 模块加载器
- 包管理器
- 版本控制
- 构建 & 任务自动化
- 网站性能优化
- JS 测试
- 无壳浏览器
- 离线开发
- 安全
- 多平台开发
- 指导学习
- 前端指导学习
- 前端开发者从哪里学
- 前端简报, 资讯 & 博客
- 第三部分: 前端开发工具
- 常用前端开发工具
- DOC/API 浏览
- SEO
- 原型和框架
- 图表
- HTTP/网络
- 代码编辑
- 浏览器
- HTML
- CSS
- DOM
- JavaScript
- 静态网页生成器
- APP(桌面, 移动, 平板等) 管理
- 脚手架
- 模板
- UI 部件 & 组件
- 数据可视化
- 图形
- 动画
- JSON
- 测试框架
- 数据存储
- 模块/包加载
- 模块/包仓库
- Web/云/静态主机托管
- 项目管理 & 代码托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 离线
- 安全
- 任务管理
- 部署
- 网站/APP 监控
- JS 错误监控
- 性能