100+ 超全的web開發工具和資源

轉載出處：https://xituqu.com/170.html

做爲Web開發者，這是好的時代，也是壞的時代。Web開發技術也在不斷變化。雖然很使人興奮，可是這也意味着Web開發人員須要要積極主動的學習新技術和新的編程語言，並願意和渴望接受新的挑戰，以適應變化。新的挑戰可能會包括一些開發上的要求，如利用適應現有的框架來知足業務需求。測試一個網站，能從中知道出了哪些技術上的問題，而且咱們針對這些問題進行優化和消除。便於後端的開發進程加快和測試。因此咱們列出了完整的web開發所須要的工具和資源，助力開發者提升開發效率！學不止步，讓咱們努力成爲一個優秀的開發者！
Web開發工具和資源整合
在這裏說聲抱歉，對於開發者開發使用的工具，咱們沒法一一囊括，這裏是選取較爲熱門的工具和資源做爲範例。咱們但願能從中找到適合本身的工具助力本身的開發！
注：工具和資源排序不分前後。

JavaScript庫

100+ 超全的web開發工具和資源-稀土區

我敢說JavaScript語言是目前web開發最流行的編程語言。JavaScript庫又稱JavaScript框架，封裝了不少預約義的對象和使用函數。是網站更容易兼容各式各樣的瀏覽器。那麼您就可使用如下JavaScript庫來幫助你的開發更好進行。
jQuery：快y速，小巧，功能豐富的JavaScript庫。
BackBoneJS：爲複雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。
D3.js：D3是基於數據的文檔操做javascript庫,D3可以把數據和HTML、SVG、CSS結合起來,創造出可交互的數據圖表。
React:：Facebook的Javascript庫爲構建用戶界面而開發。
jQuery UI：jQuery UI 是以 jQuery 爲基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。
jQuery Mobile：基於HTML5用於建立移動 web 應用程序的框架。
Underscore.js：JavaScript實用庫,提供了相似Prototype.js的一些功能,可是沒有繼承任何JavaScript內置對象。
Moment.js：一個 JavaScript 日期處理類庫，用於解析、檢驗、操做、以及顯示日期。
Lodash：一個 JavaScript 實用工具庫,提供一致性,模塊化,性能和配件等功能。

前端框架

100+ 超全的web開發工具和資源-稀土區

通俗的前端由HTML，CSS，JavasScript等構成。固然爲了適應Web開發日益增加的需求，應運而生許多獨立的前端框架，例如Bootstrap。一個優秀的框架能夠爲前端開發人員在開發過程當中增益，減少開發壓力。
Bootstrap： Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。
Foundation： 迄今爲止最好的響應式前端框架，更快、更輕、更多功能、更靈活、更強大！
Semantic UI：Semantic UI 是一款語義化設計的前端開源框架,其功能強大,使用簡單,爲設計師和開發師提供可複用的完美設計方案。
uikit：UIKit使用的變量基於LESS,具備體積小、模塊化、可輕鬆地自定義主題及響應式界面。

Web應用框架

100+ 超全的web開發工具和資源-稀土區

