## 什么是前端开发者?
一个前端开发者, 要会使用Web技术(如:HTML,CSS,DOM和JavaScript)设计和开发网站应用. 网站应用, 或运行于 [Web平台](https://en.wikipedia.org/wiki/Open_Web_Platform) 之上, 或用于编译非Web平台环境的输入(如:[NativeScript](https://www.nativescript.org/)).
![what-is-front-end-dev](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/what-is-front-end-dev.png)
一般而言, 一个人可以通过学习 HTML,CSS,JavaScript进入前端开发领域, 这些代码运行在 [Web浏览器](https://en.wikipedia.org/wiki/Web_browser), [无壳为浏览器](https://en.wikipedia.org/wiki/Headless_browser), Web视图之中, 或用于编译本地运行环境的输入. 后文将详细介绍这四个运行场景.
Web浏览器是用于检索, 呈现和遍历万维网(WWW)信息的软件. 一般而言, 浏览器可以运行在台式机, 笔记本电脑, 平板电脑或手机. 截止到目前, 通过浏览器可以找到任何事物(如: 冰箱, 汽车等).
最普遍的Web浏览器如下:
* [Chrome](http://www.google.com/chrome/)
* [Internet Explorer](http://dev.modern.ie/)
* [Firefox](https://www.mozilla.org/firefox/)
* [Safari](http://www.apple.com/safari/)
无壳浏览器是指没有图形用户界面的Web浏览器, 可以通过命令行接口控制达到网页自动化的目的(如: 功能测试, 单元测试等). 把无壳浏览器当做可以从命令行运行的浏览器, 它依然可以检索和遍历网页.
最普遍的无壳浏览器如下:
* [PhantomJS](http://phantomjs.org/)
* [slimerjs](http://slimerjs.org/)
* [trifleJS](http://triflejs.org/)
Web视图是本地 OS 运行网页的方式. 把Web视图当做浏览中的 iframe 或者单个的 Tab, 是嵌入到运行在设备上的本地应用程序.
Web视图开发最普遍的解决方案如下:
* [Cordova](https://cordova.apache.org/) (用于本地手机/平板应用)
* [NW.js](https://github.com/nwjs/nw.js) (即 Node-Webkit, 用于桌面应用)
* [Electron](http://electron.atom.io/) (用于桌面应用)
最后需要了解的是, 前端开发者不仅可以使用Web浏览器环境进行开发, 也可以在不受浏览器引擎影响的工艺代码环境进行开发. 到现在, 开发环境正在脱离Web引擎, 使用Web技术(如: CSS 和 JavaScript)去创建真正的本地应用.
此类环境的示例如下:
* [NativeScript](https://www.nativescript.org/)
* [React Native](https://facebook.github.io/react-native/)
**译者补充:**
* [达到什么样的标准才能是大公司要的前端](http://qianduanfan.com/index.php/topic/show/217)
* [写给初学前端工程师的一封信](http://www.w3ctech.com/topic/983)
* [前端路上的旅行](http://www.w3cplus.com/front-end-trip-on-road.html)
* [React Native专题](http://www.jianshu.com/p/96febc4fec45)
- 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 错误监控
- 性能