选择你当前的职位

选择角色和级别——我们会展示成长路径、技能和差距分析。

发展路径

Junior

0-2 years

当前

职责: Building simple features from UI to API. Working with React/Vue + Node.js/Python. Writing basic tests. Fixing bugs on both sides.

关键技能:

Core Web Vitals 需要
Data Fetching 需要
Next.js 需要
React Core 需要
SSR/SSG/ISR Patterns 需要
State Management 需要
Tailwind CSS 需要
Vite & Modern Bundlers 需要
Algorithms & Complexity 需要
Async Programming 需要
Web Accessibility 需要
Code Quality & Refactoring 需要
Component Testing 需要
Bundle Optimization 需要
Query Optimization 需要
Network Fundamentals 需要
Design Patterns 需要
OOP & SOLID Principles 需要
Design System Development 需要
Modern CSS 需要
Data Structures 需要
Type Safety & Type Systems 需要

Middle

2-5 years

下一个

职责: Independent end-to-end feature development. Designing APIs and UIs. Setting up CI/CD. Working with databases. Performance optimization.

关键技能:

Core Web Vitals 需要
Data Fetching 需要
Next.js 需要
React Core 需要
SSR/SSG/ISR Patterns 需要
State Management 需要
Tailwind CSS 需要
Vite & Modern Bundlers 需要
Algorithms & Complexity 需要
Async Programming 需要
Web Accessibility 需要
Code Quality & Refactoring 需要
Component Testing 需要
Micro Frontends 需要
Bundle Optimization 需要
Query Optimization 需要
Network Fundamentals 需要
Design Patterns 需要
OOP & SOLID Principles 需要
Design System Development 需要
Modern CSS 需要
Data Structures 需要
Type Safety & Type Systems 需要

Senior

5-8 years

职责: Application architecture (frontend + backend). Technology selection. UX and performance optimization. Mentoring. Data model design.

关键技能:

AWS 需要
Code Review 需要
Core Web Vitals 需要
Data Fetching 需要
Docker 需要
E2E Testing 需要
Git Advanced 需要
GitHub Actions / GitLab CI 需要
GitHub Copilot 需要
GraphQL Design 需要
JWT / OAuth2 / OIDC 需要
Kubernetes Core 需要
MongoDB 需要
Next.js 需要
Node.js Frameworks 需要
OWASP & Application Security 需要
PostgreSQL 需要
React Core 需要
Redis 需要
REST API Design 需要
SSR/SSG/ISR Patterns 需要
State Management 需要
Tailwind CSS 需要
Unit Testing 需要
Vite & Modern Bundlers 需要
Algorithms & Complexity 需要
Async Programming 需要
Web Accessibility 需要
Database Indexing 需要
Integration Testing 需要
Code Quality & Refactoring 需要
Component Testing 需要
Database Migrations 需要
Micro Frontends 需要
Bundle Optimization 需要
Query Optimization 需要
System Design Fundamentals 需要
Network Fundamentals 需要
Design Patterns 需要
OOP & SOLID Principles 需要
WebSocket API Design 需要
Data Modeling & Schema Design 需要
Design System Development 需要
Modern CSS 需要
API Versioning Strategies 需要
Structured Logging 需要
Data Structures 需要
Type Safety & Type Systems 需要

Lead / Staff

7-12 years

职责: Technical leadership of fullstack team. Architectural decisions. Frontend and backend standards. Coordination with design and product.

关键技能:

AWS 需要
Code Review 需要
Core Web Vitals 需要
Data Fetching 需要
Docker 需要
E2E Testing 需要
Git Advanced 需要
GitHub Actions / GitLab CI 需要
GitHub Copilot 需要
GraphQL Design 需要
JWT / OAuth2 / OIDC 需要
Kubernetes Core 需要
MongoDB 需要
Next.js 需要
Node.js Frameworks 需要
OWASP & Application Security 需要
PostgreSQL 需要
React Core 需要
Redis 需要
REST API Design 需要
SSR/SSG/ISR Patterns 需要
State Management 需要
Tailwind CSS 需要
Unit Testing 需要
Vite & Modern Bundlers 需要
Algorithms & Complexity 需要
Async Programming 需要
Web Accessibility 需要
Database Indexing 需要
Integration Testing 需要
Code Quality & Refactoring 需要
Component Testing 需要
Database Migrations 需要
Micro Frontends 需要
Bundle Optimization 需要
Query Optimization 需要
System Design Fundamentals 需要
Design Patterns 需要
OOP & SOLID Principles 需要
WebSocket API Design 需要
Data Modeling & Schema Design 需要
Design System Development 需要
Modern CSS 需要
API Versioning Strategies 需要
Structured Logging 需要
Data Structures 需要
Type Safety & Type Systems 需要

Principal

10+ years

职责: Product engineering strategy. Choosing technology stack for the company. Architecture for fast time-to-market.

关键技能:

