Web 开发学习资源大全：从入门到进阶

> 标签： learning tutorial webdev resource roadmap
> 作者： @learning_path
> 发布时间： 2026-06-12

前言

整理了一份 Web 开发学习资源，涵盖前端、后端、数据库、运维等方向，从入门到进阶，适合不同阶段的开发者。

一、前端开发

1.1 HTML / CSS 基础

1.2 JavaScript

1.3 前端框架

Vue.js

React

1.4 前端工程化

二、后端开发

2.1 PHP

2.2 Node.js

2.3 Python

三、数据库

3.1 MySQL

3.2 Redis

3.3 PostgreSQL

四、运维与 DevOps

4.1 Linux

4.2 Docker

4.3 Kubernetes

4.4 CI/CD

五、计算机基础

5.1 数据结构与算法

5.2 网络协议

5.3 操作系统

六、安全

七、软技能

7.1 代码规范

7.2 设计模式

7.3 技术写作

八、推荐学习路径

8.1 前端工程师路线

1. 基础（2-3 个月）
   ├── HTML5 + CSS3
   ├── JavaScript 基础
   └── 实践：静态页面、响应式布局

2. 进阶（3-4 个月）
   ├── JavaScript 高级（ES6+、异步、闭包）
   ├── Vue 或 React 框架
   ├── 前端工程化（Webpack/Vite、Git）
   └── 实践：完整 Web 应用

3. 高级（持续）
   ├── 性能优化
   ├── 测试（Jest、Cypress）
   ├── TypeScript
   └── 源码阅读

8.2 后端工程师路线（PHP）

1. 基础（2-3 个月）
   ├── PHP 语法 + OOP
   ├── MySQL 基础
   ├── HTTP 协议
   └── 实践：简单 CRUD 应用

2. 进阶（3-4 个月）
   ├── Laravel 框架
   ├── 数据库优化
   ├── Redis 缓存
   ├── API 设计
   └── 实践：RESTful API 项目

3. 高级（持续）
   ├── 设计模式
   ├── 微服务架构
   ├── Docker + K8s
   ├── 性能调优
   └── 源码阅读

8.3 全栈工程师路线

1. 前端基础（2 个月）
2. 后端基础（2 个月）
3. 数据库（1 个月）
4. 部署运维（1 个月）
5. 项目实践（持续）

九、社区与资讯

十、持续学习建议

1. 每日阅读：订阅技术博客、关注 GitHub Trending
2. 每周实践：动手做一个小项目或实验
3. 每月复盘：总结学到的知识，写博客记录
4. 每年深入：选择一个方向深入研究（源码、架构）

讨论： 你有哪些推荐的学习资源？欢迎在评论区补充！