原文链接: 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. UWP入门一 7天酒店客户端源码及说明

    以前写过一个wp8的工程,说实话那会的代码很麻烦,写起来费劲,另外还没多少人下载,不过到windows 10 开始微软出了UWP架构以后一切都像以前的winform wpf一样好转起来,新建一个工程以 ...

  2. c++ 学习之const专题之const成员函数

    一些成员函数改变对象,一些成员函数不改变对象. 例如: int Point::GetY() { return yVal; } 这个函数被调用时,不改变Point对象,而下面的函数改变Point对象: ...

  3. 关于使用用友华表Cell控件按需打印行的方法

    分享下只需一个cll文件按需打印行的觉得最好的方式:1.cell文件要打印行的地方最好不要全删了,留一行,设置好单元格样式(字体.对齐方式.折行自适应等),后面会省一些代码: 2.使用CopyRang ...

  4. AppDelegate 方法详解

    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:,其中第二个参数launchOptions为NSDictionary类型的对象,里面存储有 ...

  5. nodejs-日常练习记录-使用express搭建static服务器.

    cd C:\wxg\test\node_demo\myapp nvmw use 0.12.1 node static.js var express = require('express'); var ...

  6. Qt 获得终端执行结果

    代码 话不多直接上本人代码 void MainWindow::on_pushButton_3_clicked() { myprocess = new QProcess(this); myprocess ...

  7. SQL Join 的三种类型

    1.Hash Match Join Hash运算(即散列算法) 和Hash表. Hash运算是一种编程技术,用来把数据转换为符号形式,使数据可以更容易更快速地被检索.例如,表中的一行数据,可以通过程序 ...

  8. mysql 5.7安装脚本

    [root@HE2 ~]# cat mysql_auto_install.sh ###### 二进制自动安装数据库脚本root密码MANAGER将脚本和安装包放在/root目录即可########## ...

  9. 【搭建开发环境】在 Windows XP 中参与开源项目,搭建 git 和 cygwin 开发环境

    引言 只有一台 Windows XP 家用机,却想在诸如 Git@OSC 之类的开源社区参与开发,本文提供一个入门级的开发环境搭建指引. 涉及工具:Eclipse,EGit,Cygwin. 欢迎来到 ...

  10. main(int argc , char *argv[])

    #include <unistd.h>#include <stdlib.h>#include <stdio.h> int main(int argc, char * ...