At home and abroad what actual combat-type front-end learning site?

Learning front end knowledge too boring wood have challenges? Dozing off at the W3school all day? Have a great idea to share with you: the best way to learn a technology is to use it! If you already have a little upfront knowledge, but lack of actual combat experience, today this group of sites is very suitable, All is set combat and teaching as one integrated front-end learning site, collection!

Codecademy

As a very cool online programming learning site, it provides users with a new way of learning. On the basis of web-based interactive programming tutorials, hands-on help users understand the basic principles of programming, and savor codecademy interesting learning.

Not only that, it also supports JavaScript, HTML and CSS, Python four languages yo, awesome!

Codeplayer

The advantage is that you can see how the author typed the code out of the alphabet.

Codepen

There are a lot of cool effects, and you can see their source code.

Cssdeck

A station about the same as Codepen.

Runjs

Similar stations in the country.

Codedrops

Excellent English tutorial station.

nettut+

This station not only has a lot of great tutorials, but also about the latest information on the front, strongly recommended!

W3cplus

Excellent tutorial station in China.

Html5rock

Also a very good front-end tutorial website, some articles and Chinese version of OH.

Red Team Design

Hakim

(self-owned ladder)

Webstuffshare

(self-owned ladder)

SitePoint

Tutorialzine

This station tutorial is also very good, also strongly recommended.

CSS Wizardry

Script Tutorials

Gotoandlearn

(self-owned ladder)

A good video tutorial station.