原文链接: 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. oracle数据库没有监听服务与实例服务(OracleServicesXX)的解决方法

    不知道为什么,可能是因为更新系统的原因,过了一段时间,想打开oracle服务,发现居然没有任何oracle有关的服务了,但以前的数据库文件什么的都在,心想肯定是可以复原的,应该只是注册表的问题罢了.在 ...

  2. 面试相关的技术问题---java基础

    最近在准备秋季校招,将一些常见的技术问题做一个总结!希望对大家有所帮助! 1.面向对象和面向过程的区别是什么? 面向对象是把构成问题的事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描 ...

  3. 找不到可安装的ISAM

    转载:http://www.cnblogs.com/zyc2/archive/2005/06/28/182492.html   读取excel数据 到 datagrid 出现:找不到可安装的ISAM  ...

  4. php有三种工作模式

    php有三种工作模式. 其中是最常见的是php作为一个模块工作在一个多进程的webserver中, 例如apache webserver. apache会启动一个主进程, 多个子进程(php). 主进 ...

  5. oracle级联删除 触发器

    CREATE TABLE STUDENT( --创建学生表  ID NUMBER(10) PRIMARY KEY,   --主键ID  SNAME VARCHAR2(20),  CLASSNAME V ...

  6. Object-C日志记录

    在Object-C中,将日志信息输出到控制台是非常简单的.实际上NSLog()函数很像C语言里面的printf()函数,出了要用一个%@符号代表一个对象. NSLog(@"The curre ...

  7. iOS开发——基于corelocation位置定位——工具类

    (代码工具类已写好,空闲时间整理成文档,待更新……)

  8. Objective-C MRC多个对象相互引用的内存管理

    在MRC环境下,假定CTRoom对象是CTPerson的一个成员变量,那么修改CTRoom对象时应注意,代码如下: - (void) setRoom:(CTRoom *) room { //需判断新旧 ...

  9. c#汉字与编码之间的转换(输出十六进制)

    /******************************************************************/ /*********************** ****** ...

  10. 记:mysql 连接超时解决办法

    错误描述:Timeout in IO operation 原连接字符串为:Server=182.180.50.118;port=3306;Database=test;Uid=root;Pwd=123; ...