CS101 - Tech Learning Roadmap

A comprehensive collection of tech learning roadmaps — from beginner to advanced, covering mainstream tech stacks, application domains, and horizontal skills.

---

🚀 Quick Start

pnpm install   # Install dependencies
pnpm dev       # Start dev server
pnpm build     # Build static site
pnpm preview   # Preview build

📖 About

A tech learning roadmap website built with VitePress, designed to help learners systematically plan their learning paths. Organized into three sections:

1. Tech Stack Roadmaps

Start from core technologies and expand to application scenarios:

Core Tech	Application Scenarios
Java	Web / Enterprise / Mobile / Big Data / AI Backend
Python	Web / Data Science / AI / DevOps Automation
JavaScript / TypeScript	Frontend / Full Stack / WebGIS
C / C++	Systems / Embedded / HPC
Go	Backend / Microservices / Cloud Native
Kotlin / Swift / Dart	Mobile / Cross-platform Apps
SQL / Databases	Data Management / Data Modeling

2. Domain Roadmaps

Match business scenarios to tech stacks:

Web Development · Enterprise Systems · Big Data · AI/ML · Cybersecurity · Mobile Development · DevOps · GIS · Game Development · Embedded/IoT · Blockchain · Software Testing · FinTech

3. Horizontal Skills

Cross-industry general skills: Programming Languages / Frontend & Backend / Databases / AI / DevOps / Testing / Security / Mobile Development

🗂️ Site Structure

docs/
├── .vitepress/           # VitePress config
│   ├── config.mts        # Main config file
│   ├── theme/index.ts    # Theme configuration (Vuetify)
│   └── components/       # Custom components
├── public/
│   └── icon.svg          # Site icon
├── tech-stack/           # Tech stack pages
├── domain/               # Application domain pages
├── computer-science/     # CS fundamentals
└── index.md              # Homepage

🛠️ Tech Stack

VitePress · Vue 3 · Vuetify · MDI Font · @antv G6 · pnpm

📄 License

For learning reference only.