Web應用框架做爲一個軟件框架，意在幫助和緩解開發者在進行Web應用的開發與維護時碰見的開發問題。例如：AngularJS，您能夠在您的項目徹底無償使用它，詳細文檔請您參見 angularcdn.com.
Ruby：Ruby on Rails 是使用 Ruby 語言編寫的網頁程序開發框架，目的是爲開發者提供經常使用組件，簡化網頁程序的開發。
React：React 起源於 Facebook 的內部項目，React 的設計思想極其獨特，屬於革命性創新，性能出衆，代碼邏輯卻很是簡單。是如今非長熱門的框架。
Vue：Vue.js 是用於構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具備簡單、靈活的 API。從技術上講， Vue.js 集中在 MVVM 模式上的視圖模型層，並經過雙向數據綁定鏈接視圖和模型。
AngularJS：AngularJS 經過新的屬性和表達式擴展了 HTML，能夠構建一個單一頁面應用程序。AngularJS有着諸多特性，最爲核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標籤、依賴注入等等。
Ember.js：一個用於建立 web 應用的 JavaScript MVC 框架，採用基於字符串的Handlebars模板，支持雙向綁定、觀察者模式、計算屬性（依賴其餘屬性動態變化）、自動更新模板、路由控制、狀態機等。
Express：基於 Node.js 平臺的 web 應用開發框架 基於Node.js 平臺,快速、開放、極簡的 web 開發框架。
Meteor：Meteor 是一個構建在 Node.js 之上的平臺，用來開發實時網頁程序。Meteor 位於程序數據庫和用戶界面之間，保持兩者之間的數據同步更新。
Django：Django是一個開放源代碼的Web應用框架,由Python寫成。採用了MVC的軟件設計模式,即模型M,視圖V和控制器C。
ASP.net：ASP.NET是免費，高兼容的WEB應用框架，可以提供標準化WEB應用構建時所需的解決方案。
Laravel：一個免費，開源的PHP Web應用程序框架，能夠基於MVC模式來建立Web應用程序。
Zend Framework 2：一款的Web應用框架，基於PHP來建立Web應用和服務端應用。
Phalcon：Phalcon 是開源、全功能棧、使用 C 擴展編寫、針對高性能優化的 PHP 5 框架。
Symfony：Symfony是一個基於MVC模式的面向對象的PHP5框架。Symfony容許在一個web應用中分離事務控制，服務邏輯和表示層。
CakePHP：CakePHP是一個運用了諸如ActiveRecord、Association Data Mapping、Front Controller和MVC等著名設計模式的快速開發框架。主要目標是提供一個可讓各類層次的PHP開發人員快速地開發出健壯的Web應用，而 又不失靈活性。
Flask：Flask是一個使用 Python 編寫的輕量級 Web 應用框架。其 WSGI 工具箱採用 Werkzeug ，模板引擎則使用 Jinja2
CodeIgniter：CodeIgniter 是一個簡單快速的PHP MVC框架。它爲團隊提供了足夠的自由支持，容許開發人員更迅速地工做。

任務批處理工具/包管理器

100+ 超全的web開發工具和資源-稀土區

任務批量處理工具可將你的工做流程全自動化.例如你能夠建立一個任務，使用JavaScript語言編寫的工具來進行自動化的處理。 而後打包，這樣會大大提升開發效率。 包管理器它能跟蹤全部已安裝的軟件、自動化進行安裝和刪除應用程序、以及確保全部軟件都保持更新以得到最新的加強功能和錯誤修復。
Grunt：Grunt是基於Node.js的項目構建工具。它能夠自動運行你所設定的任務。
Gulp：Gulp.js 是基於 Node.js 構建的一個自動化構建工具,開發者可使用它在項目開發過程當中自動執行常見任務。
npm：NPM（node package manager），一般稱爲node包管理器。顧名思義，它的主要功能就是管理node包，包括：安裝、卸載、更新、查看、搜索、發佈等。
Bower：Bower是一個客戶端技術的軟件包管理器，它可用於搜索、安裝和卸載如JavaScript、HTML、CSS之類的網絡資源。

編程語言 / 開發平臺

100+ 超全的web開發工具和資源-稀土區

