#前端学习路线图#前端学习路线主要分为基础阶段、专业阶段、项目阶段、职后阶段四大阶段，其中：　　第一阶段是基础阶段，该阶段包含：软件安装-->项目开发流程-->HTML常用标签-->CSS-->盒子模型-->浮动属性-->PC端页面布局-->office软件-->JS-->编程方法-->DOM-->jQuery-->impress.js插件。

　　第二阶段是专业阶段，该阶段包含：前端页面重构-->-JavaScript基础+进阶修炼+全栈开发-->Vue.js +React+小程序开发　　第三阶段是项目阶段，该阶段包含基于Node.js后台管理系统-->基于Vue.js WebAPP开发/基于Vue.js管理信息系统-->基于React WebAPP开发/基于React管理信息系统-->小程序开发。

　　第四阶段是职后阶段，该阶段包含网络应用基础-->数据结构与算法-->Ionic基础与实战-->混合开发-->原生APP开发-->Augular前端框架-->大数据可视化-->桌面APP开发。

前端学习路线图一、基础阶段　　学习目标：　　1、熟悉项目开发流程　　2、熟练掌握浏览器控制台和Hbuilder 软件的应用　　3、熟练掌握HTML常用标签，会搭建基础的页面结构　　4、熟练掌握盒子模型的相关概念和应用

　　5、熟练掌握背景相关属性的用法和使用场景　　6、能够独立搭建视觉差效果　　7、熟练掌握浮动的原理和使用场景　　8、掌握基本的pc端页面的布局　　9、熟练利用PS切图、取色、测量　　10、能够独立的搭建pc端页面

　　11、熟悉页面布局过程中的bug和解决方式　　12、了解dpr的计算和meta设置视口设置　　13、独立开发简单的移动端页面　　14、熟练使用办公软件制作对应的主体内容　　15、对于计算机的基础配置内容认识和熟悉

　　16、掌握JS的基本用途　　17、掌握基本的编程方法　　18、掌握DOM操作　　19、掌握jQuery样式操作　　20、掌握瀑布流布局　　21、掌握jQuery动画　　22、掌握JS与自定义属性的结合

　　23、掌握JS操作CSS3样式

前端学习路线图-基础阶段　二、专业阶段　　第一阶段：前端基本功一前端页面重构　　学习目标：　　1、应用markman、pxcook以及 Photoshop等工具，采用专业UI提供的设计稿，完成高质量的效果图界面开发；

　　2、通过HTML+CSS开发标准，高质量的还原各大游戏、商城、新闻类型项目的PC端页面开发；　　3、在原有静态PC布局页面的基础上，应用HTML5+CSS3技术，完成高端炫酷的页面展示和交互特效；　　4、使用2D/3D，完成平面和立体的展示也交互效果；

　　5、掌握响应式页面设计和多端适配方案掌握能力：　　1、掌握HTML+CSS　　2、掌握HTML5+CSS3　　3、熟练PC端页面布局　　4、熟练移动端页面布局可从事的岗位：　　《前端实习生》、《初级web前端开发工程师》。

前端学习路线图-专业阶段第二阶段：前端内功一JavaScript基础+进阶修炼+全栈开发　　掌握能力：　　1、掌握原生JavaScript交互功能开发、掌握面向对象进阶与ES5、ES6、ES7、ES8、ES9、ES10、ES11、ES12应用、掌握JavaScript工具库开发

　　2.、掌握经典交互特效开发、掌握Echarts数据可视化、掌握Node+MongoDB后端基础　　3、掌握前端模块化应用可从事的岗位：《Web前端工程师》、《高级Web前端工程师》、《网站开发工程师》、《移动前端开发工程师》

前端学习路线图-专业阶段第三阶段：前端实战一Vue.js +React+小程序开发　　学习目标：　　1、熟练掌握Vue3选项式API　　2、Vue2到Vue3的移植　　3、学会如何使用组合式API开发应用

　　4、学会能够基于Vite2+SFC+VueRouter4+Vuex4开发B端项目　　5、掌握基于Vue3的B端项目全息开发流程　　6、学会能够基于Vite2+SFC+TS+VueRouter4+Pinia2开发C端项目

　　7、掌握Vue3+TS开发项目　　8、掌握基于Vue3的C端项目全息开发流程　　9、学员根据企业真实项目需求研发B端和C端项目　　10、掌握React 18基础知识　　11、全面掌握hooks 使用方法、技巧和场景

　　12、掌握Redux使用方法、技巧和场景　　13、能够应用CRA+React+Redux+TS+Antd开发B端项目　　14、掌握基于React 的B端项目全息开发流程　　15、全面掌握Umi框架　　16、能够应用Umi开发系统项目

　　17、能够应用CRA+React+Mobx+Antd-mobile开发B端项目　　18、学会如何应用Next 优化项目　　19、具备小程序页面布局的能力　　20、具备小程序异步请求的能力　　21、掌握小程序框架

　　22、掌握自定义组件　　23、熟练使用WeUl组件库　　24、具备小程序登录授权开发能力　　25、熟练掌握小程序硬件交互能力　　26、熟练掌握小程序地图插件调用能力　　27、掌握消息订阅以及推送功能

　　28、了解小程序云开发　　29、掌握uni-app混合框架　　30、掌握Taro多端小程序框架　　31、多端小程序(支付宝，百度，字节跳动)应用掌握能力：　　1、熟练掌握Vue3　　2、能轻松驾驭Vue2

　　3、能深入理解为什么使用组合式API　　4、掌握组合式API项目开发中核心的知识和工具　　5、学会如何应用Vue技术栈开发企业B端项目　　6、能够胜任应用Vue做企业项目研发　　7、全面掌握Reactl8应用技术

　　8、理解Umi的应用开发场景和技术选型依据　　9、能够应用Umi开发B端项目　　10、学会如何应用React完成C端项目研发　　l1、能够胜任应用Vue做企业项目研发　　12、掌握原生小程序开发　　13、掌握第3方框架实现跨端和跨平台小程序开发

　　14、使用框架完成项目操作可从事岗位：《Web前端开发工程师》、《高级前端工程师》、《全栈开发工程师》、《微信开发工程师》、《小程序开发工程师》、《Uniapp开发工程师》

前端学习路线图-专业阶段三、项目阶段

前端学习路线图-项目阶段　　四、职后阶段

前端学习路线图-职后阶段可从事的岗位：《数据可视化开发工程师》、《资深大前端工程师》前端核心框架

前端核心框架前端技术点应用

前端技术点应用前端职场晋升路线

前端职场晋升路线　　随着大前端概念的兴起，不仅会成为移动开发与Web前端的发展趋势，也将会是未来的显示设备终端的开发技术趋势无论是从职位数量、就业广度，还是使用语言排行榜来看，远远超过其他语言>>更多详细。

前端学习路线相关内容，请点击：自学前端开发路线图（完整版最新汇总）含各个阶段重点前端学习路线图（2023尝鲜详尽版）小白们的福利！想要获得高清图片或者更多学习资料的小伙伴，可进入官网或者下方留言免费获取呦！

举报/反馈