1. HTML 基础

  • 学习 HTML 标签与结构，从 <html>, <head>, <body> 开始
  • 掌握语义化标签如 <header>, <nav>, <article>, <footer>
  • 实践表单元素与多媒体嵌入技术
html_5

2. CSS 布局

  • 理解盒模型与定位方式（静态/相对/绝对/固定）
  • 掌握 Flexbox 与 Grid 布局技巧
  • 学习响应式设计基础（媒体查询、rem/vw单位）
css_3

3. JavaScript 编程

  • 掌握变量、数据类型、运算符与流程控制
  • 学习函数、数组、对象等核心数据结构
  • 理解 DOM 操作与事件处理机制
javascript_1

4. 进阶框架

  • 探索 React 基础组件开发模式
  • 学习 Vue.js 的响应式系统与指令语法
  • 实践 TypeScript 在前端的类型安全应用
react_1

5. 工具与资源

  • 使用 Webpack 进行模块打包配置
  • 掌握 Babel 的 ES6+ 代码转译技巧
  • 学习 PostCSS 的自动化样式处理流程
bootstrap_5

想要深入学习前端进阶知识？请前往 /design-resources/learning-path/zh-cn/advanced_topics 继续探索 📚