技术分享
前端学习路线📘
00 分钟
2024-12-23
2025-1-15
tags
date
type
status
slug
category
summary
password
icon
notion image
 
 
基本功:HTML + CSS + JavaScript + Mvvm框架
React 和 vue 二选一
nvm → node → yarn
速成:b站up主 吴悠讲编程 鱼皮两小时建站 鱼皮的vue文档
 
Vue:深挖看《vue.js设计与实现》 (走国内开发那套:学vue)
提醒:
  • 学完基础语法,力扣启动,从简单开始到两数和,后面边看八股边学 结合项目经验
  • 学框架最好是直接上手官方文档,不要上来就搞项目
  • 工程化的东西要的是,一些主要的技术栈你要熟练
  • 运用重点是这么几个,变量命名,数组,string,set map的用法当然这是写代码需要重点学的,八股准备就更深了

项目:

  • llm:可以参考semi的chat组件
  • TrackPoint(埋点项目):
  • Markdown编辑器: 简易版markdown + 插件机制
 

前端开发学习路线

一、基础阶段

1. HTML + CSS + JavaScript

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

2. 开发环境搭建

二、框架学习

选择建议

  • 国内开发推荐:Vue
  • 二选一:React / Vue

Vue学习路线

  1. 官方文档(重点:先看文档,不要急着上手项目)
  1. 进阶学习:《Vue.js设计与实现》

三、算法训练

1. LeetCode刷题路线

  • 从简单题目开始
  • 先刷 Two Sum(两数之和)

2. 编程重点

  • 变量命名规范
  • 数组操作
  • String 方法
  • Set/Map 使用

四、进阶要求

1. 工程化

  • 熟练掌握主要技术栈
  • 了解前端工程化工具
  • 版本控制(Git)

2. 面试准备

  • 边学习边准备八股文
  • 结合实际项目经验
  • 深入理解核心概念

学习建议

  1. 循序渐进
      • 打好基础再学框架
      • 官方文档优先于视频教程
      • 理论结合实践
  1. 代码质量
      • 注重代码规范
      • 培养良好的编程习惯
      • 重视变量命名
  1. 实战为王
      • 多动手练习
      • 做实际项目
      • 刷算法题
  1. 知识深度
      • 不要停留在表面
      • 理解底层原理
      • 持续学习更新

学习资源汇总

文档

  • MDN(HTML/CSS/JS基础)
  • Vue官方文档

视频教程

  • 吴悠讲编程(B站)
  • 鱼皮的前端教程

进阶书籍

  • 《Vue.js设计与实现》

算法平台

希望这个整理对你的学习有帮助!记住要循序渐进,打好基础再往前进阶。
 
上一篇
保留节目
下一篇
饺子🥟

评论
Loading...