qianguyihao/web

Analysis updated 2026-06-20

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

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

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

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 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.

USE CASE 2

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

USE CASE 3

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

What is it built with?

HTMLCSSJavaScript

How does it compare?

	qianguyihao/web	micro-editor/micro	tailwindlabs/headlessui
Stars	28,544	28,547	28,548
Language	—	Go	TypeScript
Setup difficulty	easy	easy	easy
Complexity	1/5	1/5	2/5
Audience	vibe coder	developer	developer

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

How do you get it running?

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.

In plain English

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).

Copy-paste 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

What 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.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub qianguyihao on gitmyhub

Verify against the repo before relying on details.