工具类

在线工具 - 程序员的工具箱：一个在线工具网站，包含大量在线工具

JavaScript 库/框架

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: 老一辈人的最爱。

Laravel: 最优雅性感的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: 非关数据库，通常在MEAN/MERN架构中使用。

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

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

代码编辑器

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啦。

更多资料来这里了解：代码森林