全部Web開發都須要編程語言的支持.編程語言（programming language），是用來定義計算機程序的形式語言。它是一種被標準化的交流技巧，用來向計算機發出指令。一種計算機語言讓程序員可以準確地定義計算機所須要使用的數據，並精確地定義在不一樣狀況下所應當採起的行動。.固然進行Web開發不只僅只有一門語言來進開發。
PHP：PHP（外文名:PHP: Hypertext Preprocessor，中文名：「超文本預處理器」）是一種通用開源腳本語言。語法吸取了C語言、Java和Perl的特色，利於學習，使用普遍，主要適用於Web開發領域
NodeJS：Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Javascript：JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，普遍用於客戶端的腳本語言
HTML5：標記語言，是HTML和XHTML的最新版本。
Python：Python是一種解釋型、面向對象、動態數據類型的高級程序設計語言。
Ruby：Ruby，一種爲簡單快捷的面向對象編程（面向對象程序設計）而創的腳本語言
Scala：Scala是一門多範式的編程語言，一種相似java的編程語言，設計初衷是實現可伸縮的語言、並集成面向對象編程和函數式編程的各類特性。
CSS3：CSS即層疊樣式表（Cascading StyleSheet）。 在網頁製做時採用層疊樣式表技術，能夠有效地對頁面的佈局、字體、顏色、背景和其它效果實現更加精確的控制。CSS3是CSS的最新版本。
SQL：結構化查詢語言(Structured Query Language)簡稱SQL，是一種特殊目的的編程語言，是一種數據庫查詢和程序設計語言，用於存取數據以及查詢、更新和管理關係數據庫系統；同時也是數據庫腳本文件的擴展名。
Golang：Go是Google開發的一種編譯型，可平行化，並具備垃圾回收功能的編程語言。
Rust：Rust是Mozilla開發的注重安全、性能和併發性的編程語言。
Elixir：Elixir 是一種函數式編程語言,創建在Erlang虛擬機之上。它是一種動態語言,靈活的語法與宏支持,利用Erlang的能力來構建併發、分佈式、容錯應用程序與熱代碼升級。

數據庫

100+ 超全的web開發工具和資源-稀土區

數據庫（Database）是按照數據結構來組織、存儲和管理數據的倉庫。
MySQL：MySQL是一種關聯數據庫管理系統，關聯數據庫將數據保存在不一樣的表中，而不是將全部數據放在一個大倉庫內，這樣就增長了速度並提升了靈活性。
MariaDB：MariaDB數據庫管理系統是MySQL的一個分支，主要由開源社區在維護，採用GPL受權許可 MariaDB的目的是徹底兼容MySQL，包括API和命令行，使之能輕鬆成爲MySQL的代替品。
MongoDB：MongoDB 教程 MongoDB 是一個基於分佈式文件存儲的數據庫。由 C++ 語言編寫。旨在爲 WEB 應用提供可擴展的高性能數據存儲解決方案。
Redis：Redis是一個開源的使用ANSI C語言編寫、支持網絡、可基於內存亦可持久化的日誌型、Key-Value數據庫，並提供多種語言的API。
PostgreSQL：ostgreSQL支持大部分 SQL標準而且提供了許多其餘現代特性：複雜查詢、外鍵、觸發器、視圖、事務完整性、MVCC。

CSS 預處理器

100+ 超全的web開發工具和資源-稀土區

CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，爲 CSS 增長了一些編程的特性，將 CSS 做爲目標生成文件，而後開發者就只要使用這種語言進行編碼工做。
通俗的說，「CSS 預處理器用一種專門的編程語言，進行 Web 頁面樣式設計，而後再編譯成正常的 CSS 文件，以供項目使用。CSS 預處理器爲 CSS 增長一些編程的特性，無需考慮瀏覽器的兼容性問題」，例如你能夠在 CSS 中使用變量、簡單的邏輯程序、函數等等在編程語言中的一些基本特性，可讓你的 CSS 更加簡潔、適應性更強、可讀性更佳，更易於代碼的維護等諸多好處。例如：Sass，Less，Stylus。
Sass： Sass是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。
Less：Lesscss是一種動態樣式語言,屬於CSS預處理語言的一種,它使用相似CSS的語法,爲CSS的賦予了動態語言的特性,如變量、繼承、運算、函數等,更方便CSS的編寫和維護。
Stylus：Stylus 是一個CSS的預處理框架，2010年產生，來自Node.js社區，主要用來給Node項目進行CSS預處理支持，因此Stylus 是一種新型語言，能夠建立健壯的、動態的、富有表現力的CSS。

