https://www.oschina.net/news/77717/2016-web-develop-tools-collection?from=20161009
原文链接: 100+ Awesome Web Development Tools and Resources
Web的迅猛发展对于开发者来说既是一件好事也是一件坏事。不断紧跟潮流学习新的技术、编程语言、适应变化听起来就很令人兴奋又紧张。你需要面对的挑战可能包括使用已有的框架适应新的业务需求,测试网站的兼容性,优化你的网站前端和后端更好地协同。今天在这里介绍给大家的这个收集列表也许能够帮助你完成类似的工作。
P.S.顺序先后并不代表推荐排名。
JavaScript 库/框架
JavaScript是全世界最受欢迎的Web编程语言。人们为了快捷开发网站或应用预先编写一些JS类库。你可以通过一些公用CDN很方便地在自己的网站上引入这些库:
1
|
<script src= "https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js" ></script>
|
-
jQuery : 方便快捷,功能强大全面,居家旅行必备,近乎JS的替代品,你可以不会js,但是不能不会jQuery。
-
BackBoneJS : 模型、视图、集合、事件,让你的前端代码更有框架感。
-
D3.js : 数据可视化必学必会,只有你想不出来的,没有D3画不出来的。
-
React: 学会React,再学学React-native,你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师……
-
jQuery UI : 几行代码就能写一个带动画带ajax的Web应用。
-
jQuery Mobile : 移动端专用js开发框架,和上面的类似袄。
-
Underscore.js : 非入侵式框架,提供了众多有用的函数方法,弥补jQuery的不足。
-
Moment.js : 原生的JS显示输出日期时间真的很痛苦,Moment为你解决了一切啦~
-
Lodash : 模块化且高效,lodash和underscore很相似。
前端框架
-
Bootstrap : 全世界最流行的响应式前端框架。
-
Foundation : 提供了很多模版,针对网站、移动端、邮件提供了很多好用的模块和样式。
-
Semantic UI : 个人非常喜欢的一个前端框架,样式非常好看,更重要的是就像它语义UI的名称一样,类命名特别友好,写网页就像和人说话一样。
-
uikit : 漂亮、可定制,即将发布uikit3版本,感兴趣可以试试看。
Web应用框架
-
Ruby on Rails : Ruby on Rails 是一款用ruby语言编写Web应用的MVC框架,github就是用它写的袄!
-
AngularJS : Google主导的Web开发框架,数据绑定、MVVM,很可惜被后来更灵活的React、Vue等框架抢去了风头。
-
Ember.js : 用来开发单页Web应用的JS前端MVC框架。
-
Express : Node.js上的Web框架,搭建网站或API服务只要一秒钟!
-
Meteor : JS全端框架,是的,你只需要学习JavaScript一门语言,就可以完成Web应用前后端、数据库的开发。
-
Django : Python的Web框架,人生苦短,请用Python.
-
Flask : Python的Web框架,据说只要学好flask就能随意找到好工作?
-
ASP.net : 老一辈人的最爱。
-
: 最优雅性感的PHP Web框架,好用到不能再好用,优雅到不能再优雅,毕竟PHP是全世界最好的语言嘛。
-
Phalcon : 用C语言扩展的,据说是最快的PHP框架。
自动化构建/包管理
-
Grunt : JavaScript自动化工具。
-
Gulp : 个人感觉是最好用的自动化构建工具。
-
webpack :模块化加载构建一切,CSS/JS连图片都可以
-
npm : NPM虽好,不要太依赖袄。
-
Bower : 前端框架包管理工具,各类框架和库一键安装。
编程语言
-
PHP : 全世界最好的语言不解释。
-
NodeJS : 可以运行在服务器端的JS,只需学习一门语言即可全栈编程。
-
Javascript : 日益强大的脚本语言,现如今学前端基本就是学JS编程。
-
HTML5 : 网页的标记语言。
-
Python : 人生苦短,请用Python。比好用更好用。
-
Ruby : 简洁高效,学Ruby基本就是为了学用rails
-
Scala : 兼容函数式、面向对象、命令式编程,可以和JAVA互通。
-
CSS3 : 网页的样式。
-
SQL : 操作数据库必学。
-
Golang : Google出品,简单易用。
-
Rust : 高效高性能,保证线程安全,防止声明错误。
-
Elixir : 开发扩展可持续的应用的动态函数式语言。
数据库
-
MySQL : 开源免费性能好,全世界都在用它。
-
MariaDB : 日趋流行起来,同样由MySQL的开发者创造的数据库。
-
Redis : 提升应用数据访问性能,内存读写并可持久化储存的数据库。
-
PostgreSQL : 功能强大完整,兼容数据类型丰富,并且开源免费。
CSS预处理器
代码编辑器
-
Atom : Github的发明,基于Web技术开发,漂亮又好用。
-
Sublime Text : 最性感的代码编辑器,你会因为爱上一款编辑器而爱上写代码。
-
Notepad++ : Win平台下开源好用的代码编辑器,不需要装什么插件就已经很棒啦。
-
Visual Studio Code : 很多人也推荐并且喜欢用VS Code这款微软出品的编辑器袄。
-
TextMate : OSX上的一款比较火的编辑器。
-
Coda 2 : OSX平台,你可以在这款编辑器里写代码、连接远程FTP/SSH/数据库,还能查询手册,代码方法快捷查询等等,一款编辑器满足你写网站的所有需求。
-
WebStorm : JS开发利器。
-
Vim : Vim是编辑器里神一般的存在。
-
Brackets : Adobe公司出品的一款编辑器,预览功能很不错。
-
Emacs : 也有很多人喜欢支持Emacs啦。
Markdown编辑器
-
StackEdit : 一款在线Markdown编辑器。
-
Dillinger : 同上。
-
Mou : Mac上一款非常棒的Markdown编辑器,不过据说作者重酬之后携款跑路了?
-
ulysses : 很棒的一款Markdown写作软件,可以生成为任何格式。
图标库
-
Font Awesome : 全世界最流行的图标库。
-
IconMonster : 在线免费图标库。
版本管理应用
-
SourceTree : 最好用的Git图形化客户端。
-
GitKraken (Beta): 一款免费好用的全平台Git客户端。
-
Tower 2 : 界面很好看。
-
GitHub Client : Github官方桌面客户端。
-
Gogs : Go语言开发的可以自主搭建的开源托管平台。
-
GitLab : 免费的私有项目Git托管。
本地开发环境
-
XAMPP : 免费的 MariaDB, PHP, and Perl软件集合安装包。
-
MAMP : 提供Mac上PHP开发运行环境。
-
WampServer : Windows 下最好用的包含 Apache2, PHP MySQL 的开发运行环境。
-
Vagrant : 虚拟机软件。
-
Laragon : 喜欢Laravel的话,用这个最棒咯。
代码差异检查
-
Diffchecker : 一款在线的检查代码异同的小工具。
-
Beyond Compare : 检查代码修改差异的软件。
在线编程
-
JS Bin : 在线编写并运行HTML/CSS/JS网页代码。
-
JSfiddle : 同上。
-
codeshare : 实时和其他开发者共享你的代码。
-
Dabblet : 交互测试HTML/CSS代码。
-
Cloud9 : 一键创建在线开发环境,完整的服务器操作命令行,代码在线编辑,项目在线运行,还可以分享链接给他人预览,最重要的当然还是免费不要钱啦。
协作工具
-
Slack : 团队通信应用。
-
Teambition : 号称最好用的团队协作工具。
-
Worktile : 一站式企业协同管理平台.
交流社区
Web性能测试
-
Website Speed Test : 网站载入速度测试。
-
Google PageSpeed Insights : PageSpeed 是谷歌的网页测试工具,通过检测评分给你优化建议。
-
Google Chrome DevTools : 谷歌开发者工具。
-
WebPageTest : 模拟从世界各地载入你网页的检测工具。
Web开发社区
-
掘金 : 高质量的技术社区,国内算是最好的了。
相关推荐
:《基于WEB的教学资源管理系统》是采用Java服务器语言,即JSP,基于Browser/Server模式开发的。Java语言的强大网络功能,安全性和跨平台性,B/S模式的瘦客户端性,极大的增强了本系统的适用性、灵活性和安全性。本...
为 Web 开发人员提供的很棒的免费资源 目录 分析 提供对您网站上的活动进行详细分析的工具。 API测试 邮差 使构建各种类型的 HTTP 请求变得容易,并使测试 Web api 变得非常容易。 请求箱 为您提供一个 URL,该 ...
适用人群:Java初学者,准备毕业设计的大学生,对Java web技术感兴趣者 技能要求:你需要会idea开发工具的安装和常用操作,会配置Java环境变量,会MySql和Navicat的安装和常用操作 阅读建议:可先按照部署文档先把...
针对Web开发人员的最佳实用网站集合。为什么 ? “要做出正确的选择,我们必须意识到我们拥有哪些选择。” 我们经常迷失在搜索引擎,博客,视频,书籍等中。每个人都有自己的见解,往往会产生模糊的画面。 我试图...
Web of Science数据库是 Clarivate Analytics 公司开发的一款强大的学术搜索引擎,提供了广泛的学术资源,涵盖自然科学、生命科学、社会科学、人文科学等多个领域。该数据库收录了全球高质量的学术期刊、会议录、...
开发人员资源 GitHub跟踪器和请求请求当前是主要的贡献过程。 贡献快速指南: : 有关源代码管理,构建,编码标准等的信息: : 主要的源代码存储库: : 搜索问题: https : //github.com/eclipse/pdt/issues ...
鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...
Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。 包管理工具一般有以下的功能: a)注册机制:每个包需要...
本项目是一个可以实现在线听歌,在线看MV,浏览最新歌单,并且能控制播放,暂停,停止,音量,进度条,搜索等功能的web音乐播放器。 详细介绍参考:https://biyezuopin.blog.csdn.net/article/details/125618440
【屏幕取色】 经典的屏幕取色工具,可取任意一处屏幕颜色到指定的存储格中,可显示为RGB颜色值或十六进制的颜色值,为VBA开发人员的辅助工具之一。 【万年日历】 可以查询所有节、假日信息和公农双历,以及计算两...
本资源是关于一名具有三年前端开发经验的简历模板,主要描述了该开发者的个人信息、工作经验、项目经验、技术栈等信息。 个人信息 * 姓氏:(隐私保护) * 性别:男 * 求职意向:web 前端工程师 * 工作经验:3年 *...
本书还着重讲解了如何使用JavaScript进行客户端编程和如何开发Web数据库应用。 本书可作为高等院校“网页设计与开发”类课程教材,也可作为网站制作、Web程序设计培训教材,还可作为网页设计与Web编程爱好者的自学...
android开发秘籍完整版清晰版 第1 章 android 概述 1 1.1 android 演化史 1 1.2 android 的两面性 2 1.3 运行android 的设备 2 1.3.1 htc 系列机型 4 1.3.2 摩托罗拉系列机型 4 1.3.3 三星系列机型 4 1.3.4 ...
**适合人群**:对PHP和Web开发有一定了解,并希望通过实践项目提升技能的学生,以及需要进行网络数据包分析的网络管理员和安全研究人员。 **能学到什么**: 1. 掌握PHP开发Web应用的基本流程。 2. 学习网络数据包...
GitHub:在GitHub上搜索MySQL相关的示例项目,如基于MySQL的Web应用程序、数据分析项目等,可以从中学习实际的应用案例。 MySQL官方示例数据库:MySQL官方提供了一些示例数据库,如经典的employees和world数据库,...
Web of Science 是一个全球知名的学术检索平台,由 Clarivate Analytics 公司开发和维护。该平台提供了一个集成的搜索环境,涵盖了自然科学、工程技术、社会科学、人文科学等多个领域的学术文献。 Web of Science ...
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
Awesome .NET Core In Chinese (持续更新中...) ...开发工具 国际化 控制反转 日志 数据科学 邮件 数学 网络 杂项与插件 ORM 性能分析 消息队列 查询构造Query Builders 计划调度 SDKs 安全 搜索 序列化 模
浏览器的基本功能 ... ... 1、基本功能 浏览器的用户界面有很多彼此相同的元素,其中包括: 用来输入 URI 的地址栏 ...每一个现代网络浏览器都包含一套强大的开发工具套件。这些工具可以检查当前加载的HTML、CSS和JavaScrip