[Updating]Complete Guide on Web Develop Tools and Resource

  • JavaScript Library 

I would say Javascript is most popular languages in the world nowadays. Javascript library ,also known as Javascript framework. It encapsulates many pre-defined Object and use functions. it allows your site more compatible with wide range of browsers. You can use follow  library to help you develop better websites.

超全的web开发工具和资源

  • jQuery : Fast, Compact, Feature-rich of  JavaScript library
  • Backbone.js: Backbone is complex Javascript application , it offers MVC Structure.
  • D3.js : D3 is based on the document operating in javascript library data, and the data D3 can combine the HTML, SVG, CSS to create an interactive data charts.
  • React.js : A JS library created by Facebook , it focuses on User interface development.
  • JQuery UI : It is open source library base on JQuery,  A Javascript website interface code library. Including User interaction , Animate , special effects and visual controls to change the theme.
  • JQuery Mobile: HTML5 framework for creating mobile web-based applications.
  • Underscore.js :JavaScript utility library provides a number of features like Prototype.js, but does not inherit any JavaScript built-in objects.
  • Moment.js: a JavaScript  Date handling library for parsing, testing, operation, and displays the date.
  • Lodash :A JavaScript utility library that provides consistency, modularity, performance and accessories, and other functions.

Front-End Framework 

超全的web开发工具和资源

  1. Bootstrap
  2. Foundation
  3. Semantic UI
  4. uikit

Web Application Framework

超全的web开发工具和资源

  1. Ruby
  2. React
  3. Vue
  4. AngularJS
  5. EmberJS
  6. Express
  7. Metero
  8. Django
  9. ASP.Net
  10. Laravel
  11. Zend Framework2
  12. Phalcon
  13. Symfony
  14. Cake PHP
  15. Flask
  16. CodeIgniter

Task Batch Tools / Package Manager

超全的web开发工具和资源

  1. Grunt
  2. Gulp
  3. npm
  4. Bower

Programming Languages / Development Platform

超全的web开发工具和资源

  1. PHP
  2. Node.JS
  3. Javascript
  4. HTML5
  5. Python
  6. Ruby
  7. Scala
  8. CSS3
  9. SQL
  10. Golang
  11. Rust
  12. Elixir

Database

超全的web开发工具和资源

  1. MySQL
  2. MariaDB
  3. MongoDB
  4. Redis
  5. PostgreSQL

CSS Preprocessor

超全的web开发工具和资源

  1. Sass
  2. Less
  3. Stylus

Text editor / Code editor

超全的web开发工具和资源

  1. Atom
  2. Sublime Text
  3. Notepad++
  4. VisualStudio Code
  5. Text Mate
  6. Coda 2
  7. Webstorm
  8. Vim
  9. Brackets
  10. Emacs

Markdown Editor

超全的web开发工具和资源

  1. MWeb
  2. Markeditor
  3. StackEditor
  4. Dillinger
  5. Mou
  6. Texts

ICON

超全的web开发工具和资源

  1. FontAwsome
  2. IconMonster
  3. IconFinder
  4. Fontello

Git Agent / Service

超全的web开发工具和资源

  1. SourcesTree
  2. GitKraken
  3. Tower2
  4. GitHub Client
  5. Gogs
  6. GitLab
  7. Coding

Build A Local Development Environments

超全的web开发工具和资源

  1. XAMPP
  2. MAMP PRO
  3. WampServer
  4. Vagrant
  5. Laragon
  6. Wnmp

Text Diff Check

 72000056b039df2b434

  1. DiffChecker
  2. Beyond Compare

 

Code-sharing / code testing

超全的web开发工具和资源

  1. JS Bin
  2. JSfiddle
  3. Codeshare
  4. Dabblet

Collaboration Tools

超全的web开发工具和资源

  1. Slack
  2. Trello
  3. Glip
  4. Asana
  5. Jira

Creative inspiration

  1. Codepen
  2. Dribble

Website Speed Testing Tools

超全的web开发工具和资源

  1. Google PageSpeed Insights
  2. Google Chrome DevTools
  3. WebPage Test
  4. Pingdom
  5. GTmetrix

Web Develop Community

超全的web开发工具和资源

  1. Stack Overflow
  2. Front-end Front
  3. Hashnode
  4. Refind
  5. Google+ Web Developers Group: Web
  6. Google+ Web Developers Group : Java PHP Ruby Python Javascript
  7. Facebook WordPress Front-end Developers Group:
  8. LinkedIn Web Design and Development Professionals Group
  9. LinkedIn Web Site Development Group:
  10. LinkedIn PHP Developer Group: PHP, Mysql, Drupal, Joomla, Zend, Cake, MVC.
  11. LinkedIn WordPress Developers Group: WordPress
  12. Webdeveloper.com:
  13. Sitepoint Forums:
  14. Reddit/r/perfmatters:
  15. Reddit /r/webdev:

 

Web development news aggregator

超全的web开发工具和资源

wdrl.info:
webopsweekly.com:
 web tools weekly:
freshbrewed.co:
smashingmagazine.com: Smashing Magazine
front-end dev weekly:
 friday front-end:
/dev tips:
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s