前端是做什么的

前端主要负责「浏览器里用户能看到和操作的部分」。大致可以理解成三层:

  • 结构:用 HTML 定义页面有哪些区域和内容
  • 表现:用 CSS 决定颜色、布局、动画等视觉效果
  • 行为:用 JavaScript 处理交互、网络请求、数据渲染

现代前端不只是「写静态页面」,还包括:

  • 单页应用(SPA):Vue、React、Svelte 等框架
  • 工程化:打包(Vite / Webpack)、模块化、代码规范、自动化构建
  • 接口与数据:调用后端 API、处理 JSON、鉴权等

学前准备建议

  • 至少了解一点计算机基础:文件夹 / 路径 / 文本编辑器
  • 能够安装软件:Node.js、Git、浏览器扩展等
  • 有一点点英语耐心:看文档时至少敢「扫一眼」

入门技术栈一览

你可以先把下面这条线当成一个「第一圈」目标:

  • HTML:常见标签、语义化、表单
  • CSS:选择器、盒模型、flex 布局、简单动画
  • JavaScript:变量、函数、作用域、数组与对象、Promise
  • Git & GitHub:至少会 clone / commit / push
  • 一个框架:建议先从 Vue 3 或 React 选一个

后面每一部分都可以慢慢深入,不必一次学完。

第一阶段的练习建议

  • 用原生 HTML + CSS 实现一个个人主页:
    • 顶部导航、个人简介
    • 一块「最近在学什么」的列表
  • 用原生 JavaScript 做一点小交互:
    • 点击按钮切换主题色
    • 回到顶部按钮

完成这个页面,你就已经有「真正写过前端页面」的成果了。