gitwtfhub

wtf is web?

qianguyihao/web — explained in plain English

Analysis updated 2026-06-20

★ 28,544Audience · vibe coderComplexity · 1/5LicenseSetup · easy

TL;DR

A comprehensive Chinese-language beginner's guide to web development covering HTML, CSS, and JavaScript from zero programming experience, designed as both a structured course and a reference dictionary you can return to while building projects.

Mindmap

mindmap
  root((web tutorials))
    Topics
      HTML basics
      CSS styling
      JavaScript
    Format
      Illustrated guides
      Beginner friendly
      Reference lookup
    Audience
      Complete beginners
      Chinese speakers
    Access
      Website
      GitHub repo

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Work through the HTML and CSS chapters as a complete beginner to learn how web pages are structured and styled, with no prior experience required.

REASON 2

Use the reference sections to look up how a specific CSS property or JavaScript method works while building a project.

REASON 3

Follow the JavaScript chapters to understand programming logic and DOM manipulation before moving on to a frontend framework like React.

What's in the stack?

HTMLCSSJavaScript

How it stacks up

qianguyihao/webmicro-editor/microtailwindlabs/headlessui
Stars28,54428,54728,548
Language—GoTypeScript
Setup difficultyeasyeasyeasy
Complexity1/51/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min
Creative Commons BY-NC-SA 4.0, free to share and adapt with attribution, but only for non-commercial purposes, and any adaptations must be released under the same license.

Wtf does this do

This repository is a comprehensive Chinese-language learning resource for web front-end development, covering HTML, CSS, and JavaScript from beginner to advanced levels. The project is described (in Chinese) as an illustrated tutorial series aimed at complete beginners, even people with no programming background, and is intended to be used as both a learning course and a reference dictionary to look things up later. The content is hosted as a website at web.qianguyihao.com and continues to be updated. It is not a software library or tool, but a study guide and knowledge base for people learning to build websites. Licensed under Creative Commons BY-NC-SA 4.0 (attribution, non-commercial, share-alike).

Yoink these prompts

Prompt 1
I am a complete beginner with no coding experience. Based on the web-qianguyihao tutorial structure, give me a 4-week study plan for learning HTML, CSS, and basic JavaScript.
Prompt 2
Explain CSS flexbox to me the way a beginner-friendly illustrated tutorial would, using a real layout example with no assumed knowledge.
Prompt 3
I want to understand JavaScript event listeners. Walk me through a practical click-event example from scratch, the way the qianguyihao web series teaches beginners.

Frequently asked questions

wtf is web?

A comprehensive Chinese-language beginner's guide to web development covering HTML, CSS, and JavaScript from zero programming experience, designed as both a structured course and a reference dictionary you can return to while building projects.

What license does web use?

Creative Commons BY-NC-SA 4.0, free to share and adapt with attribution, but only for non-commercial purposes, and any adaptations must be released under the same license.

How hard is web to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is web for?

Mainly vibe coder.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.

Other repos in this lane