JavaEE
2025最新版 入门 - 高级 前端工程师 最优学习路线图
黑马程序员最新出品 含视频 + PPT + 练习 + 全套代码
-
一、基础入门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 微前端
掌握 Vue2&Vue3 底层原理Vue 原理 响应式数据虚拟DOMDiff算法AST语法树Vue3响应式系统
阶段项目实战
* 极客园项目（vue2.x全家桶） * 人力资源项目（vue2.x全家桶） * 神领物流（vue2.x全家桶） -
四、小程序&多端开发04
掌握原生微信小程序开发享+生活原生小程序项目 原生小程序微信 API 详解腾讯地理定位服务VantUI 应用
掌握跨平台多端开发优医问诊APP（uni-app） uni-appVue3+Pinia组件封装微信支付/登录即时通信地图服务
阶段项目实战
* 智慧商城小程序 * 小兔鲜儿电商小程序 -
五、鸿蒙应用开发05
掌握鸿蒙开发必备技能鸿蒙应用开发核心技术 ArkTSArkUl基础组件及容器组件自定义组件组件化及组件状态生命周期
掌握鸿蒙原生应用开发美蔑商城鸿蒙原生应用 一次开发，多端部署三层工程架构设备断点适配电商业务Hybrid混合开发WLAN和多媒体技术使用华为应用生态使用
课程视频 1、TypeScript零基础入门到实战 -
六、React&面试与就业06
掌握 React 核心语法React.js 核心技术 JSXHooks组件通信ReduxRedux-Toolkit
PC端自媒体项目极客园自媒体项目（React+TS） ReactTypeScriptViteZustandReactRouterQuill
掌握职场通识做好面试准备职业发展课 职场通识面试攻略简历指导模拟面试
掌握面试常见技术问题就业加强课 常见算法浏览器原理Vue 原理React 原理
拓展资料
* MDN Web 文档 * Vue.js 官网 * React.js 官网 * npmjs.com * Webpack 官网 * Node.js 官网 * ElementUI 官网 * Vant 官网 * Ant Design 官网 * Ant Design Pro 官网 * Ant Design Mobile 官网
学习路线图说明
阶段一基础入门：入门前端工程师的必备技能，能够完成PC端和移动端的静态页面，具备1:1还原设计图的能力。
阶段二技术进阶：进阶成为合格的初级前端工程师，能够实现页面的交互效果，实现与后端的数据联通。
阶段三Vue开发：成为中高级前端工程师的核心能力，能够实现企业级项目的功能需求，并具备开发内容管理系统、企业后台等项目的经验。
阶段四小程序&多端开发：成为中高级前端工程师的必备能力，能够满足市面上90%+公司的招聘需求，并具备移动端项目研发经验。
阶段五鸿蒙应用开发：开拓前端工程师职业新边界，具备从0-1开发鸿蒙4.0项目研发经验。
阶段六React&面试与就业：成为高薪中高级前端工程师的进阶技能，同时能够完善简历，轻松应对企业面试场景与面试题目。