技能 1：HTML & CSS
HTML (超文本标记语言) 和 CSS (层叠样式表) 是web编码中最基础的构建模块。
技能 2：JavaScript
在最基本的层面上，JS可让你在网站上增添大量交互元素，如实时更新的地图，互动电影和页游。
技能 3：jQuery
jQuery是一个JavaScript库：一组插件和扩展的集合，使得用JavaScript开发更快、更轻松。通过jQuery可为项目添加现成的元素，然后根据实际需要进行自定义。 此外，使用jQuery还可以帮你解决很多工作问题，如倒计时器，搜索表单自动填充，甚至是自动重新排列和调整网格布局。
技能 4：JavaScript框架
JS框架，包括AngularJS，Backbone，Ember和ReactJS等，为你的JavaScript代码提供了一个现成的结构。 前面提到的四个，是实际工作中最普遍应用到的框架，但对于不同的需求，仍会有不同的类型框架。
技能 5：前端框架
CSS 和前端框架（目前最流行的前端框架是Bootstrap），它们给你提供了一个更加快速编码的出发点。 既然从一个项目到另一个项目间，这么多的 CSS 都是从完全相同的元素开始的，那么一个前期帮你定义这一切的框架就非常有用了。所以大多数前端开发者都应该熟悉这些框架的工作原理，以及如何更好地使用它们。
技能 6：使用CSS预处理器的经验
在将其发布到你的网站之前，它会处理你的代码，并将其转换为CSS样式表写清楚的格式，且在不同的浏览器上都能表现良好。 根据目前的工作需求，SASS和LESS是两个最热门的预处理器了。
技能 7：使用 RESTful 服务和 API 的经验
REST（Representational State Transfer）可译作标志性状态转移。简而言之是一种简化 web 网络通讯的轻量架构。RESTful 服务和 API 是遵循 REST 架构实现的 web 服务。
假设你想写一个 app 展示你社交网络里朋友建立联系的先后顺序，可以调用 Facebook 的 RESTful API 来读取并返回你的好友列表完成这件事情。
技能 8：响应式以及移动端设计
响应式设计需要网站布局（有时还涉及功能和内容）根据使用设备的屏幕尺寸自动调整。
技能 9：跨浏览器开发
在所有浏览器都完美兼容 web 标准前，操纵不同浏览器取得所预想的一致效果是一项很重要的技能。
技能 10：内容管理系统和电商平台
几乎所有网站都是基于内容管理系统（CMS）构建。 (电商平台是 CMS 的一个特例)
技能 11：测试和调试
单元测试针对源代码（驱动网站工作的指令集合）中的独立模块进行，对应的单元测试框架提供了具体的方法和结构辅助我们进行实际操作（每种编程语言都有自己的单元测试框架）。
界面（UI）测试是另一种常见的测试形式（也称可接受度测试、浏览器测试或功能测试），该项测试用以确保网站在用户操作时作出正确响应。你可以编写测试套件在用户操作后到页面上查找 HTML 代码等特定内容（例如用户忘记输入一个必填表项，表单错误提示框会出现）来完成测试。
技能 12：Git 以及版本管理系统
版本控制系统帮助保存你的代码修改记录。在必要情况下，它们能够方便地帮你回退到早期版本。
Git 是使用最广泛的版本管理系统，了解其使用方法几乎是进行任何开发工作所必须的要求。
技能 13：解决问题的能力
从找寻设计的最佳实现，到修复 bug，再到弄清让你的前端代码适配后端系统的方法，这些开发的方方面面都依赖于创造性地解决问题的能力。