2016 Web開發資源工具大搜羅

時間  2019-11-09
標籤 web 開發資源 工具 蒐羅 欄目 HTML 简体版
原文   原文鏈接

來源於：https://zhuanlan.zhihu.com/p/22730771php

 

做者：餘博倫
連接：https://zhuanlan.zhihu.com/p/22730771
來源：知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。

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

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

JavaScript 庫/框架

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

<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: 老一輩人的最愛。
  • 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: 功能強大完整，兼容數據類型豐富，而且開源免費。

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開發社區

「好好學習，每天向上」
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程