千锋教育
-10-:39北京北京千锋互联科技成都分公司官方帐号,教育领域创作者 #前端学习路线图#前端学习路线主要分为基础阶段、专业阶段、项目阶段、职后阶段四大阶段，其中：第一阶段是基础阶段，该阶段包含：软件安装--项目开发流程--HTML常用标签--CSS--盒子模型--浮动属性--PC端页面布局--office软件--JS--编程方法--DOM--jQuery--impress.js插件。
第二阶段是专业阶段，该阶段包含：前端页面重构---JavaScript基础+进阶修炼+全栈开发--Vue.js+React+小程序开发。
第三阶段是项目阶段，该阶段包含基于Node.js后台管理系统--基于Vue.jsWebAPP开发/基于Vue.js管理信息系统--基于ReactWebAPP开发/基于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、掌握React18基础知识
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前端开发工程师》、《高级前端工程师》、《全栈开发工程师》、《 三、项目阶段
前端学习路线图-项目阶段四、职后阶段
前端学习路线图-职后阶段可从事的岗位：《数据可视化开发工程师》、《资深大前端工程师》
前端核心框架
前端核心框架前端技术点应用
前端技术点应用前端职场晋升路线
前端职场晋升路线随着大前端概念的兴起，不仅会成为移动开发与Web前端的发展趋势，也将会是未来的显示设备终端的开发技术趋势。无论是从职位数量、就业广度，还是使用语言排行榜来看，远远超过其他语言。
更多详细前端学习路线相关内容，
想要获得高清图片或者更多学习资料的小伙伴，可进入