2016 Web 開發資源工具大搜羅

時間 2019-11-11

原文原文鏈接

原文連接： 100+ Awesome Web Development Tools and Resources php

Web的迅猛發展對於開發者來講既是一件好事也是一件壞事。不斷緊跟潮流學習新的技術、編程語言、適應變化聽起來就很使人興奮又緊張。你須要面對的挑戰可能包括使用已有的框架適應新的業務需求，測試網站的兼容性，優化你的網站前端和後端更好地協同。今天在這裏介紹給你們的這個收集列表也許可以幫助你完成相似的工做。css

P.S.順序前後並不表明推薦排名。html

JavaScript 庫/框架

JavaScript是全世界最受歡迎的Web編程語言。人們爲了快捷開發網站或應用預先編寫一些JS類庫。你能夠經過一些公用CDN很方便地在本身的網站上引入這些庫：前端

1	`<script src=` `"https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"` `></script>`

jQuery : 方便快捷，功能強大全面，居家旅行必備，近乎JS的替代品，你能夠不會js，可是不能不會jQuery。 html5
BackBoneJS : 模型、視圖、集合、事件，讓你的前端代碼更有框架感。 node
D3.js : 數據可視化必學必會，只有你想不出來的，沒有D3畫不出來的。 python
React: 學會React，再學學React-native，你就能從一個前端化身Web app工程師、IOS/Andorid開發者、桌面應用工程師…… mysql
jQuery UI : 幾行代碼就能寫一個帶動畫帶ajax的Web應用。 react
jQuery Mobile : 移動端專用js開發框架，和上面的相似襖。 jquery
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 : 非關數據庫，一般在 MEAN / MERN 架構中使用。
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啦。