Introduction to glitch, an online editor for web applications

The Chinese translation of glitch is Glitch, a small mistake? ? ?

One of the advantages of using glitch is that it can save the steps of building a web development environment locally, complete the automatic deployment of the code, and easily share the project with other friends. It all happens in the browser.

Click join today to log in directly with your Github username and account.

Log in with your Github account, the free quota per month is 1000 hours:

Every time an item is edited, or accessed by another user, quota hours are deducted.

After logging in, the remaining quota of the month can be viewed in the dashboard:

Each application running in the container can only consume up to 200 MB of disk space and 512 MB of RAM.

glitch supports six project templates:

Glitch In Bio

This is a template for a static web page.

Create a new project:

glitch will automatically generate a project skeleton:

For demo purposes, these meta tags can be removed:

Some practice steps are provided in todo.md, which can be improved step by step in index.html:

For example, the illustration class contained in the img tag,

Defined in style.css when the element is in the active state,

The active selector can also be used on any tag except the a tag.

A glitch project is considered a static project if it does not contain the following three files:

• package.json
• requirements.txt
• glitch.json
  https://help.glitch.com/kb/article/38-what-types-of-apps-can-i-make-on-glitch/

Use Show in a new Window to open the page in a new window:

For debugging, just like normal web applications, you can set breakpoints directly in the script.

The files under the Sources panel are clean without too many glitch specific files messing around.

Click the share button to send the project url and project editing address to other developers for sharing, which is very convenient:

More Jerry's original articles, all in: "Wang Zixi":