• 学完基础语法，力扣启动，从简单开始到两数和，后面边看八股边学 结合项目经验

• 学框架最好是直接上手官方文档，不要上来就搞项目

• 工程化的东西要的是，一些主要的技术栈你要熟练

• 运用重点是这么几个，变量命名，数组，string，set map的用法当然这是写代码需要重点学的，八股准备就更深了

• 刷题重点是 LeetCode hot100

项目：

• llm：可以参考semi的chat组件

• TrackPoint（埋点项目）：

• Markdown编辑器： 简易版markdown + 插件机制

前端开发学习路线

一、基础阶段

1. HTML + CSS + JavaScript

• 学习资源：
• MDN 文档：英文版 | 中文版
• JavaScript 教程：英文版 | 中文版

• 速成推荐：
• B站UP主：吴悠讲编程
• 鱼皮两小时建站教程

2. 开发环境搭建

二、框架学习

选择建议

• 国内开发推荐：Vue

• 二选一：React / Vue

Vue学习路线

1. 官方文档（重点：先看文档，不要急着上手项目）

2. 进阶学习：《Vue.js设计与实现》

三、算法训练

1. LeetCode刷题路线

• 从简单题目开始

• 先刷 Two Sum（两数之和）

• 重点关注 LeetCode Hot 100

2. 编程重点

• 变量命名规范

• 数组操作

• String 方法

• Set/Map 使用

四、进阶要求

1. 工程化

• 熟练掌握主要技术栈

• 了解前端工程化工具

• 版本控制（Git）

2. 面试准备

• 边学习边准备八股文

• 结合实际项目经验

• 深入理解核心概念

学习建议

1. 循序渐进
• 打好基础再学框架
• 官方文档优先于视频教程
• 理论结合实践

2. 代码质量
• 注重代码规范
• 培养良好的编程习惯
• 重视变量命名

3. 实战为王
• 多动手练习
• 做实际项目
• 刷算法题

4. 知识深度
• 不要停留在表面
• 理解底层原理
• 持续学习更新

学习资源汇总

文档

• MDN（HTML/CSS/JS基础）

• JavaScript.info（JS进阶）

• Vue官方文档

视频教程

• 吴悠讲编程（B站）

• 鱼皮的前端教程

进阶书籍

• 《Vue.js设计与实现》

算法平台

• LeetCode
• Hot 100题单
• 从简单题目开始