前端开发

Frontend Development Awesome

为前端Web开发人员手动策划的资源集合.

您正在查看可浏览版本,在许多小文件中按类别拆分. 在一个页面上还有一个包含每个资源的巨大文件. 继续前进 totally gigantic file 如果你是这样的事情.

这是当前版本,它接收持续更新. 如果您想要好的旧书签,请使用标签v.1.0. 请记住,旧版本有许多过时的链接.

frontend.directory Gitter Twitter


Appearance

网站的外观或可见方面.

Architecture

前端代码的高级结构和创建此类结构的规则.

  • Algorithms :要执行的自包含的逐步操作集. 算法执行计算,数据处理和/或自动推理任务.
  • Design Patterns:程序员在设计应用程序或系统时可用于解决常见问题的最佳实践.
  • Designs:准备好使用并且有良好记录的结构和框架用于前端开发.
  • Event-Driven Programming:事件驱动编程是一种编程范例,其中程序流程由诸如用户操作,传感器输出或来自其他程序/线程的消息之类的事件确定.
  • Functional Programming:函数式编程是一种编程范式,它将计算视为数学函数的评估,并避免改变状态和可变数据.
  • Functional Reactive Programming (FRP):FRP是使用函数式编程的构建块进行异步数据流编程的编程范例.

Compatibility

产品能够使用不同的输入/输出设备和渲染软件. 包括打印机,电子邮件,移动设备和不同的浏览器.

  • Cross Browser:跨浏览器是指网站,Web应用程序,HTML构造或客户端脚本在提供其所需功能的环境中运行的能力,以及在功能不存在或缺少时优雅地退出或降级的能力.
  • E-Mail:准备基于HTML的电子邮件.
  • Keyboard: Working with keyboard input in a web browser.
  • Mobile:开发针对在智能手机和平板电脑设备上观看而优化的网站.
  • Printers:通过CSS操作打印机输出.
  • Responsive Web Design (RWD) :RWD响应用户及其使用的设备的需求. 布局根据设备的大小和功能而变化.
  • Web Accessibility:Web可访问性意味着残疾人可以感知,理解,导航和与Web交互,并且他们可以为Web做出贡献.

Ecosystem

重要的开发人员,公司,组织和新闻来源.

  • Communities Around Projects :成功的开源项目吸引了许多制作插件,库,教程和其他资源的开发人员. 本节收集此类资源.
  • News:提供与前端Web开发相关的每日和每周新闻的网站和新闻简报.
  • Notable Community Members:重要的工程师,福音传道者,建筑师和其他名人.
  • Organizations:围绕Web开发的商业公司和非营利组织.
  • Podcasts:播客是一种数字媒体形式,由一系列音频,视频,数字广播,PDF或ePub文件组成,这些文件通过网络联合自动订阅或下载,或在线流式传输到计算机或移动设备.

Languages, Protocols, Browser APIs

编程/标记语言和Web相关标准.

  • Cascading Style Sheets (CSS) :CSS是一种样式表语言,用于描述用HTML或XML编写的文档的表示. 它描述了元素应如何在屏幕上,纸上,语音或其他媒体上呈现.
  • Document Object Model (DOM) :DOM是HTML,XML和SVG文档的编程接口. 它定义了允许访问树的方法,以便它们可以更改文档结构,样式和内容.
  • HyperText Markup Language (HTML):HTML是用于创建网页的标准标记语言,其元素构成所有网站的构建块.
  • Hypertext Transfer Protocol (HTTP) :超文本传输​​协议(HTTP)是用于分布式协作超媒体信息系统的应用程序协议. HTTP是万维网数据通信的基础.
  • JavaScript (EcmaScript) :JavaScript是一种成熟的动态编程语言,当应用于HTML文档时,可以在网站上提供动态交互. 它由ECMAScript标准定义.
  • JavaScript Object Notation (JSON) :JSON(JavaScript Object Notation)是一种轻量级的数据交换格式. 人类很容易读写. 机器很容易解析和生成. 它基于JavaScript编程语言的一个子集.
  • Scalable Vector Graphics (SVG):用于二维图形的基于XML的矢量图像格式,支持交互性和动画.
  • Service Workers:一种使应用程序能够利用持久后台处理的方法,包括在脱机时启用Web应用程序引导的钩子.
  • Templating Languages and Engines :模板引擎是将程序逻辑和表示分成两个独立部分的工具. 这使得逻辑和表示的开发更容易,提高了灵活性并简化了修改和维护.
  • Transpiled Languages:抽象语言转换为原生的,浏览器支持的标准,如JavaScript或CSS.
  • Uniform Resource Identifier (URI) :URI是用于标识资源的字符串. 最常见的URI形式是统一资源定位器(URL).
  • Web Animations API :Web Animations是一种新的JavaScript API,用于在Web上驱动动画内容. 通过统一SVG和CSS的动画功能,Web Animations解锁以前只能以声明方式使用的功能,并向开发人员公开强大的高性能动画功能.
  • WebAssembly:WebAssembly旨在填补JavaScript迄今为止被占用的地方:一个可用作编译器目标的低级代码表示.

User Interface Components

用于网站和应用程序的Drop-in UI组件.

  • Buttons:术语按钮是指为用户提供触发事件的简单方法的任何图形控件元素,例如在搜索引擎中搜索查询,或与对话框交互,如确认操作.
  • Code:设计用于嵌入网站内的代码查看器和编辑器.
  • Forms :网页上的HTML表单允许用户输入发送到服务器进行处理的数据. Web用户使用复选框,单选按钮或文本字段填写表单.
  • Galeries & Image Sliders:在您的网站上展示图像集的复杂方式.
  • Grid:CSS网格布局系统.
  • Rich Text Editors :富文本编辑器是用于在Web浏览器中编辑富文本的界面. 目的是减少尝试将其格式直接表示为有效HTML标记的用户的工作量.
  • Table Of Contents:用于自动生成目录的组件.
  • UI Kits:即用型组件的集合.
  • Video & Audio:用于在网站上播放音频和视频文件的组件.

Workflow

任务自动化和资产交付.

  • Automated Testing:自动软件测试是软件工具在软件应用程序投入生产之前对其执行预编写测试的过程.
  • Build Tools:工具包及其生态系统,可帮助您自动完成痛苦和重复的任务.
  • CSS Tools:用于分析,处理CSS文件的工具.
  • Code Editors:专为编辑网站源代码而设计的文本编辑器程序.
  • Documentation:编写,生成,发布和使用Web可交付成果的文档.
  • Fonts for Programmers:程序员需要特殊字体,这有助于对齐代码并区分看起来相似的字符.
  • Getting Started:用于设置前端开发工作流程的分步指南.
  • HTML Tools:用于HTML源代码的预处理和后处理的工具.
  • Image Post Processing:用于图像转换和优化的工具.
  • JavaScript Tools:用于静态分析,JavaScript文件的前后处理的工具.
  • Package Management:包管理器或包管理系统是一组软件工具,可以以一致的方式自动执行安装,升级,配置和删除可重用库和组件的过程.
  • Sourcemaps:Sourcemap是一种将组合/缩小文件映射回未构建状态的方法.
  • Version Control:版本控制或源代码控制是一个记录文件或文件集随时间变化的系统,以便您以后可以调用特定版本.

License

Creative Commons License
本作品采用
知识共享署名4.0国际许可协议授权 .

请提供一个返回此存储库的链接. 这对于GitHub分叉不是必需的.