What are the practical front-end learning sites at home and abroad?

Editor's note: Learning the front-end knowledge is too boring wood has a challenge? Dozing off to w3school all day? Have a great idea to share with you: the best way to learn a technology is to use it! If you have a little front-end basic knowledge, but the lack of actual combat experience, today this group of sites is too suitable, all is set actual combat and teaching as one integrated front-end learning site, collection up!

Codecademy

As a very cool online programming learning site, it provides users with a new way of learning. Based on the network interactive programming tutorial, hand-in-hand to help users understand the basic principles of programming, taste codecademy fun learning.

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

Codeplayer

The advantage of this is that you can see how the author makes the code out of each letter.

Codepen

There's a lot of cool effects in there, and you can see their source code.

Cssdeck

A station about the same as Codepen.

Runjs

Similar stations in the country.

Codedrops

Excellent English course station.

nettut+

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

W3cplus

The domestic excellent tutorial station.

Html5rock

is also a very good front-end tutorial site, some articles also have the Chinese version of the OH.

Red Team Design

Hakim

(Bring your own ladder)

Webstuffshare

(Bring your own ladder)

SitePoint

Tutorialzine

The tutorial of this station is also very good, also strongly recommended.

CSS Wizardry

Script Tutorials

Gotoandlearn

(Bring your own ladder)

A nice video tutorial station.

What are the practical front-end learning sites at home and abroad?