JavaEE
黑马程序员前端学习路线图（2022最新官方完整版）
0基础快速进阶自学必备，下方含全套视频+源码资料
-
一、基础入门01
掌握 HTML 5 标签搭建页面结构HTML 技术 标签语法排版标签语义化SEO
掌握 PC 端网页制作和布局能力CSS3 网页布局 选择器盒模型浮动定位过渡精灵图
掌握移动端网页制作和布局能力移动 Web 布局 FlexREM媒体查询vw/vhBootstrapLess字体图标平面转换3D 转换动画
阶段案例实战
* 学成在线（PC 端） * 小兔鲜儿电商（PC 端 + 移动端） * 游乐园首页（PC 端） * B 站首页（移动端） * 腾讯全端（响应式） -
二、技术进阶02
掌握JavaScript语言和基本编程思想JavaScript 开发 ES5ES6ES7ES8ES9ES10ES11ES12
掌握常用的网页交互技术网页交互 DOM 操作网页特效事件
掌握前后端交互的能力数据交互 & 异步编程 ajaxaxiosPromiseasyncEventloop
阶段案例实战
* 小米搜索 * 微博发布 * 随机点名器 * 聊天机器人 * 图书管理综合项目实战立可得数据看板 + CMS 系统 API接口axiosEchartsJWT
-
三、Vue 开发03
为学习框架做技术支撑框架前置课 Node.js模块化npmwebpack
掌握 Vue 2.x 开发必备技能Vue2.x 核心技术 指令系统常用选项组件化组件通讯插件
内容管理系统CMS项目（Vue2.x 全家桶） vue clivue-routervuexElementaxios
企业中台综合 B 端项目iHRM项目 （Vue2.x 全家桶） Vue2.x 全家桶vue-admin-templateRBAC组件封装国际化性能分析Excel 导入导出
完善的电商平台业务Vue 3.0 小兔鲜儿电商项目 Vue3.x 全家桶Composition APISKU第三方登录支付本地与线上购物车无限列表
-
四、React & 小程序开发04
掌握 React 核心语法React.js 核心技术 JSX组件及组件通讯虚拟 DOM生命周期
资讯类产品后台管理系统极客园 PC 端项目 hooksreduxreact-routerantd
掌握TypeScript核心语法和实战应用TypeScript 开发 类型泛型ts+hooksts+reduxts+router
头条类资讯交流平台极客园移动端项目 typescripthooksreduxrouterlodashant-mobilewebsocket组件缓存性能优化
掌握跨平台小程序的开发黑马优购微信商城 uni-app组件封装及通信微信支付/登录状态管理数据缓存
-
五、面试与就业05
掌握职场通识做好面试准备职业发展课 职场通识面试攻略简历指导模拟面试
掌握面试常见技术问题就业加强课 常见算法浏览器原理Vue 原理React 原理
拓展资料
* MDN Web 文档 * Vue.js 官网 * React.js 官网 * npmjs.com * Webpack 官网 * Node.js 官网 * ElementUI 官网 * Ant Design 官网 * Ant Design Pro 官网 * Ant Design Mobile 官网
学习路线图说明
阶段一基础入门：入门前端工程师的必备技能，能够完成PC端和移动端的静态页面，具备1:1还原设计图的能力。
阶段二技术进阶：进阶成为合格的初级前端工程师，能够实现页面的交互效果，实现与后端的数据联通。
阶段三Vue开发：成为中高级前端工程师的核心能力，能够实现企业级项目的功能需求，并具备内容管理系统、企业中台以及电商平台的项目经验。
阶段四React & 小程序开发：成为中高级前端工程师的进阶技能，能够满足市面上90%+公司的招聘需求，并具备网页端和移动端项目研发经验。
阶段五面试就业：能够完善简历，轻松应对企业面试场景与面试题目，成功获得心仪的offer。