# javascript-tutorial/zh.javascript.info **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/javascript-tutorial-zh-javascript-info).** 10,758 stars · 1,210 forks · HTML · NOASSERTION ## Links - GitHub: https://github.com/javascript-tutorial/zh.javascript.info - Homepage: https://zh.javascript.info - awesome-repositories: https://awesome-repositories.com/repository/javascript-tutorial-zh-javascript-info.md ## Topics `chinese` `javascript` `tutorial` ## Description This is the Chinese translation of The Modern JavaScript Tutorial, an open-source, community-driven project that teaches JavaScript from fundamentals to advanced topics based on the latest ECMAScript specification. The project covers the full JavaScript language, including object-oriented programming, and provides comprehensive instruction on browser programming, DOM manipulation, and client-side web development. The tutorial is structured as a multi-language translation framework, with each chapter and article organized into numbered folders for clear navigation. Contributors can translate Markdown content into Chinese and preview their work locally before publishing, enabling collaborative improvement of the educational material. The content covers browser interaction through event handling and page manipulation, network communication via HTTP requests and WebSocket connections, client-side data storage using cookies and IndexedDB, and the creation of reusable web components with Shadow DOM. Additional topics include binary data processing, text pattern matching with regular expressions, and CSS and JavaScript animations. The project generates static HTML pages from Markdown source files for fast delivery. ## Tags ### Education & Learning Resources - [JavaScript Learning Resources](https://awesome-repositories.com/f/education-learning-resources/javascript-learning-resources.md) — A comprehensive tutorial teaching JavaScript from fundamentals to advanced topics based on ECMAScript. - [Web Development Learning Paths](https://awesome-repositories.com/f/education-learning-resources/coding-interview-preparation/c-specific-preparation/structured-learning-paths/web-development-learning-paths.md) — An interactive course teaching browser APIs, DOM manipulation, and client-side web development. - [ECMAScript Standards Guides](https://awesome-repositories.com/f/education-learning-resources/ecmascript-standards-guides.md) — A comprehensive guide covering modern JavaScript features based on the latest ECMAScript specification. ### Software Engineering & Architecture - [Community Translation Projects](https://awesome-repositories.com/f/software-engineering-architecture/community-translation-projects.md) — Collaborates with a community to translate JavaScript educational content into multiple languages. - [Educational Content Translation Projects](https://awesome-repositories.com/f/software-engineering-architecture/community-translation-projects/educational-content-translation-projects.md) — A community-driven project for translating JavaScript educational content into multiple languages. - [Tutorial Translation Projects](https://awesome-repositories.com/f/software-engineering-architecture/community-translation-projects/tutorial-translation-projects.md) — A community-driven project for translating JavaScript educational content into Chinese and other languages. ### User Interface & Experience - [Browser Event Listeners](https://awesome-repositories.com/f/user-interface-experience/browser-event-listeners.md) — Responds to user interactions and browser events using event delegation and lifecycle management. ([source](https://zh.javascript.info)) - [Custom UI Components](https://awesome-repositories.com/f/user-interface-experience/custom-ui-components.md) — Teaches building reusable custom HTML elements with Shadow DOM and encapsulated styling. ([source](https://zh.javascript.info)) ### Web Development - [Browser DOM Interaction](https://awesome-repositories.com/f/web-development/browser-dom-interaction.md) — Provides comprehensive instruction on DOM manipulation, event handling, and dynamic page interaction. - [Content Translation](https://awesome-repositories.com/f/web-development/internationalization-localization/translation-management-platforms/site-localization/multi-language-content-delivery/locale-based-filters/content-translation.md) — Translates tutorial content into another language by editing Markdown files in a structured folder hierarchy. ([source](https://cdn.jsdelivr.net/gh/javascript-tutorial/zh.javascript.info@master/README.md)) - [Binary Data Handling](https://awesome-repositories.com/f/web-development/api-management-tools/api-development-management/web-apis/binary-data-handling.md) — Processes binary data using ArrayBuffer, Blob, and FileReader for file handling and data transformation. ([source](https://zh.javascript.info)) - [Browser Data Persistence](https://awesome-repositories.com/f/web-development/browser-data-persistence.md) — Persists data client-side using cookies, localStorage, sessionStorage, and IndexedDB for offline-capable web applications. ([source](https://zh.javascript.info)) - [Web Components](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/component-authoring/web-components.md) — Teaches creating reusable custom HTML elements with Shadow DOM and encapsulated event handling. ### Part of an Awesome List - [Animation & Transitions](https://awesome-repositories.com/f/awesome-lists/media/animation-transitions.md) — Creates visual animations using CSS transitions, JavaScript timing functions, and Bezier curves. ([source](https://zh.javascript.info)) ### Content Management & Publishing - [File-Based Routing](https://awesome-repositories.com/f/content-management-publishing/file-based-routing.md) — Organizes each chapter and article into numbered folders with URL-based names for clear navigation. - [Markdown Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers.md) — Renders tutorial content by converting Markdown files into HTML pages through a static site generator. - [Numbered Content Folders](https://awesome-repositories.com/f/content-management-publishing/metadata-tagging/folder/numbered-content-folders.md) — Organizes each chapter, article, or task in its own numbered folder with a URL-based name for clear navigation. ([source](https://cdn.jsdelivr.net/gh/javascript-tutorial/zh.javascript.info@master/README.md)) - [Static Site Generation](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators/static-site-generation.md) — Generates a complete set of HTML pages from Markdown source files at build time for fast delivery. ### Data & Databases - [Client-Side Storage](https://awesome-repositories.com/f/data-databases/client-side-storage.md) — Covers client-side storage mechanisms including cookies, localStorage, sessionStorage, and IndexedDB. - [Text Pattern Matching](https://awesome-repositories.com/f/data-databases/text-pattern-matching.md) — Finds and manipulates text using regular expressions with character classes, quantifiers, groups, and lookahead assertions. ([source](https://zh.javascript.info)) ### Networking & Communication - [Networking & Communication](https://awesome-repositories.com/f/networking-communication.md) — Teaches HTTP requests, WebSocket connections, and file uploads for browser-based network communication. - [Network Request Tools](https://awesome-repositories.com/f/networking-communication/network-request-tools.md) — Performs HTTP requests, handles file uploads, establishes WebSocket connections, and implements long polling. ([source](https://zh.javascript.info))