前端学习之旅：从 HTML 到框架

两年前，我对前端的认知还停留在"在浏览器里显示的东西"。现在回头看，从零开始学习前端开发的这条路虽然曲折，但也充满了乐趣和成就感。

第一阶段：打下基础

一切从 HTML 和 CSS 开始。很多人觉得 HTML 和 CSS 太简单，不值得花太多时间——这是一个很大的误解。

HTML 的语义化、无障碍访问（accessibility）、SEO 基础，CSS 的盒模型、布局方案（flexbox、grid）、响应式设计，这些东西看起来简单，但真正用好需要大量的练习和理解。

<!-- 语义化 HTML 示例 -->
<article>
    <header>
        <h1>文章标题</h1>
        <time datetime="2025-02-20">2025年2月20日</time>
    </header>
    <section>
        <p>文章内容...</p>
    </section>
</article>

我花了大约两个月的时间系统学习了 HTML 和 CSS，做了一个个人主页作为练手项目。那种把自己的设计变成真实可访问的网页的感觉，真的很奇妙。

第二阶段：JavaScript 是一门语言

很多人学 JavaScript 的时候陷入了一个误区：为了学框架而学 JS。他们直接跳到 React 或 Vue，然后发现自己根本搞不懂状态管理、生命周期、副作用这些概念。

我的建议是：先用原生 JS 写项目。不需要太大，但至少要覆盖：

• DOM 操作和事件处理
• 异步编程（回调、Promise、async/await）
• 数组和对象的高阶方法（map、filter、reduce）
• 原型链和 this 指向
• 闭包和作用域

理解 JavaScript 这门语言本身，远比学会一个框架重要。框架会过时，但语言的核心思想不会。

第三阶段：选择一个框架深入

有了一定的 JS 基础后，我选择了 React 作为第一个深入学习的前端框架。选择 React 的原因是组件化的思想清晰、社区庞大、生态丰富。

学习框架的时候记得：不要只看文档和教程，一定要动手写项目。

写在最后

基础决定你能走多稳，学习能力决定你能走多远。

共勉。