JavaEE
黑马程序员前端学习路线图（2023官方完整版）
0基础快速进阶自学必备，下方含全套视频+源码资料
-
一、基础入门01
掌握 HTML 5 标签搭建页面结构HTML 技术 标签语法排版标签语义化SEO
掌握 PC 端网页制作和布局能力CSS3 网页布局 选择器盒模型浮动定位过渡精灵图
掌握移动端网页制作和布局能力移动 Web 布局 FlexREM媒体查询vw/vhBootstrapLess字体图标平面转换3D 转换动画
阶段案例实战
* 学成在线（PC 端） * 小兔鲜儿电商（PC 端 + 移动端） * 喜马拉雅（PC 端） * 优酷首页（移动端） * 腾讯全端（响应式）课程视频 1、HTML+CSS 从入门到精通 -
二、技术进阶02
掌握JavaScript语言和基本编程思想JavaScript 开发 ES5ES6ES7ES8ES9ES10ES11ES12
掌握常用的网页交互技术网页交互 DOM 操作网页特效事件
掌握前后端交互的能力数据交互 & 异步编程 ajaxaxiosPromiseasyncEventloop
阶段案例实战
* 小兔鲜商品详情 * 小米购物车 * 聊天机器人 * 通讯录 * 黑马换肤 * 图书管理PC端综合实战项目数据看板 + CMS 系统 API 接口BootstrapEchartsTokenAxios
-
三、Vue 开发03
为学习框架做技术支撑框架前置课 Node.js模块化npmwebpack
掌握 Vue 2.x 开发必备技能Vue2.x 核心技术 指令系统常用选项组件化组件通讯插件
H5端面经浏览+PC端内容管理系统面经全端项目（Vue2.x全家桶） vue clivue-routervuexElementvantaxios
智慧园区+3D大屏微前端应用黑马智数项目 （微前端+Vue2+Vue3） Vue2.x 全家桶vue-admin-templateRBAC组件封装国际化性能分析Vue3.xVite3D模型qiankun 微前端
掌握 Vue3.x 新特性与 TypeScript 核心语法Vue3.x + TypeScript Pinia类型约束泛型枚举TS+组合式 APITS+Axios
移动端在线医疗项目Vue3.x+TS 优医问诊项目 Vue3.x 全家桶TypeScriptPiniaVantSocketIO三方登录&支付高德地图gitlabCIVitest 测试
掌握 Vue2&Vue3 底层原理Vue 原理 响应式数据虚拟DOMDiff算法AST语法树Vue3响应式系统render和template
阶段项目实战
* 极客园项目（vue2.x全家桶） * 人力资源项目（vue2.x全家桶） * 神领物流（vue2.x全家桶） -
四、React & 小程序开发04
掌握原生微信小程序开发享+生活原生小程序项目 原生小程序微信 API 详解腾讯地理定位服务VantUI 应用
掌握跨平台小程序的开发小兔鲜儿电商uni-app小程序项目 uni-appVue3+TypeScript组件封装及通信微信支付/登录
掌握 React 核心语法React.js 核心技术 JSX组件及组件通讯虚拟 DOM生命周期记账本案例
阶段项目实战
* 神领物流-司机端App -
五、面试与就业05
掌握职场通识做好面试准备职业发展课 职场通识面试攻略简历指导模拟面试
掌握面试常见技术问题就业加强课 常见算法浏览器原理Vue 原理React 原理
课程视频 1、JavaScript面试专题课拓展资料
* 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%+公司的招聘需求，并具备网页端和移动端项目研发经验。
阶段五面试就业：能够完善简历，轻松应对企业面试场景与面试题目。