首页 › 合集 › 现代 Web 开发完全指南
合集封面

现代 Web 开发完全指南

本合集系统讲解现代 Web 开发技术栈,从基础的 HTML、CSS、JavaScript 到主流前端框架 React、Vue,再到后端 Node.js、数据库设计,以及 DevOps 部署流程。适合有一定编程基础的开发者系统学习,也适合在校学生了解行业最新技术趋势。每周更新 2-3 期,每期深入一个技术点,配合实战项目巩固知识。

视频数:18
总时长:12:36:42
播放量:2,847,653
更新:2026-11-03
创建者头像
前端修炼手册
158 万粉丝
01
视频缩略图
42:18
课程导学:构建现代 Web 开发知识体系
介绍整个课程的学习路线图,明确前后端分离架构,了解当前主流技术栈选型依据,帮助学习者建立系统化认知框架。
286.5万
1.2万
2026-08-15
02
视频缩略图
38:56
HTML5 语义化标签与无障碍访问实践
深入讲解 HTML5 新增标签的语义含义,如何使用 ARIA 属性增强可访问性,帮助开发者构建对屏幕阅读器友好的页面结构。
215.8万
8.4千
2026-08-19
03
视频缩略图
51:22
CSS3 动画与过渡:从基础到高级特效
系统学习 transition、animation、transform 三大属性,通过多个实战案例演示如何实现流畅的交互动效,掌握关键帧动画设计技巧。
198.3万
9.7千
2026-08-23
04
视频缩略图
45:38
Flexbox 与 Grid 布局完全掌握
对比传统布局方案,详解弹性盒模型和网格布局的核心概念,通过响应式案例理解何时选用 Flex 何时选用 Grid,构建自适应页面。
232.6万
1.1万
2026-08-27
05
视频缩略图
56:14
JavaScript ES6+ 核心特性深度解析
涵盖箭头函数、解构赋值、Promise、async/await 等现代 JS 语法,理解模块化开发思想,掌握 let/const 与作用域链机制。
268.9万
1.5万
2026-09-02
06
视频缩略图
48:31
TypeScript 类型系统与工程实践
从 TS 基础类型到泛型、工具类型,讲解如何在大型项目中应用静态类型检查,提升代码可维护性和团队协作效率。
189.4万
7.8千
2026-09-06
07
视频缩略图
62:47
React 18 新特性与 Hooks 实战
详解并发渲染、Suspense、useTransition 等 React 18 核心更新,通过多个 Hooks 案例演示状态管理与副作用处理的最佳实践。
312.7万
1.8万
2026-09-11
08
视频缩略图
53:19
Vue 3 Composition API 组件设计模式
对比 Options API,理解 Composition API 的设计动机,学习如何用 setup 函数组织逻辑,实现更灵活的代码复用和逻辑抽离。
257.1万
1.3万
2026-09-16
09
视频缩略图
49:28
状态管理方案对比:Redux vs Zustand vs Pinia
横向对比主流状态管理库的设计理念和使用场景,分析各自优劣势,帮助开发者根据项目规模选择合适的状态管理方案。
176.9万
9.2千
2026-09-20
10
视频缩略图
58:36
Node.js 异步编程与事件循环机制
深入 Node.js 运行时原理,理解事件循环各阶段,掌握 Stream、Buffer、事件发射器等核心 API,学会处理高并发场景下的异步逻辑。
203.5万
8.6千
2026-09-25
11
视频缩略图
46:52
Express 与 Koa 框架实战对比
搭建 RESTful API 服务,对比两个框架的中间件机制和路由设计,学习如何处理请求校验、错误处理、日志记录等常见后端任务。
164.2万
7.1千
2026-09-30
12
视频缩略图
54:17
数据库设计:MySQL 与 MongoDB 选型指南
讲解关系型与文档型数据库的适用场景,演示如何设计表结构和集合模式,学习索引优化、事务处理、查询性能调优的实用技巧。
188.7万
9.5千
2026-10-04
13
视频缩略图
50:43
Webpack 5 与 Vite 构建工具深度剖析
对比传统打包工具与新一代构建工具的原理差异,配置代码分割、Tree Shaking、HMR 等优化手段,提升开发体验和构建速度。
225.4万
1.1万
2026-10-09
14
视频缩略图
47:25
前端性能优化:从指标到实践
解读 LCP、FID、CLS 等核心指标,学习图片懒加载、资源预加载、防抖节流等优化技巧,通过 Lighthouse 分析工具量化性能提升效果。
241.8万
1.4万
2026-10-14
15
视频缩略图
55:09
单元测试与 E2E 测试实战:Jest + Cypress
建立完整的测试金字塔,学习如何编写可维护的单元测试用例,配置端到端测试流程,实现持续集成中的自动化测试。
152.3万
6.8千
2026-10-19
16
视频缩略图
52:34
Docker 容器化部署与 CI/CD 流程搭建
从 Dockerfile 编写到镜像优化,配置 GitHub Actions 或 GitLab CI 自动化部署流程,实现代码提交后自动构建、测试、发布的完整工作流。
197.6万
8.9千
2026-10-24
17
视频缩略图
61:18
微前端架构设计:qiankun 框架实战
解决大型项目的团队协作和技术栈隔离问题,学习如何拆分独立子应用,配置主应用路由和生命周期,实现多项目聚合展示。
173.5万
7.4千
2026-10-29
18
视频缩略图
68:52
全栈项目实战:电商后台管理系统从零到上线
综合应用课程所学知识,完整开发一个具备权限管理、商品管理、订单处理的后台系统,涵盖前后端分离开发、数据库设计、部署运维全流程。
329.8万
2.1万
2026-11-03
‹ 1 2 ›

观看指南

本合集采用递进式教学设计,建议按顺序观看以获得最佳学习效果。前 6 期为基础知识夯实阶段,涵盖 HTML、CSS、JavaScript 核心技术;第 7-9 期进入主流框架学习,重点掌握 React 和 Vue 的现代开发模式;第 10-12 期转向后端技术,了解 Node.js 生态和数据库设计;最后 6 期为工程化与实战,学习构建工具、测试、部署等实际项目必备技能。

  • 每期视频配有完整源码和配套练习,可在评论区置顶链接获取
  • 建议准备一个练手项目,边学边实践,将知识点应用到实际开发中
  • 前置要求:具备基本编程思维,了解变量、函数、循环等基础概念
  • 学习周期:建议每周学习 3-4 期,穿插练习时间,完整学完约需 6-8 周
  • 遇到问题可在评论区提问,每周三晚 8 点进行直播答疑

相关合集推荐