news 2026/1/27 6:43:45

前端学习路线,零基础入门到精通,收藏这篇就够了

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端学习路线,零基础入门到精通,收藏这篇就够了

目录

第一阶段:前端入门

1.Html5

2.Css3

第二阶段:JavaScript

①JavaScript 基础语法

②JavaScript 高级(WebAPI/Dom Bom)

③JavaScript 框架(jQuery)

④数据可视化(echarts)

第三阶段 服务端编程

1.node js基础

2.ajax

3.promise

4.axios

5.了解学习es6语法,http协议规则

6. TypeScript

第四阶段 Vue.js

①框架:Vue.Js【vue2,vue3】

②学会使用UI组件库(网站快速成型工具)

③vue项目实战

第五阶段 微信小程序

第六阶段 React.js 基础

适用于前端快速入门,简洁清晰,直击学习视频,无过多对各部分的介绍。

第一阶段:前端入门

1.Html5
2.Css3

结:跟着视频写个h5+css3的静态项目

推荐视频学习链接:

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili

第二阶段:JavaScript

①JavaScript基础语法
②JavaScript高级(WebAPI/Dom Bom)
③JavaScript框架(jQuery)
④****数据可视化(echarts)
结:跟着视频写个h5+css3+javascript的动态项目,写个echarts数据可视化项目 推荐视频学习链接: [JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1Sy4y1C7ha/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili")

第三阶段 服务端编程

**[**用于衔接JavaScript与vue.js]

1.node js****基础
推荐视频学习链接: [黑马程序员Node.js全套入门教程,nodejs新教程含es6模块化+npm+express+webpack+promise等\_Nodejs实战案例详解\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1a34y167AZ/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 黑马程序员Node.js全套入门教程,nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili")
2.ajax
推荐视频学习链接: [【尚硅谷】3小时Ajax入门到精通\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1WC4y1b78y/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b "【尚硅谷】3小时Ajax入门到精通_哔哩哔哩_bilibili")
3.promise
推荐视频学习链接: [尚硅谷Web前端Promise教程从入门到精通\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1GA411x7z1/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷Web前端Promise教程从入门到精通_哔哩哔哩_bilibili")
4.axios
【axios是通过promise将ajax技术二次封装】(与后端交互获取后端的数据) 推荐视频学习链接: [尚硅谷Web前端axios入门与源码解析\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1wr4y1K7tq/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷Web前端axios入门与源码解析_哔哩哔哩_bilibili")
**5.**了解学习es6语法,http协议规则
推荐视频学习链接: [尚硅谷Web前端ES6教程,涵盖ES6-ES11\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1uK411H7on/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷Web前端ES6教程,涵盖ES6-ES11_哔哩哔哩_bilibili") 【该部分不需花费过多时间,可以通过看相关文档来进行了解学习,无需视频学习】
6. TypeScript
推荐视频学习链接: [尚硅谷TypeScript教程(李立超老师TS新课)\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1Xy4y1v7S2/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷TypeScript教程(李立超老师TS新课)_哔哩哔哩_bilibili")

第四阶段 Vue.js

①****框架:Vue.Js【vue2,vue3】

推荐视频学习链接:

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

2023新版Vue2+Vue3基础入门到实战项目全套教程,自学前端vue就选黑马程序员,一套全通关!_哔哩哔哩_bilibili

②****学会使用UI组件库(网站快速成型工具)

Element ui(pc端)Element - The world’s most popular Vue UI framework

vant ui(mobile端)Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.

③vue项目实战
以下是推荐实战视频链接:

【该推荐为商城类型项目实战,也是应用最广泛的类型,除此之外,还有电影订票,旅行等类型 项目】

[尚硅谷VUE项目实战,前端项目-尚品汇(大型\\重磅)\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1Vf4y1T7bw/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)_哔哩哔哩_bilibili")

第五阶段 微信小程序

推荐视频学习链接: [黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程\_企业级商城实战(含uni-app项目多端部署)\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1834y1676P/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili")

第六阶段 React.js 基础

【React:用于构建用户界面的JavaScript库

推荐视频学习链接: [尚硅谷React教程(2022加更,B站超火react教程)\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1wy4y1D7JT/?spm_id_from=333.337.search-card.all.click&vd_source=9d23f1276369812af2ff3206fe99b97b " 尚硅谷React教程(2022加更,B站超火react教程)_哔哩哔哩_bilibili")

2025开年,AI技术打得火热,正在改变前端人的职业命运:

阿里云核心业务全部接入Agent体系;

字节跳动30%前端岗位要求大模型开发能力;

腾讯、京东、百度开放招聘技术岗,80%与AI相关……

大模型正在重构技术开发范式,传统CRUD开发模式正在被AI原生应用取代!

最残忍的是,业务面临转型,领导要求用RAG优化知识库检索,你不会;带AI团队,微调大模型要准备多少数据,你不懂;想转型大模型应用开发工程师等相关岗,没项目实操经验……这不是技术焦虑,而是职业生存危机!

曾经React、Vue等热门的开发框架,已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发,那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地,未来企业更看重能用AI大模型技术重构业务流的技术人。

如今技术圈降薪裁员频频爆发,传统岗位大批缩水,相反AI相关技术岗疯狂扩招,薪资逆势上涨150%,大厂老板们甚至开出70-100W年薪,挖掘AI大模型人才!

不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。

风口之下,与其像“温水煮青蛙”一样坐等被行业淘汰,不如先人一步,掌握AI大模型原理+应用技术+项目实操经验,“顺风”翻盘!

大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态,吸引了很多人的关注和兴趣,也有很多新人小白想要学习入门大模型,那么,如何入门大模型呢?

下面给大家分享一份2025最新版的大模型学习路线,帮助新人小白更系统、更快速的学习大模型!

2025最新版CSDN大礼包:《AGI大模型学习资源包》免费分享**

一、2025最新大模型学习路线

一个明确的学习路线可以帮助新人了解从哪里开始,按照什么顺序学习,以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛,没有明确的学习路线可能会导致新人感到迷茫,不知道应该专注于哪些内容。

我们把学习路线分成L1到L4四个阶段,一步步带你从入门到进阶,从理论到实战。

L1级别:AI大模型时代的华丽登场

L1阶段:我们会去了解大模型的基础知识,以及大模型在各个行业的应用和分析;学习理解大模型的核心原理,关键技术,以及大模型应用场景;通过理论原理结合多个项目实战,从提示工程基础到提示工程进阶,掌握Prompt提示工程。

L2级别:AI大模型RAG应用开发工程

L2阶段是我们的AI大模型RAG应用开发工程,我们会去学习RAG检索增强生成:包括Naive RAG、Advanced-RAG以及RAG性能评估,还有GraphRAG在内的多个RAG热门项目的分析。

L3级别:大模型Agent应用架构进阶实践

L3阶段:大模型Agent应用架构进阶实现,我们会去学习LangChain、 LIamaIndex框架,也会学习到AutoGPT、 MetaGPT等多Agent系统,打造我们自己的Agent智能体;同时还可以学习到包括Coze、Dify在内的可视化工具的使用。

L4级别:大模型微调与私有化部署

L4阶段:大模型的微调和私有化部署,我们会更加深入的探讨Transformer架构,学习大模型的微调技术,利用DeepSpeed、Lamam Factory等工具快速进行模型微调;并通过Ollama、vLLM等推理部署框架,实现模型的快速部署。

整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握;而L3 L4更多的是通过项目实战来掌握大模型的应用开发,针对以上大模型的学习路线我们也整理了对应的学习视频教程,和配套的学习资料。

二、大模型经典PDF书籍

书籍和学习文档资料是学习大模型过程中必不可少的,我们精选了一系列深入探讨大模型技术的书籍和学习文档,它们由领域内的顶尖专家撰写,内容全面、深入、详尽,为你学习大模型提供坚实的理论基础(书籍含电子版PDF)

三、大模型视频教程

对于很多自学或者没有基础的同学来说,书籍这些纯文字类的学习教材会觉得比较晦涩难以理解,因此,我们提供了丰富的大模型视频教程,以动态、形象的方式展示技术概念,帮助你更快、更轻松地掌握核心知识

四、大模型项目实战

学以致用,当你的理论知识积累到一定程度,就需要通过项目实战,在实际操作中检验和巩固你所学到的知识,同时为你找工作和职业发展打下坚实的基础。

五、大模型面试题

面试不仅是技术的较量,更需要充分的准备。

在你已经掌握了大模型技术之后,就需要开始准备面试,我们将提供精心整理的大模型面试题库,涵盖当前面试中可能遇到的各种技术问题,让你在面试中游刃有余。


因篇幅有限,仅展示部分资料,需要点击下方链接即可前往获取

2025最新版CSDN大礼包:《AGI大模型学习资源包》免费分享

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/22 3:12:33

GifCam 不只能录 GIF!教你导出 AVI 再转 MP4 的完整流程

GifCam 是一款轻量、免费且无需安装的屏幕录制小工具,最初以录制 GIF 动画而闻名。但很多人不知道的是,它其实也能用来录制视频(如 AVI 格式),再通过格式转换生成 MP4 文件,非常适合制作简短的操作演示或软…

作者头像 李华
网站建设 2026/1/26 7:45:51

React-chartjs-2 数据集管理:3个关键问题与解决方案

React-chartjs-2 数据集管理:3个关键问题与解决方案 【免费下载链接】react-chartjs-2 React components for Chart.js, the most popular charting library 项目地址: https://gitcode.com/gh_mirrors/re/react-chartjs-2 React-chartjs-2 是Chart.js最流行…

作者头像 李华
网站建设 2026/1/10 6:37:13

从零开始掌握Quartus II八位移位寄存器设计与仿真

从零开始掌握Quartus II八位移位寄存器设计与仿真 【免费下载链接】QuartusII八位移位寄存器仿真文件 本资源文件包含了一个在Quartus II软件中制作的八位移位寄存器电路设计。该电路设计使用了74ls74触发器,并通过Quartus II的电路仿真功能进行了仿真。通过波形仿真…

作者头像 李华
网站建设 2025/12/24 14:41:39

微信小程序任务管理终极指南:3分钟打造你的专属待办清单

微信小程序任务管理终极指南:3分钟打造你的专属待办清单 【免费下载链接】weapp-todos 一个简单的任务清单小程序, awesome weapp demo, todos, todolist 项目地址: https://gitcode.com/gh_mirrors/we/weapp-todos 还在为繁杂的日常任务感到焦虑吗&#xff…

作者头像 李华