原文链接: 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的开发者创造的数据库。

  • MongoDB: 非关数据库,通常在 MEANMERN架构中使用。

  • Redis: 提升应用数据访问性能,内存读写并可持久化储存的数据库。

  • PostgreSQL: 功能强大完整,兼容数据类型丰富,并且开源免费。

CSS预处理器

  • Sass: CSS的扩展,可以声明变量,引入模块,嵌套属性等等。

  • Less: 为CSS添加声明变量,样式模块,命名空间,继承等特性。

  • Stylus: 写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写作软件,可以生成为任何格式。

图标库

版本管理应用

  • 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的话,用这个最棒咯。

代码差异检查

在线编程

  • JS Bin: 在线编写并运行HTML/CSS/JS网页代码。

  • JSfiddle: 同上。

  • codeshare: 实时和其他开发者共享你的代码。

  • Dabblet: 交互测试HTML/CSS代码。

  • Cloud9: 一键创建在线开发环境,完整的服务器操作命令行,代码在线编辑,项目在线运行,还可以分享链接给他人预览,最重要的当然还是免费不要钱啦。

协作工具

  • Slack: 团队通信应用。

  • Teambition: 号称最好用的团队协作工具。

  • Worktile: 一站式企业协同管理平台.

交流社区

  • CodePen: 在线分享编写你的前端代码,推荐袄!

  • Dribble: 设计师分享社区,灵感的源泉。

Web性能测试

Web开发社区

稿源:zhuanlan.zhihu.com

http://www.oschina.net/news/77717/2016-web-develop-tools-collection

2016 Web 开发资源工具大搜罗的更多相关文章

  1. 2016 Web开发资源工具大搜罗

    来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所 ...

  2. 极客Web开发资源大荟萃

    前端开发已经成为当前炙手可热的技术之一.此次我们总结的前端开发包含了相关技术和流行趋势,希望从中大家可以挖掘你们所需要的,并带给你们最有价值的帮助!原文来自:极客标签 使用代码回放来愉快地学习前端知识 ...

  3. 移动web开发资源大整合

    移动web开发资源大整合 http://www.cnblogs.com/PeunZhang/p/3407453.html

  4. 2021年Web开发的7大趋势

    技术发展日新月异,所以 Web 开发人员也需要及时了解行业最新的发展趋势. 全球有超过 17.4 亿个网站.在每一个细分领域都有无数企业争夺搜索引擎的排名前列位置.开发人员应该了解和发现更多创新的 W ...

  5. 100+ 值得收藏的 Web 开发资源

    原文 http://mp.weixin.qq.com/s?__biz=MjM5OTEzMzQwMA==&mid=2651667152&idx=2&sn=1dd7a77a2eff ...

  6. web开发资源导航

    实用工具 前端在线工具 兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询 设备es6支持度 游览器H5支持度 浏览器内核检测工具 手机设备信息检测 浏览器市场份额 文档手册 ...

  7. 写给自己的web开发资源

    web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出 ...

  8. Web 开发常备工具

    工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能.为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助. ...

  9. [转]10款 Web 开发常备工具

    文章地址:https://my.oschina.net/u/2903254/blog/798135 工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能 ...

随机推荐

  1. net.sf.json的jar包:JSONArray

    今天在用maven添加net.sf.json的jar包的时候,代码如下: ? 1 2 3 4 5 <dependency>     <groupId>net.sf.json-l ...

  2. SharePoint 页面Pages和SitePages目录创建不成功解决

    最近项目中要用到Pages及SitePages目录中的一个 可是目录时,不是发现没有Pages就是没SitePages: 分析后才得知Pages目录需要开户SharePoint Server Publ ...

  3. 破解SQLYog30天试用方法

    开始-运行-regedit ,进入注册表,在 \HEYK_CURRENT_USER\Software\{FCE28CE8-D8CE-4637-9BC7-93E4C0D407FA}下的InD保存着SQL ...

  4. 16Aspx.com源码2013年10月到2013年12月详细

    创建时间FROM: 创建时间TO:   ExtJS合同管理信息系统源码 2013-12-13   [VS2008] 源码介绍: ExtJS合同管理信息系统源码浏览器兼容:IE,Firefox,谷歌等主 ...

  5. 20151217jqueryUI--自动补全工具

    自动补全(autocomplete),是一个可以减少用户输入完整信息的 UI 工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择.一. 调用 autocomplete()方法 $( ...

  6. MongoDB中的分组

    一.MongoDB中的Count函数.Distinct函数以及分组 准备工作,插入一个班级的文档 > for(var i=0;i<10;i++){ ... db.Classes.inser ...

  7. HOOK函数(二)——全局HOOK

    如果钩子函数定义于当前进程相关的线程中,则钩子函数只能处理当前进程的线程的消息,如果要想处理当前正在运行的所有进程的鼠标消息和键盘消息,那么安装钩子函数的代码必须实现在动态链接库中.所以如果想让安装的 ...

  8. jfinal不能正确加载html网页,总是报错的解决方法

    今天自学jfinal,遇到一个很奇怪的问题,render("/index.html");总是报错. 仔细看错误日志,才发现原来是因为html网页放到了WEB-INF文件夹下面了,所 ...

  9. 国庆第七日(2014年10月7日17:55:56),随手记,一些关注的OSC软件,花生壳

    (1)最难过的是今天. (2)随手记:001.002. (3)htmlunit.joda-time.date4j.jdao.BeanGenerator.JavaScript秘密花园(开源图书)  OS ...

  10. 04_过滤器Filter_01_入门简述

    [简述] Filter也称之为过滤器.通过Filter技术,对web服务器管理的所有资源(如:Jsp.Servlet.静态图片文件.静态HTML文件等)进行拦截,从而实现一些特殊的功能.例如实现URL ...