跟着门路图认真对峙学习从前端小白到大神不是梦，0根本看这一篇足矣！
学们记得加关注点赞收藏，自学路上不迷糊！
零根本小白自学前端门路图速览：
阶段一：焦点根本入门
前端盘算机常识 ➾ html+css根本 ➾ html+css 项目实践
阶段二：焦点技术进阶
JavaScript根本+进阶 ➾ Ajxa ➾ JavaScript应用项目实践 ➾ Node.js ➾ MongoDB项目实践
阶段三：企业必备技术
Vue&React开发：Vue2.0+3.0 ➾ Vue项目实践 ➾ 数据可视化项目 ➾ React ➾ React项目实战 ➾ UmiJS项目
阶段四：公众号&小步伐开发
微信公众号 ➾ 微信小步伐 ➾ 小步伐项目实战 ➾ uni-app ➾ uni-app项目实战
阶段五：前端高阶提拔必学
Webpack5 ➾ Vite2 ➾ Typescript ➾ Harmony OS鸿蒙开发
前端学习细门路详解：
前端盘算机常识
课程针对盘算机根本单薄的小白推出的盘算机入门常识课，内容涵盖盘算机的硬件、操作体系、存储单元与二进制、软件的安装息争压、IP、服务器、DNS、域名、环境变量、字符乱码、linux操作体系、键盘指法、盘算机英语、多历程和多线程、体系的常用设置、使用欣赏器、CMD下令、office办公软件等盘算机常识。贴近实际需求，氛围轻松愉快，是盘算机小白入门前必学的常识科普课。学完本课程，可以全面把握盘算机的根本常识，为接下来的编程学习打好铺垫。
前端焦点根本入门
下面的视频是专门为零根本前端学习者准备的入门学习指南，一点根本没有也可以直接看！你将从零开始学习网页端页面搭建，绝不费力把握前端开发的低级焦点根本。
1、HTML5+CSS3入门-必须拿捏它
本系列课程从概念到详细根本知识点全程干货满满，为前端小白入门找到了很好的学习抓手，可以作为前端开发学习“梦开始的地方”，老师深入浅出的解说和动画视频解析并用真实的案例巩固知识，学练结合，打好根本，不怕学不会！
2、HTML+CSS pc端项目实战
本课程讲的是HTML+css pc端项目实战，通过解说拉勾网得首页、登录页等，学完即可进一步学会应用HTML+CSS，把握页面布局和标签、属性等的使用，让你从小白进化为真正的网页美化师。
焦点技术进阶
学会了网页静态美化还不够，让你的网页与用户完美举行交互并学习动画效果，打通前端与后端通路，前端工程师必备的JavaScript、Node.js语言也要学起来并学以致用。
1、JavaScript根本进阶与应用
本视频主打内容最全最新，包罗JS根本，基于面向对象开发实战，前后端交互实战，jQuery与BootStrap，以及CSS预处置惩罚器Sass，打造一站式知识长龙服务，得当有HTML和CSS根本的同砚学习。
2、Ajax扩展
Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的环境下，能够更新部分网页的技术。把握这个语言可以实现配景与服务器的少量数据交互以及网页的异步更新，本系列视频包罗了Ajax根本以及封装、promise、fetch使用、CORS、jsonp等实用技术深入浅出的解说。
3、JS应用项目实战
本项目是基于原生JavaScript等前端技术实现的仿小米电商网站，包罗了前端代码筹划技术栈，JQuery、scss、Gulp、模块化开发，配景构造技术PHP、MySQL等配景编程知识，同砚们也可以先去学习这些知识点以后，再去入手本项目的案例实战，前后端链路打通一步到位。
4、Node.js入门及应用
本视频你将从熟悉Nodejs开始学习npm、nrm、yarn；内置模块、路由、express、MongoDB、身份认证、koa、MySQL、Socket、Mocha等知识点全覆盖，学完本系列视频可以让前端步伐员插上后端的翅膀，真正成为一名全栈工程师，助力同砚横向全面发展。每个大知识点解说后还会通过实际需求案例驱动知识点吸收，幽默风趣解说驱动学习的积极性，资助各人敏捷发展为Nodejs开发高手。
5、Node.js项目
本项目实战视频课程不仅可以让你明白RESTful API的6个限定和多少最佳实践，把握Koa2. Postman. MongoDB、JWT等技术还会教你运用上述技术搭建简书配景管理体系的API接口，把握云服务器的线.上摆设方法。
企业必备技术提拔
光说不练假把式，光学不干虚本领。学会了上述热门焦点技术还要进一步把握企业真实场景下所需的开发技术，并能给差别行业中的企业对应的业务需求做出对应的办理方案。vue 、小步伐、React、Uniapp是当下热门的技术，是同砚们必须要把握的。末了，一个前端工程师要保持不绝进取，本领面的拓展，高阶的本领提拔还必要各人学习webpack5、Vite和TypeScript。
vue&react开发阶段
1、vue2.0+vue3.0 知识点+项目
Vue.js致力于构建数据驱动的web应用开发框架，以简便化，轻量级，数据驱动，模块友好等上风深受企业以及前端开发者的喜爱，成为前端开发职员必备的技能。 本课程以项目实战为驱动，以轻松幽默的评书演义，帮你打开通往Vue.js的任督二脉，从vue2轻松过渡到vue3,助力同砚成为一位优秀的Vue.js开发职员。
2、Vue+ElementUI物业配景管理体系
本项目是使用Vue3.0 + Element Plus UI技术开发配景管理体系，本视频你将见证从零开始搭建项目，手把手教你使用vue3.0组件开发，并用Element UI库快速创建项目页面，使用axios封装与拦截器举行前后端交互，用json-server模拟数据配景创建。在项目中还会讲到工具库的封装、vue环境变量的摆设、路由的设置与设置、相应式设置等。
3、Echarts+Vue3.0数据可视化项目构建
本项目实战课程对Echarts中的各项焦点图标技术，以及周边技术都举行了详细的解说，一套课程让你醒目Echarts技术栈，串联Echarts和vue3.0热门技术应用，让大数据可视化开发如丝般顺滑！
4、React
React已经成为江湖大厂的主流前端开发框架，本视频基于最新版React17本心制作。对React开发焦点技术以及周边技术栈举行详细解说，并进一步通过实际需求案例驱动知识点吸收，资助各人敏捷发展为React开发高手。末了尚有一个完备的配景管理体系项目实战解说，让各人纵然身不入大厂，也可对企业内部真实项目组开发流程与细节做到胸有定见。
5、React项目实战教程（环球新闻发布管理体系）
本项目实战教程一站式应用React百口桶打造企业级配景体系，无缝对接各大门派需求，让你不入江湖，便知江湖风雨。 同砚们先去看过上述React开发根本视频，熟悉React 组件开发，组件通信以及根本路由开发再共同食用本实战教程效果更好。
6、react项目 UmiJS蛋糕订购管理平台
从Umijis 上手、LeanCloud云服务、商品管理等业务逻辑、角色及权限管理、高德舆图及Echarts这五个方面睁开解说Umijs的根本使用,让同砚们能够快速上手Umijs框架。接纳LeanCloud云服务作为项目的后端接口，结合Umijs 框架，serverless云服务实现业务逻辑交互,角色权限管理，末了完成蛋糕配送范围的绘制功能，使用Echarts 实现数据可视化功能
公众号&小步伐开发阶段
1、微信公众号开发
本系列课程从整个微信公众号体系的先容开始，进一步使用编辑模式来完成一个最根本的公众号搭建；别的你还将了解到公众号的开发模式以及所需的服务端相干知识，此中包罗Express、MongoDB、Robo3T、mongoose、云服务器等；还会对微信JS-SDK鉴权的整个流程举行梳理与开发；使用vue技术栈结合vant组件库，构建web应用并集成到微信公众平台中。
2、微信小步伐项目开发
本系列视频课程分为两大部分，微信小步伐根本与项目实战开发。小步伐开发根本学习部分你将从开发流程学起，到全局设置、todolist、根本语法、组件及自界说组件的根本知识学习。实战开发部分的解说则会从项目搭建到捏词、封装、首页模块、轮播模块、搜索模块、分类模块、授权模块、购物车及我的模块深度剖析小步伐。
3、原生小步伐-锋运票务体系 ——基于微信云托管的管理体系
本套《原生小步伐-锋运票务体系》课程是针对有肯定的前端根本的开发者提供的一个原生小步伐案例实践课程。课程涵盖了客户端及中配景的业务流程，服务端的摆设详细的解说微信云托管的项目摆设流程。团体项目从企业实践角度出发，多种常见的业务二次封装的技术分享，组件的复用，第三方类库的公道应用。
4、锋巢直播IM ——基于腾讯云音视频跨平台应用（全网首发）
本视频使用腾讯即时通信IM+直播电商办理方案组件TLS,并涉及浩繁腾讯云产品，包罗但不限于云直播，云数据库，Serverless，提供了一站式解说，资助各人敏捷整合直播电商功能到本身的业务中， 通过幽默风趣解说驱动学习的积极性，让各人不入公司，便知公司项目的全貌。
5、uni-app入门到实战项目之《仿网易云音乐》
Uniapp 是基于「 Vue + 微信小步伐 」语言体系，开发职员学习本钱低上手快，随着现在 Uniapp 生态也渐渐趋于成熟。基于 Uniapp 开发多端项目，已经是很多中小型企业常用的技术办理方案。 我们就从 Uniapp 根本开始，对照企业级实践标准，从零到一打造一个多端（微信小步伐 + H5 + 安卓 app + IOS app）的社区论坛类项目。
6、uni-app蛋糕订购项目开发教程
本项目是一个面向部分城市群体的蛋糕定制网站，为指定地区的用户提供在线定制、实时配送，打造线上线下相结合的个性化蛋糕定礼服务。
前端高阶提拔阶段
1、webpack5
webpack5课程分为四大部分，分别是webpack根本应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。在本课程中，我们将通过前后呼应的demo从0到1学会webpack5，在项目实战中学以致用并在末了阶段去明白其底层的原理，从而做到对webpack5知其然并知其所以然的精熟把握水平，完成前端工程师的一大步提拔。
2、Vite2
Vite 基于原生 ES-Module 推出的前端构建工具，Vite 由于它的跨前端框架的本领 和极其精良的性能，被各人称为下一代前端构建工具，实时的学习新技术是有须要的。本系列视频你将会学到Vite环境的搭建、依赖预构建、模块热重载、在Vite中使用vue2\vue3\CSS等其他技术、服务器渲染等关联技术。
3、typescript
本套视频将从官网的知识点入手，分为根本篇，高级篇，案例篇及项目篇共4个篇章，结合案例循规蹈矩带你入门TypeScript。本视频尚有配套详细版的笔墨条记，资助各人从 0 到 1 学习TypeScript,让你能读懂别人的TS代码的同时也能编写本身的TS代码。
4、从零编写一个HarmonyOS app
这个项目实战案例将手把手教你从0开始编写华为鸿蒙app，本视频包罗了对鸿蒙体系技术细节、生态圈全面解析及对鸿蒙体系的技术架构举行详细解说，最终让各人开发初属于本身的第一个鸿蒙应用！真正将学到的焦点技术点举行串联使用。
发愤欲坚不欲锐，成功在久不在速。
每天抽出肯定的时间来打卡学习课程视频，对峙下去肯定会有劳绩！
加入学习社群和各人抱团学习、交换学习心得吧～社群内不定期公布最新视频更新一手消息！
每个前端人在学习技术的阶段肯定要包管有相应的知识点训练和项目练手且不绝去学习新出的技术才不会被落后，本套前端门路图也是按照如许的思绪出现给各人。
我们会不定期更新前端学习门路图以及最新的前端干货教学视频。
为了你的发展不中断，别忘了一键三连！收藏勤学习门路，时时看、时时学、时时新。
末了：祝各人都能在前端工程师的发展路上升职加薪。
来源：https://blog.csdn.net/longz_org_cn/article/details/126780290
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
