JavaEE
黑马程序员前端学习路线图（2023官方完整版）
0基础快速进阶自学必备，下方含全套视频+源码资料
-
一、基础入门01
掌握 HTML 5 标签搭建页面结构HTML 技术 标签语法排版标签语义化SEO
掌握 PC 端网页制作和布局能力CSS3 网页布局 选择器盒模型浮动定位过渡精灵图
掌握移动端网页制作和布局能力移动 Web 布局 FlexREM媒体查询vw/vhBootstrapLess字体图标平面转换3D 转换动画
阶段案例实战
* 学成在线（PC 端） * 小兔鲜儿电商（PC 端 + 移动端） * 游乐园首页（PC 端） * B 站首页（移动端） * 腾讯全端（响应式） -
二、技术进阶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
企业中台综合 B 端项目iHRM项目 （Vue2.x 全家桶） Vue2.x 全家桶vue-admin-templateRBAC组件封装国际化性能分析Excel 导入导出
掌握Vue3新特性与TypeScript基础语法Vue3.x + TypeScript vite组合APIpinia类型泛型
移动端在线医疗项目Vue3.0优医问诊项目 Vue3.x 全家桶TypeScriptpiniavanttailwindcss即时通讯第三方登录&支付高德地图
-
四、React & 小程序开发04
掌握原生微信小程序&跨平台小程序的开发小兔鲜儿电商小程序项目 uni-appVue3+TypeScript组件封装及通信微信支付/登录
掌握 React 核心语法React.js 核心技术 JSX组件及组件通讯虚拟 DOM生命周期
掌握 TypeScript 实战应用TypeScript 开发 ts+hooksts+reduxts+router
头条类资讯交流平台极客园移动端项目 TypeScripthooksreduxrouterlodashantd-mobilewebsocket组件缓存性能优化
资讯类产品后台管理系统极客园 PC 端项目 TypeScriptumidvahooksantdantd-proumi-request
-
五、面试与就业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。