AWS 需要
Code Review 需要
Core Web Vitals 需要
Data Fetching 需要
Docker 需要
E2E Testing 需要
Git Advanced 需要
GitHub Actions / GitLab CI 需要
GitHub Copilot 需要
GraphQL Design 需要
JWT / OAuth2 / OIDC 需要
Kubernetes Core 需要
MongoDB 需要
Next.js 需要
Node.js Frameworks 需要
OWASP & Application Security 需要
PostgreSQL 需要
React Core 需要
Redis 需要
REST API Design 需要
SSR/SSG/ISR Patterns 需要
State Management 需要
Tailwind CSS 需要
Unit Testing 需要
Vite & Modern Bundlers 需要
Algorithms & Complexity 需要
Async Programming 需要
Web Accessibility 需要
Database Indexing 需要
Integration Testing 需要
Code Quality & Refactoring 需要
Component Testing 需要
Database Migrations 需要
Bundle Optimization 需要
System Design Fundamentals 需要
Design Patterns 需要
OOP & SOLID Principles 需要
WebSocket API Design 需要
Data Modeling & Schema Design 需要
Design System Development 需要
Modern CSS 需要
API Versioning Strategies 需要
Structured Logging 需要
Data Structures 需要
Type Safety & Type Systems 需要

差距分析:待发展的技能

要达到下一级别,你需要发展:

Core Web Vitals

Independently implements complex UI components with Core Web Vitals optimization. Optimizes rendering performance. Writes tests. Applies for state management.

Data Fetching

Implements data fetching patterns with React Query/SWR on the frontend and REST/GraphQL APIs on the backend. Optimizes caching, deduplication, and loading states across the full stack.

Next.js

Independently implements complex UI components with Next.js. Optimizes rendering performance. Writes tests. Applies for state management.

React Core

Independently implements complex UI components with React Core. Optimizes rendering performance. Writes tests. Applies for state management.

SSR/SSG/ISR Patterns

Independently implements complex UI components with SSR/SSG/ISR patterns. Optimizes rendering performance. Writes tests. Applies for state management.

State Management

Independently implements complex UI components with State Management. Optimizes rendering performance. Writes tests. Applies for state management.

Tailwind CSS

Independently implements complex UI components with Tailwind CSS. Optimizes rendering performance. Writes tests. Applies for state management.

Vite & Modern Bundlers

Independently implements complex UI components with Vite and modern bundlers. Optimizes rendering performance. Writes tests. Applies for state management.

Algorithms & Complexity

Independently applies algorithmic thinking across the stack: selects efficient query algorithms on backend, understands virtual scrolling and pagination algorithms on frontend, evaluates data processing trade-offs between client and server. Analyzes end-to-end complexity of feature implementations.

Async Programming

Independently applies async programming across the stack: server-side async request handling, client-side async data fetching, WebSocket/SSE for real-time updates. Understands trade-offs between different async patterns on frontend and backend.

Web Accessibility

Ensures accessibility on both sides: implements server-side rendered accessible HTML with SSR frameworks, configures API responses for accessibility (alt text in image API, structured error messages). Tests with axe-core and verifies keyboard navigation.

Code Quality & Refactoring

Independently applies code quality practices across frontend and backend. Writes consistent code with shared type definitions and clear API boundaries. Understands trade-offs between DRY code sharing and independent deployability. Reviews full-stack features for proper error propagation and data validation consistency.

Component Testing

Independently implements complex UI components with component testing. Optimizes rendering performance. Writes tests. Applies for state management.

Micro Frontends

Works with micro-frontends in fullstack context: implements BFF layer for each micro-frontend, configures API composition for data aggregation, applies Module Federation for frontend integration. Ensures end-to-end type safety through shared TypeScript types between frontend and backend.

Bundle Optimization

Independently implements complex UI components with bundle optimization. Optimizes rendering performance. Writes tests. Applies for state management.

Query Optimization

Analyzes slow queries through EXPLAIN. Eliminates N+1 problems in ORM (eager loading, select_related). Optimizes JOINs (order, types). Uses window functions (ROW_NUMBER, LAG/LEAD). Understands the difference between correlated and non-correlated subqueries.

Network Fundamentals

Applies networking knowledge in fullstack development: CORS configuration for API, SSL/TLS certificates, HTTP/2 multiplexing. Understands CDN architecture for static assets, DNS configuration for domains and diagnoses latency issues between frontend and backend.

Design Patterns

Independently applies design patterns across full stack: repository pattern for backend data access, strategy for interchangeable service implementations, observer for frontend reactivity, adapter for API integration layers. Explains pattern trade-offs for full-stack architecture coherence.

OOP & SOLID Principles

Independently applies OOP/SOLID across frontend and backend: proper service abstractions shared between layers, interface-based API contracts, single responsibility in both UI components and server handlers. Understands trade-offs between OOP and functional patterns across the full stack.

Design System Development

Independently implements complex UI components with design system development. Optimizes rendering performance. Writes tests. Applies for state management.

Modern CSS

Independently implements complex UI components with modern CSS. Optimizes rendering performance. Writes tests. Applies for state management.

Data Structures

Independently selects appropriate data structures across the stack: normalized database schemas, API response DTOs, client-side state trees for UI. Understands trade-offs between data format choices for efficient serialization between frontend and backend.

Type Safety & Type Systems

Independently applies type safety across frontend and backend — TypeScript strict mode for shared type definitions, API contract types with tRPC/GraphQL codegen, and end-to-end type-safe data flow. Understands trade-offs between runtime validation and compile-time guarantees across system boundaries. Applies type-safe patterns in code reviews.