若是你是剛剛開始使用CSS的預處理器，你可能要先使用第三方編譯器進行開發，以下所示。

文本編輯器 / 代碼編輯器

100+ 超全的web開發工具和資源-稀土區

不管你是作筆記，敲代碼，或者Markdown文檔編寫，一個好的文本編輯器都是必須擁有的！
Atom：Atom 更爲先進的文本代碼編輯器 - 由 Github 打造的下一代編程開發利器在代碼編輯器、文本編輯器領域,有着很多的「神器」級的產品。
Sublime Text：Sublime Text 是一個代碼編輯器（Sublime Text 2和3是收費軟件，但能夠無限期試用），也是HTML和散文先進的文本編輯器。
Notepad++：Notepad++是 Windows操做系統下的一套文本編輯器(軟件版權許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能。
Visual Studio Code ：微軟推出，一個運行於 Mac OS X、Windows和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平臺源代碼編輯器。
TextMate：TextMate是Mac下的著名的文本編輯器軟件，與BBedit一塊兒並稱蘋果機上的emacs和vim。
Coda 2: OS X下快速，簡潔，功能強大的編輯器【須要付費】.
WebStorm：jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽爲「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
Vim：Vim是一個相似於Vi的著名的功能強大、高度可定製的文本編輯器，在Vi的基礎上改進和增長了不少特性。
Brackets：Brackets 是一個免費、開源且跨平臺的 HTML/CSS/JavaScript 前端 WEB 集成開發環境 (IDE工具)。
Emacs：著名的集成開發環境和文本編輯器。Emacs被公認爲是最受專業程序員喜好的代碼編輯器之一。

Markdown 編輯器

100+ 超全的web開發工具和資源-稀土區

Markdown 是一種輕量級的「標記語言」,它的優勢不少,目前也被愈來愈多的寫做愛好者,撰稿者普遍使用。Markdown 十分輕量,學習成本也不高。
MWeb：專業的 Markdown 寫做、記筆記、靜態博客生成軟件 【付費】
Markeditor：MarkEditor 是最新的一款 Markdown 編輯器，除了基本功能外，還包含了諸如表格編輯、圖表、高亮、公式等等豐富的功能！【付費】
StackEdit：一個開放源碼無償使用的 MarkDown 編輯器, 基於 PageDown,使用了 Stack Overflow 和其餘 Stack Exchange 網站的 MarkDown 庫
Dillinger：Dillinger 是一款在線的 Markdown 編輯器,支持更換主題,字數統計,雲服務保存,導出 HTML、PDF 等功能。
Mou: Mac OS X下的免費Markdown編輯器【做者貌似已經跑路了】
Texts：Windows和Mac OS X下純文本編輯器。

表示有些付費的Markdown編輯器寶寶買不起。

icon圖標

100+ 超全的web開發工具和資源-稀土區

幾乎每個Web開發者，尤爲是前端開發人員都會須要icon圖標來增色項目。
Font Awesome：Font Awesome爲您提供可縮放的矢量圖標,您可使用CSS所提供的全部特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。
IconMonster：免費，高質量, 龐大且資源不斷增加的簡潔的icon圖標庫。
IconFinder：Iconfinder提供美麗的圖標,服務數以百萬計的設計師,開發商和其餘有創意的專業人員。
Fontello：一個目測有200+個圖標（數量還在增長）的 Web-font 圖標市場，對於廣大設計師、前端開發者來講是很棒的資源。

Git 代理 / 服務

100+ 超全的web開發工具和資源-稀土區

Git是一款免費、開源的分佈式版本控制系統，用於敏捷高效地處理任何或小或大的項目。Git是一個開源的分佈式版本控制系統，能夠有效、高速的處理從很小到很是大的項目版本管。Git 是 Linus Torvalds 爲了幫助管理 Linux 內核開發而開發的一個開放源碼的版本控制軟件。
SourceTree：SourceTree 是 Windows 和Mac OS X 下免費的 Git 和 Hg 客戶端。支持建立、克隆、提交、push、pull 和合並等操做。
GitKraken (Beta)：一款自由、直觀、快捷、美觀的跨平臺Git客戶端。
Tower 2：一款美麗，高效，強大的Git管理，讓Git版本控制變得容易。
GitHub Client：有助於無縫鏈接GitHub和GitHub的企業的項目。
Gogs：Gogs (Go Git Service) 是一款極易搭建的自助 Git 服務。 開發目的 Gogs 的目標是打造一個最簡單、最快速和最輕鬆的方式搭建自助 Git 服務。
GitLab: GitLab是利用 Ruby on Rails 一個開源的版本管理系統,實現一個自託管的Git項目倉庫,可經過Web界面進行訪問公開的或者私人項目。
Coding：Coding 的代碼託管功能除了基本的 Git 倉庫之外，還有保護分支，分屏對比， Code Review 等高級功能。而且整合了 Pages 服務，質量管理，演示平臺等開發工具，提高研發效率。

本地開發環境搭建

100+ 超全的web開發工具和資源-稀土區

根據您運行的是什麼操做系統和計算機配置，有時候進行測試的時候就有可能須要搭建一個快速的本地開發環境。本身搭建非常蠻煩，不用擔憂，有不少將Apache，Nginx，MySQL和phpMyAdmin進行打包一體化的軟件。這些軟件非常方便咱們來進行本地測試。
XAMPP：XAMPP（Apache+MySQL+PHP+PERL）是一個功能強大的建站集成軟件包。
MAMP PRO：MAMP Pro for mac是Mac OS平臺搭建本地服務器環境的組合軟件套裝,包含 Macintosh、Apache、MySQL和PHP 四大開發環境。
WampServer：Wamp就是Windows Apache Mysql PHP集成安裝環境，即在window下的apache、php和mysql的服務器軟件。
Vagrant：Vagrant是一個基於Ruby的工具，用於建立和部署虛擬化開發環境。它 使用Oracle的開源VirtualBox虛擬化系統，使用 Chef建立自動化虛擬環境。
Laragon：Laragon工具就是Laravel的一鍵安裝工具吧，還集成了一整套wamp工具，除去Laravel安裝外，它也是一款不錯的wamp工具，乾淨簡單，便捷迅速。Diff Checkers
Wnmp：WNMP是Windows下便捷，安全的Nginx+MariaDB+PHP開發環境環境集成套件包。

文本對比檢查

100+ 超全的web開發工具和資源-稀土區

Diff checkers 能夠幫助您比較文件之間的差別，而後合併更改。幫助咱們更直觀的看見文本之間的差別。
Diffchecker：Diffchecker 是一款很是好用的在線文本對比工具,可以高亮顯示有差別的行和字符。Diffchecker 提供了文件上傳對比功能,還能夠選擇對比的存儲時間。
Beyond Compare：Beyond Compare是一套由Scooter Software推出的軟件，主要用途是對比兩個文件夾或者文件，並將差別以顏色標示。

固然有不少免費的文本編輯器，包括咱們上面提到的也有插件和擴展，能夠協助開發者方便的進行文件比較。

代碼共享 / 代碼測試

100+ 超全的web開發工具和資源-稀土區

前端開發者在公司內或者團體間須要進行協做，共享代碼，那麼一下工具很值得開發者一試。
JS Bin：JS Bin可以讓你編輯和測試JavaScript和HTML代碼。你還能夠將編輯後的代碼保存到本地,或將URL地址發給其餘人,讓其協助調試代碼。
JSfiddle：jsFiddle是一個在線的shell編輯器,經過流行的JS框架建立自定義的環境,以簡化JS代碼。能夠用於測試示例代碼。
codeshare：與其餘開發者實時共享代碼。
Dabblet：Dabblet是一個開源互動測試工具,用於測試CSS和HTML。Dabblet支持實時更新、匿名備份、嵌入網站、與他人共享或者存儲到GitHub。

協做工具

100+ 超全的web開發工具和資源-稀土區

每個很棒的開發團隊須要一種方式來保持聯繫，協做，來幫助提升生產力。
Slack：Slack 是聊天羣組 + 大規模工具集成 + 文件整合 + 統一搜索。
Trello：Trello的目標是提供簡潔清晰的團隊協做工具。不過彌縫在這裏將介紹若是將Trello用來創建本身的時間管理系統。
Glip：Glip:在線團隊辦公協做平臺是一個相似於Slack網站的網絡辦公集合體,內置了郵箱、網盤、即時通信應用、協做服務等,把全部和網絡辦公有關的服務和工具都整合在了一塊兒。
Asana：Asana是一款團隊任務管理軟件 方便人們去制定和跟蹤團隊的項目任務的完成狀況
Jira：JIRA是Atlassian公司出品的項目與事務跟蹤工具，被普遍應用於缺陷跟蹤、客戶服務、需求收集、流程審批、任務跟蹤、項目跟蹤和敏捷管理等工做領域。

靈感創意

100+ 超全的web開發工具和資源-稀土區

當咱們進行開發時，偶爾迸發的靈感會使咱們的項目或者產品增色很多。固然不只僅依靠自個人靈感，咱們也須要從別人的做品中獲得靈感來保證咱們的Web設計界面或者產品不落後這個時代。
CodePen：全球web前端開發人員的聖地！能夠展現我的的創意和創建一個測試實例來解決bug。 來尋找你的項目設計方式和靈感吧。
Dribble：Dribbble是一個面向創做家、藝術工做者、設計師等創意類做品的人羣，提供做品在線服務，供網友在線查看已經完成的做品或者正在創做的做品的交流網站。

網站測速工具

100+ 超全的web開發工具和資源-稀土區

網站的速度是用戶體驗關鍵因素。網站速度快與慢決定是否能更高的搜索引擎排名，更高的轉換率，更低的跳出率，以及更好的總體用戶體驗和。值得高興的是不少免費軟件能夠用於測試網站速度，幫助咱們找出加載緩慢的問題，方便咱們去解決。
Google PageSpeed Insights：PageSpeed Insights是一款能夠分析網頁速度瓶頸,讓網頁設計人員開發出速度更快的網站的谷歌瀏覽器插件。
Google Chrome DevTools：Chrome DevTools 是公認的優秀的前端調試工具，功能強大，使用起來有必定的學習門檻，
WebPageTest：WebPagetest是一款Web應用程序,它將一個URL以及一系列配置參數做爲輸入,並對那個URL運行性能測試。
Pingdom：pingdom全面的網站監測服務網站,可測速和ping跟蹤路由,能夠免費監測1個站點,最短1分鐘監測一次。
GTmetrix：主要優勢在於提供了豐富的詳細的測量結果，並建議如何來優化網頁中每一個元素的，最重要的是會根據網站的具體狀況，直接告訴你致使網站加載速度變慢的根源在哪裏

Web開發社區

100+ 超全的web開發工具和資源-稀土區

當開發者在開發的過程當中有遇到問題時，除了詢問他人之外，還可使用搜索引擎搜索。社區的重要性就顯而易見了，大部分開發者會在開發社區分享他們經驗，如何避過沒必要要踩的坑。
國內：

谷歌開發者社區(GDG)：開放 · 分享 · 創新
segmentfault：是中國領先的開發者技術社區。 爲編程愛好者提供一個純粹、高質的技術交流的平臺, 與開發者一塊兒學習、交流與成長。【老實話我以爲這名字很差記】
全棧社區：中國最大的全棧開發者社區,致力於打造一個問題解答,技術文章分享,全棧人員創業的服務平臺,讓開發更容易,讓創業更簡單.

國外：
Stack Overflow：Stack Overflow是一個與程序相關的IT技術問答網站。用戶能夠在網站免費提交問題，瀏覽問題，索引相關內容，在建立主頁的時候使用簡單的HTML。
Front-end Front：在Front-end Front，前端開發者能夠提出問題，分享有趣的連接，並展現他們的項目做品。
Hashnode：Hashnode是開發者討論技術問題，分享解決方案，與世界各地的開發者共享資源的彙集地。
Refind：有着開發者, 黑客, 設計師收集和分享最好的資源的社區。
Google+ Web Developers Group：Web 開發者,Web設計師和Web開發.
Google+ Web Developers Group：Java, PHP, Ruby, JavaScript and Python 資源。
Facebook WordPress Front-end Developers Group：WordPress 前端開發者的分享社區，能夠提問題，分享開發者的項目做品，還有討論WP將來發展趨勢。
LinkedIn Web Design and Development Professionals Group：與專業網頁設計師，網頁開發者共享Web開發資源
LinkedIn Web Site Development Group: 網站設計和開發。
LinkedIn PHP Developer Group: PHP, Mysql, Drupal, Joomla, Zend, Cake, MVC.
LinkedIn WordPress Developers Group: WordPress 開發. 使用WP來建立CMS和CMF.
Webdeveloper.com：幫助Web開發者和設計師學習使用HTML，java和javascript開發網站。
Sitepoint Forums: Web開發者論壇。
/r/perfmatters: 討論關於 web 性能
/r/webdev: 關於Web開發和開發者的新聞

Web開發新聞聚合

100+ 超全的web開發工具和資源-稀土區

閱讀開發和設計的技術乾貨，及時的知道技術圈內更新了什麼，保持信息流新鮮，有助於咱們更好的開發！
國內：
掘金：掘金是中國質量最高的技術分享社區，邀請稀土用戶做爲Co-Editor 來分享優質的技術乾貨，從前端到後端開發，從設計到產品，讓每個掘金用戶都能挖掘到有價值的乾貨。
開發者頭條：一個以程序員爲中心，基於學習和分享的開發者社區。你能夠閱讀頭條新聞、分享技術文章、發佈開源項目，訂閱技術極客們建立的學習主題和關注編程牛人。
推酷：以技術爲驅動，以聚合挖掘爲核心，打造個性推薦和訂閱，給你一站式的閱讀。 更匯聚優質公開課和線下活動，讓信息知識獲取更便捷。

國外：
wdrl.info：精心挑選的Web開發相關資源，每星期進行整合報道。
webopsweekly.com： 每週進行報道關於網絡運營，應用部署，網站性能和工具分享類的文章。
web tools weekly：專一於前端開發和網頁設計工具分享。每個問題都有一個簡短的提示或教程，另外每週都會分享的各類應用程序、腳本、插件和其餘有用的資源。
freshbrewed.co：每週爲前端開發者和設計師提供開發和設計類的閱讀摘要。
smashingmagazine.com： Smashing Magazine是一款專門爲我的前端開發者和設計師提供的在線報紙，每週二都會定時的更新有用的資源。
front-end dev weekly: 每週爲前端開發者提供新聞, 包含工具資源，還有靈感。
friday front-end：郵件訂閱，每日爲前端開發者發關於開發資源的郵件。
/dev tips: 收集開發者的問題和建議, 用gif呈現，會每週發郵件通知。

固然, 你也能夠關注稀土區，來找到你須要的文章，順便解決你的問題。

備註
如你所見，有數以百計的網絡開發工具和資源，能夠幫助簡化你的開發工做流程，幫助開發更高效。咱們沒法一一列出全部工具或資源，若是有重要的工具或資源有遺漏，那就要麻煩小夥伴們在下面的評論裏進行補充，謝謝！
原文翻譯：https://www.keycdn.com/blog/web-development-tools/

 前端學習