前端入门到实习8个月个人经历

Giant100
87 阅读6分钟

实习啦

如果你是在大二下开始准备系统学习前端且面向就业的同学，那么我的经历或许你可以参考一下。

先讲讲我为什么去学前端，又为什么去工作室的 ?

  • 本人大一，大二上是打算法的，由于算法方面并没有打出好的成绩，所以就去学前端了。
  • 大二下准备开始学前端。

最开始的打算是自学的，就准备找一下前端的学习资源(网课，文档，什么的)，当是自学感觉学到后面一点迷茫，学的后续也不知道该往哪个方向发展，在学的时候也没有好的学习方法，也抓不住重点，学的有点迷迷糊糊的。

  • 工作室这边，有学习路径，不会的可以问学长，有前端学习资源，有模拟面试，还有面试经验

编程学习这事儿，核心就是自己动手写代码！（在学习阶段对于ai的使用）

不管遇到啥问题，先自己琢磨：需求咋实现、逻辑咋设计、代码咋写，哪怕写错了、调不通，也得自己先试着改。只有全程自己参与，才能打牢基础、练会独立解决问题的本事 —— 这玩意儿没人能替你。

AI 顶多算个 “帮手”，不是 “代笔”：比如不知道某个语法、思路卡壳了、报错找不到原因，能问它，但绝对不能直接抄它的代码。得先看懂 AI 的思路，再用自己的理解重写、优化，把它的提示变成自己的东西，而不是把它当成依赖的 “拐杖”。

简单说：自己思考做主，AI 只当辅助，这样学编程才真能学到东西～

第一模块： HTML / CSS （2-3 周）

  1. 核心原则： 先懂概念，重点练代码（学一个知识点就写小案例）；

  2. 学习重点：

    1. 第1周：HTML基础+语义化标签（用有意义的标签搭页面结构）；
    2. 第2周：Flex布局（搞定一维对齐、分布，比如导航栏、卡片排列）；
    3. 第3周：Grid布局（控制行和列，适合复杂/响应式布局）；
    4. 浮动：仅浅学基本概念和清除方法，无需深钻；

  3. 关键建议：每天3-5小时（2小时学+3小时练），优先自主查错（F12+ MDN ），AI仅作辅助，不直接抄代码。

第二模块： JavaScript （4-5 周）

  核心原则：练逻辑＞背语法，写项目＞看教程

  JS 是让页面 “动起来” 的灵魂，逻辑思维是核心—— 别死记硬背语法，要通过写代码理解 “为什么这么写”“这么写能解决什么问题”。

  核心目标

  掌握 JavaScript 基础能力，能独立实现前端简单交互功能，为后续框架学习铺垫。

  每周核心内容

  1. 第 1 周：熟悉 JS 运行环境，掌握变量、数据类型、运算符及流程控制（if-else、循环），建立基础编码习惯。
  2. 第 2 周：重点学习函数定义与调用、作用域规则，理解闭包基本概念及简单应用。
  3. 第 3 周：掌握 DOM 元素选择、修改、事件绑定，以及 BOM 基础（本地存储、页面跳转），实现页面动态交互。
  4. 第 4-5 周：理解异步编程逻辑（Promise、async/await），通过 Todo List、天气查询等小项目完成综合实战。

  关键建议

  1. 多写小案例与实战项目，强化语法应用；
  2. 善用浏览器调试工具，解决代码问题；
  3. 重点突破闭包、异步等难点，理清核心概念。

  第三模块：复习三件套 + 做项目（1-2 周）

核心原则：用项目串联知识，用复习补全漏洞

复习不是 “重新学一遍”，而是抓核心、查缺漏；项目不是 “随便写个 demo”，而是把零散知识点拼成完整能力 —— 最终目标是能独立完成一个 “能跑、能用、有交互” 的网页。

知识点： vue3js.cn/interview/J…

第四模块：vue3 +git（4-5 周）

  1. 核心原则： Vue 与 Git 绑定学习，用 Git 管理 Vue 项目代码，边写边练工具与框架；

  2. 学习节奏：

    1. 第 1 周：Git 基础（init/add/commit/push 等核心命令、分支操作）+ Vue 入门（Vite 环境搭建、模板语法、响应式数据、v-if/v-for 指令）；
    2. 第 2 周：Vue 组件化（组件拆分、父传子 props / 子传父 $emit）+ Git 进阶（.gitignore 配置、冲突解决）；
    3. 第 3 周：Vue 核心特性（生命周期钩子、Vue Router 路由跳转 / 动态路由）+ pinia；
    4. 第 4-5 周：黑马大事件（ 这个项目可以细品，在以后做的项目都可以常考黑马大事件的配置 ）： www.bilibili.com/video/BV1Uc…

  3. 关键方法：每完成 Vue 功能就用 Git 提交，组件化拆分页面，掌握路由核心用法，通过项目落地知识点。

第五模块：node + express + typeorm （4-5 周）

  1. 核心原则：聚焦后端服务搭建与前后端联调，以Node.js为运行环境，用Express写 API 、TypeORM操作数据库；

  2. 学习节奏：

    1. 第1周：Node.js基础（模块系统、异步编程、NPM工具）；
    2. 第2周：Express框架（路由、中间件、请求响应处理，开发RESTful API）；
    3. 第3周：TypeORM（实体定义、仓库CRUD、数据库关联，无需直接写SQL）；
    4. 第4-5周：前后端联调（解决跨域等问题）+ 项目实战（如待办系统，Vue前端对接后端API）；

  3. 关键方法：先跑通最简服务，用Postman测试 API ，浅学 TypeScript 基础，重点攻克联调核心问题；

  4. 最终目标：独立搭建后端服务，实现完整的前后端数据交互。

第六模块：项目实战（6-7 周）

  1. 个人博客全栈开发
  2. 找一个有ai运用的项目

第七模块：简历 +八股 + 面试（3-4周）

  1. 简历不掺“水分”：写的技术必须吃透（原理、场景、优缺点），不会的别写，避免被问住扣分；
  2. 准备要“挖深拓广”：别只记单个知识点，要按“200分”标准，延伸相关内容（如token关联存储、安全问题），成体系梳理，应对面试官追问；
  3. 态度要“较真”：核心概念必须准确掌握（不模糊、不遗漏、不犯错），追求标准答案级的精准，避免让面试官觉得基础不牢。

写在最后：给学弟学妹的几句话

  1. 在学习阶段，少用ai写代码，用ai 解决自己不会的问题
  2. 遇见一个知识点，要多思考，多想想，为什么，是什么，怎么办，怎么解决，要深挖知识点的底层
  3. 学前端，不要只看视频，要多敲代码，学会做笔记，多复习，前端的知识很多，很杂，很散
  4. 学完一个知识点，一定要知道学了什么，不要一问三不知，脑袋空空的
  5. 三件套的基础一定要打牢
  6. 一定要有输出，不要只学，最好的输出就是做项目
  7. 要有信心，要坚持，每天4-5小时最佳，最好连续学，不要三天打鱼，两天晒网
  8. 设置自己的目标，比如一周要干什么，一个月要干什么，一学期要干什么。。。。。。

贴图总结

image.png

avatar
文章
阅读
粉丝