共计 1975 个字符，预计需要花费 5 分钟才能阅读完成。
什么是前端开发
前端开发是创立 Web 页面或 app 等前端界面出现给用户的过程，通过 HTML，CSS 及 JavaScript 以及衍生进去的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发次要关注用户体验。
前端开发的技术
超文本标记语言（HTML）
HTML 是根本的前端技术之一，也是前端开发的外围，是所有网站的标记。HTML 元素可帮忙您向网站增加表单、按钮、容器和其余性能。
级联样式表（CSS）
CSS 是另一种外围前端技术，有助于为先前创立的 HTML 网页提供额定的款式。CSS 规定使网页或 Web 应用程序更具交互性和响应性。
JavaScript（JS）
JavaScript 是一种编程语言，对于前端开发人员来说是至关重要的。它容许动静更改网站或 Web 应用程序的内容。
前端开发的工具
代码编辑器
Sublime Text 是一款功能强大的文本编辑器，可在 Windows，macOS 和 Linux 上应用。与其余文本编辑器不同，Sublime Text 具备疾速抉择和批改文本的性能。它原生反对许多编程语言和标记语言。用户能够应用主题对其进行自定义。
Atom 是由 GitHub 开发的源代码编辑器，能够用作 IDE 的开源工具。具备跨平台性能，能够在次要操作系统上运行。提供了许多 GitHub 包，用于集成和执行拉取和推送申请等操作，并帮忙解决合并抵触。
其余代码编辑器举荐：Notepad++、Visual Studio Code、Brackets
版本控制系统
Git 是一个分布式版本控制系统，可跟踪任何一组计算机文件中的更改，通常用于协调在软件开发期间合作开发源代码的程序员之间的工作。其指标包含速度、数据完整性以及对分布式非线性工作流的反对。
SVN 是 subversion 的缩写，是一个凋谢源代码的集中式版本控制系统，通过采纳分支管理系统的高效治理，简而言之就是用于多集体共同开发同一个我的项目，实现共享资源，实现最终集中式的治理。
其余版本控制系统举荐：Concurrent Versions System (CVS)、GitLabCSS
预处理器
Less 是一种动静款式语言，将 CSS 赋予了动静语言的个性，如变量，继承，运算，函数，LESS 既能够在客户端上运行 (反对 IE 6+, Webkit, Firefox)，也能够在服务端运行 (借助 Node.js)。
Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的根底上减少了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级性能，这些拓展令 CSS 更加弱小与优雅。应用 Sass 以及 Sass 的款式库 (如 Compass) 有助于更好地组织治理款式文件，以及更高效地开发我的项目。
其余 CSS 预处理器举荐：SCSS、Stylus
Javascript 框架和库
jQuery 是一个 JavaScript 库，旨在简化 HTML DOM 树遍历和操作，以及事件处理，CSS 动画和 Ajax。它是应用宽松的 MIT 许可证的收费开源软件。
React 是一个用于构建用户界面的 JavaScript 库。换句话说，React 用于构建蕴含网页、布局和内容的网站前端。React 由 Facebook 开发，旨在为 Web 创立古代，疾速和交互式的用户界面。React 是申明式的、基于组件的、可扩大的 JavaScript 库。
其余 Javascript 库举荐：D3.js、Vue、Angular
HTML 代码验证器
W3C 验证标记服务 是验证 HTML 代码最罕用的服务。能够通过指向 URI(通用资源标识符) 或上载蕴含源代码的文件或间接在其网站上输出代码来验证代码。
HTML Validator 是一个收费的在线开发人员工具，用于依据 W3C 规范 (称为 HTML linter) 立刻验证 HTML 代码。反对局部 HTML 代码验证。
其余 HTML 代码验证器举荐：HTML Lint、HTML Strip
在线编辑器
CodePen (代码笔) 一款前端所见即所得的工具，能够在线编辑制作前端页面，所见即所得。同时网站提供所有常见的 js、css 库，并且反对风行技术(如 SASS)，免去了自建平台的麻烦。
SovitJs 一个可视化的在线编辑平台，能够在线编辑制作可视化大屏页面、工业 Web 组态界面、物联网 3D 场景界面，平台提供多种模板及组件，利落拽即可轻松实现，并反对动态数据绑定，节俭了开发人员繁冗的编码工夫及开发成本。
Jsbin 是一种开源的协同 Web 开发调试工具。其长处是能够疾速的提供前端须要的各种开发环境，疾速地编辑代码，并实时显示页面最终的成果。
其余在线编辑器举荐：Runjs、Codeanywhere
作为前端开发者，学会应用适合的开发工具，对于节俭开发工夫和老本来说真的十分重要，因而，明天我跟大家分享不同类别的前端 Web 开发工具，心愿对大家有所帮忙。