Summary of necessary web development resources

Introduction: original article from 《
Best "must know" open sources to build the new web

Translated by Chen Hao of coshell 《
The best web development resources in Open Source

. The materials collected in this article are quite complete for your learning and reference.

Learning HTML 5 programming and design

★HTML5 rocks

: Major feature groups: HTML5 resources (HTML5 demo, tutorial). Source Code

Very goodHTML5 dashboard

-Mozilla: the effect is amazing.

Whatwg developers

, A clear HTML5 Technical Specification.

★Stackoverflow

: Well-known technical Q & A forum.

★Addyosmani

, Jquery and JavaScript document tutorial

Sohtanaka

, Jquery and JavaScript articles and tutorials

★Nettuts +

It is a website for Web developers and designers. It provides various technical tutorials and articles covering HTML, CSS, JavaScript, CMS's, PHP, and Ruby on Rails.

Codrops

, Tutorials and web resources

Webappers

, The best open source resources

Tutorizine

-PHP MySQL jquery CSS tutorials, resources and gifts

Mozilla JavaScript Guide

Codes snippets

Some code snippets collected by the author

Server Software

★Node. js

Is the Javascript environment on the server, which uses the asynchronous event-driven mode. It enables node. js to achieve very good performance in many Internet application architectures. Source code
And real-time demonstration
.

Phantomjs

WebKit is also a server-side javascript API. It supports various web standards: Dom processing, CSS selector, JSON, canvas, and SVG

Lighttpd

A lightweight open-source Web server. News, documents, benchmarks, bugs, and download. Lighttpd support several well-known Web 2.0 websites, such as YouTube, Wikipedia, and Meebo.

Nginx

Is a lightweight Web server with extremely high performance. It is much higher than Apache. It took six years to go to Version 1.0.

Apache HTTP Server

Is a popular Web server that supports multiple popular operating systems.

★PHP

It may be the most popular dynamic Web scripting language for servers.

Of course, there areRuby

,Python

,Erlang

,Perl

,Java

,. Net

,Android

,C ++

,Go

,Fantom

,Coffeescript

,D

,...

PHP
Frameworks and tools

★WordPress

Is an open source software based on the blog system. See how WordPress wins?
"

Drupal

Is a Content Management System (CMS ).

Centurion

Is a new open-source CMS, a flexible PhP5 content management framework. With Zend framework, its components adhere to General, simple, clear, and reusable design principles.

PhpBB

An open-source forum (discuz in China! More)

★Simplepie

: Ultra-fast, easy to use, RSS and atom feed PHP parsing.

★Phpthumb

, PHP image processing Library

★Phpmailer

Powerful full-featured PHP email Library

Pubsubhubbub

Protocol, a simple, open, server-to-server pubsub (publish/subscribe) protocol-extensions of atom and RSS.

For more information, see-20 PHP libraries.
And 9 powerful free PHP Libraries

Database

★Apache couchdb

Is a document-oriented database management system. It provides a rest interface that uses JSON as the data format to operate on it, and can manipulate the organization and presentation of documents through views .. Source code
.

Monoql

Is a MySQL database management tool developed using PHP + extjs. The interface is very similar to a desktop application. It supports most common functions, including table design, data browsing/editing, data import/export, and advanced query.

Mariadb

Yes MySQL
Developed by Monty widenius, the founder of MySQL. GPL is used to defend against license issues of all Oracle MySQL databases. Since Oracle's acquisition of sun, the Community has never stopped worrying about the future of MySQL.

★SQLite

Unlike the Common Client/Server structure examples, the SQLite engine is not an independent process for communications between programs, but a major part of the connection to programs. Therefore, the main communication protocol is programming

Direct API calls in the language. This plays a positive role in total consumption, latency, and overall simplicity. The entire database (definition, table, index, and data itself) is stored in a single file on the host

. Its simple design is completed by locking the entire data file at the beginning of a transaction. Library implements the majority of SQL-92 standards, including transactions, is representative of atomicity, consistency, isolation

And persistent (acid), triggers and most complex queries. No type check is performed. You can insert a string into an integer column. Some users find that this is an innovation that makes the database more useful, especially
When the types of scripting languages are used together. Other users think this is the main drawback.

SQL online design editor

The picture in this section is like the online editor. An online tool for drawing database charts. Very powerful.

API
And Online Data

Programmableweb

, The most popular Web Services and API directory.

Google Data Protocol

A group of Google service data service APIs.

Yahoo! Developer Network

-APIs and tools

Yahoo! Pipes

Visualized online programming tool is a service used to filter, convert, and aggregate web content.

★TheYahoo! Query Language

A web page query tool similar to SQL.

Online code and media Editor

★Coderun Studio

A cross-platform integrated development environment based on the Javascript language. It is based on the design concept of cloud computing, allowing developers to easily develop, debug, and deploy network applications on the browser side. (See coderun.com online development IDE.
)

Cloud9 ide

-Develop a web IDE for javascript programs built based on node. js. It has a very fast text editor that supports coloring and display of JavaScript, HTML, CSS and these mixed codes.

★Jsfiddle

