本文首發(fā)于知乎專欄「極光日報」
對于 Web 工程師來說做好和最糟糕的事都是 Web 技術(shù)的日新月異。這也意味著作為一個 Web 開發(fā)者來說一定要不斷的學(xué)習(xí)，適應(yīng)變化。
因此，作者列舉出了自己開發(fā)和學(xué)習(xí)過程中遇到的好工具和資源，在這里分享給大家：
JavaScript Libraries
- jQuery：最知名的 JavaScript 庫。
- BackBoneJS：為復(fù)雜 WEB 應(yīng)用程序提供 MVP 結(jié)構(gòu)。
- D3.js：最流行的 Javascript 可視化圖形庫之一。
- React：Facebook 開源的 JavaScript 庫。
- jQuery UI：以 jQuery 為基礎(chǔ)的開源 JavaScript 網(wǎng)頁用戶界面代碼庫。
- jQuery Mobile：jQuery 框架的一個組件，提供完整統(tǒng)一的移動 UI 框架。
- Underscore.js：提供了一整套函數(shù)式編程的實用功能，但是沒有擴展任何 JavaScript 內(nèi)置對象。
- Moment.js：一個JavaScript 日期處理類庫，用于解析、檢驗、操作、以及顯示日期。
- Lodash：一個具有一致接口、模塊化、高性能等特性的 JavaScript 工具庫。
前端框架
- Bootstrap：著名的快速開發(fā)響應(yīng)式 Web 應(yīng)用程序的前端工具包。
- Foundation：一個易用、強大而且靈活的前端框架，用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。
- Semantic UI：全語義化的前端界面開發(fā)框架。
- uikit：一款輕量級開源的前端框架。
數(shù)據(jù)庫
- MySQL：最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。
- MariaDB：由 MySQL 早期員工開發(fā)，屬于 - MySQL 的一個分支。
- MongoDB：基于分布式文件存儲的數(shù)據(jù)庫。
- Redis：一個開源、支持網(wǎng)絡(luò)、基于內(nèi)存、鍵值對存儲數(shù)據(jù)庫。
- PostgreSQL：開源的對象 - 關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，Uber 早期就是用得這個。
Task Runners / Package Managers
- Grunt：JavaScript 世界的構(gòu)建工具。
- Gulp：基于流的自動化構(gòu)建工具。
- Bower：Web 包管理器，包括 HTML，CSS，JavaScript，字體、甚至圖片資源。
- NPM：Node 包管理器。
CSS 預(yù)處理器
- Sass：一個強大、成熟、穩(wěn)定的 CSS 擴展。
- Less：作為一個 CSS 的擴展，其兼容性非常好，學(xué)習(xí)成本很低。
- Stylus：提供更有效、優(yōu)雅的方式來生成 CSS。
Markdown 編輯器
- StackEdit：一個開放源碼免費使用的 MarkDown 編輯器, 基于 PageDown。
- Dillinger：也是在線編輯器，提供云存儲，并支持 HTML5，PDF 等多種導(dǎo)出格式。
- Mou：Mac OS X 上一款出色的 Markdown 編輯器。
- Texts：同時支持 Windows 和 Mac OS X。
Icon 資源
Git Clients / Services
- SourceTree：一款免費并且很酷的 Git 客戶端，支持 Windows 和 Mac。
- GitKraken (Beta)：一款免費、直觀、漂亮的跨平臺 Git 客戶端。
- Tower 2：APP 很漂亮，需付費。
- GitHub Client：官方客戶端。
- Gogs：一個極易搭建的自助 Git 服務(wù)。
- GitLab：對私有項目也免費。
本地開發(fā)環(huán)境
- XAMPP：完全免費，容易安裝的 Apache 分布式環(huán)境。包括：MariaDB，PHP，Perl。
- MAMP：Apache + MySQL + PHP + Python + Perl。
- WampServer：Windows 下的 Web 開發(fā)環(huán)境，可以創(chuàng)建基于 Apache 2，PHP 和 MySQL 的 Web 應(yīng)用。
- Vagrant：安裝和配置簡單、輕量級。
- Laragon：快速、容易搭建的 Windows 本地開發(fā)環(huán)境。包括：MySQL，PHP，Redis，Apache。
文件比對
- Diffchecker：文件比對的在線網(wǎng)站。
- Beyond Compare：老牌軟件，能快速比較文件和文件夾，功能強大。
Code Sharing / Experimenting
- codeshare：能和其他開發(fā)者實時共享代碼。
- JS Bin：可以將編輯后的代碼保存到本地，或?qū)?URL 地址發(fā)給其他人，讓其協(xié)助調(diào)試代碼。支持 HTML，CSS，JavaScript，Markdown，Jade 和 Sass。
- JSfiddle：能自定義環(huán)境來測試你的 HTML，CSS，JavaScript 代碼。
- Dabblet：Web playground，交互效果不錯。
團隊協(xié)作
- Slack：為團隊打造的交流應(yīng)用，我們部門就在用，強力推薦。
- Trello：完全免費，靈活性高，可視化，和任何人一起管理任何事情。
- Glip：支持實時消息、視頻、視頻會議、日歷分享等等功能。
- Asana：幫助追蹤、記錄團隊成員的工作情況。
- Jira：這個大家應(yīng)該都用過吧，老牌團隊協(xié)作應(yīng)用。
激發(fā)靈感
網(wǎng)站性能測試
- Website Speed Test：KeyCDN 提供的免費網(wǎng)站調(diào)試工具。
- Google PageSpeed Insights：測試之后還會提出優(yōu)化意見。
- WebPageTest：支持全球多地區(qū)速度測試和多種瀏覽器。
- Pingdom：測試頁面加載速度，為你找出性能瓶頸。
- GTmetrix：不光能測試速度，還能幫助分析是否有法律風(fēng)險，并提出優(yōu)化建議。
Web 開發(fā)者社區(qū)
- Stack Overflow：有超過 470 萬的活躍開發(fā)者在其中互相幫助。
- Hashnode：全球性的開發(fā)者社區(qū)，大牛很多。
- Refind：面向創(chuàng)業(yè)者、開發(fā)者、設(shè)計師的 Web 項目分享社區(qū)。
- Google+ Web Developers Group：Web 開發(fā)者的 Google+ 社區(qū)。
- Facebook WordPress Front-end Developers Group：WordPress 的前端工程師 Facebook 小組，討論開發(fā)問題、技術(shù)趨勢。
- LinkedIn Web Design and Development Professionals Group：領(lǐng)英上的專業(yè) Web 從業(yè)者小組。
- LinkedIn PHP Developer Group：領(lǐng)英上的 PHP 開發(fā)者小組。
- Sitepoint Forums：Web 開發(fā)者論壇。
- /r/perfmatters：Reddit 上主要討論網(wǎng)站性能優(yōu)化的 subreddit，由 KeyCDN 發(fā)起。
- /r/webdev：Reddit 上討論 Web 開發(fā)的 subreddit。
Web 開發(fā)資訊
- wdrl.info：每周推送精心挑選的 Web 開發(fā)相關(guān)文章。
- web tools weekly：主要推送 Web 開發(fā)工具。
- webopsweekly.com：每周推送關(guān)于 Web 運營、部署等方面的文章。
- /dev tips：每周分享開發(fā)小技巧。
- friday front-end：每天在 twiiter 發(fā)開發(fā)相關(guān)資訊，可訂閱然后每周發(fā)匯總郵件。
- front-end dev weekly：手工挑選的 Web 開發(fā)、工具和創(chuàng)意資訊，每周推送。
- smashingmagazine.com：面向 Web 設(shè)計師和開發(fā)者的一款在線雜志，內(nèi)容質(zhì)量很高，每個月的第二個星期二發(fā)布。
作者在原文中還分享了一些編輯器和開發(fā)語言，個人感覺都比較常見，故沒有在這里列舉出來，感興趣的可以去原文查看。: )
原文地址：100+ Useful Web Development Tools and Resources.
