什么是前端开发

前端开发是创立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开发工具，心愿对大家有所帮忙。