-
This tool can effectively help Web Front-end developers to effectively share and demonstrate front-end effects. It is simple and powerful (JavaScript,
Mootools, jquery, prototype, Yui, glow and dojo, HTML, CSS)

Akshell

,
A cloud service that uses JavaScript on the server and online ide To help developers develop applications quickly. It also provides cloud hosting, so deployment is real-time.

Jsoneditor

, A good JSON Editor

★Tinymce

A lightweight browser-based WYSIWYG editor that supports various popular browsers and is written in JavaScript.

EXT designer

Is a desktop application tool that helps you quickly develop extjs-based user interfaces.

★Lucidchart

, An online Chart Drawing Software Based on the latest HTML5 technology, which is powerful and fast. To run this software, you must support HTML5 browsers.

Balsamiq mockups

A powerful tool for product designers to draw line diagrams or product prototype interfaces.

Color Scheme designer

3-a free online coloring Tool

★Pixlr

Is a free online image processing website from Sweden based on flash. In addition to the operation interface and functions close to Photoshop, it is also a multi-language version that supports Simplified Chinese. (I used to introduce cool shell
)

Aviary

Is an HTML5-based online image processing tool that can easily post-process images. Aviary API

Favicon Generator
,
Online favicon (16 × 16) production tool.

Code resource and Version Control

★GitHub

Is an Internet-based access service for projects that use the GIT version control system.

Git

Is a distributed version control/Software Configuration Management software created by Linus to better manage Linux kernel development. It is extremely fast and efficient. It uses a distributed version library without the support of server software, making it extremely convenient to publish and exchange source code.

Google Code

Google's official developer website contains APIs, development tools, and Development Technology references for various development technologies.

Google libraries API

Google deploys excellent JavaScript frameworks on its CDN and uses the Google libraries API on our website to accelerate loading of JavaScript frameworks.

Snipplr

An open source code sharing community, known as code 2.0. Unlike a general source code sharing website, it is not aimed at large website source code, but some programming code skills.

Javascript
Desktop Application Framework

★Jquery

It is a fast and simple JavaScript library, which simplifies the HTML file traversing, event processing, animation, Ajax interaction, thus facilitating the rapid development of Web Page production. Source code
, API
, API browsing
, Very good documentation
.

★OfficialJquery User Interface (UI) Library

(Demonstration and documentation). Source Code
, Themes Roller
, Download
.

Yui 2

-Yahoo! User Interface library

Mootools

, A super lightweight Web2.0 JavaScript framework

Prototype

Provides object-oriented JavaScript and Ajax

Dojo

The dojo
Toolkit, a powerful object-oriented JavaScript framework that cannot be defeated. It consists of three modules: Core, dijit, and dojox. Core provides
Ajax, events, packaging, CSS-based
Querying, animations, JSON, and other related operation APIs. Dijit is a replaceable skin, template-based Web
UI control library. Dojox includes some innovative/novel code and controls: dategrid, charts, offline applications, cross-browser Vector Plotting, etc.

★Ext js 4

, The most powerful JavaScript framework in the industry.

PHP. js

, An open-source JavaScript library, which tries to implement PHP functions in JavaScript. Import in your projectPHP. js
Library, you can use your favorite PHP functions on the Static Page.

Javascript
Mobile and touch frameworks

★Jquery mobile

: Jquery version on mobile phones and tablets. Jquery mobile
It not only brings jquery core libraries to mainstream mobile platforms, but also releases a complete and unified jquery Mobile UI framework. Supports mainstream mobile platforms around the world. Jquery
The mobile development team said: we are very excited to develop this project. Mobile web requires a cross-browser framework so that developers can develop real mobile Web websites. We will try our best to fill
This is enough. Sources
.

Zepto. js

Zepto. JS is a javascript framework that supports mobile WebKit browsers and has jquery-compatible syntax. 2-5 k Library, through a good API to handle the vast majority of basic work. Sources
.

Microjs

: Microjs website applications list many lightweight JavaScript class libraries and frameworks, which are small and mostly smaller than 5kb. In this way, you do not need to load a JS rack because only one function is required.

★Phonegap

: It is an open-source mobile application development platform. It can be used only in HTML and JavaScript to create applications that can run on multiple mobile devices. Sources
.

★Sencha touch

Sencha touch is an HTML5 product that supports multiple smartphone platforms (iPhone, Android, and Blackberry ).
Framework. Sencha touch can make your web app look like native
App. The beautiful user interface components and rich data management are fully compatible with Android and Apple iOS devices based on the latest HTML5 and css3 web standards.

Jqtouch

Is a jquery plug-in. It is mainly used to implement some JavaScript libraries on the WebKit browser on the mobile phone, including animations, list navigation, default application styles, and other common UI effects. Sources
.

Dhtmlx touch

Javascript framework for mobile and Touch devices. Dhtmlx touch creates mobile Web applications based on html5. It is not just a set of UIS
A complete framework for creating cross-platform Web applications for mobile and Touch devices. It is compatible with mainstream Web browsers and uses dhtmlx
Applications created by touch can run smoothly on iPad, iPhone, and Android smartphones.