示例 in Each Chapter
With our "来试试吧" editor, you can edit the source code and view the result.
Use the Menu
We recommend reading this tutorial, in the sequence listed in the menu.
If you have a large screen, the menu will always be present on the left.
If you have a small screen, open the menu by clicking the top menu sign ☰.
Learn by 示例
示例 are better than 1000 words. 示例 are often easier to understand than text explanations.
This tutorial supplements all explanations with clarifying "来试试吧" examples.
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
- The First Main Revision ES5 (2009)
- The Second Revision ES6 (2015)
- The Yearly Additions (2016, 2017, 2018)
In this tutorial, the learning speed is your choice.
Everything is up to you.
If you are struggling, take a break, or re-read the material.
Always make sure you understand all the "Try-it-Yourself" examples.
The only way to become a clever programmer is to: Practice. Practice. Practice. Code. Code. Code !
Commonly Asked Questions
Kickstart your career
Get certified by completing the courseGet started