导图社区 前端学习路线图2022
本导图主要介绍了新手程序员该如何学习前端技术,从简单到困难,知道进入梦寐以求的大厂。
这是一篇关于《不懂合伙,必定散伙》读书笔记的思维导图,主要内容包括:合伙的时代背景与重要性,合伙人选择,股权设计,合伙规则,矛盾化解,失败案例。
这是一篇关于数据治理服务解决方案的思维导图,主要内容包括:实施路径,数据治理总目标,数据治理体系建设。
这是一篇关于从喜剧演员到乌克兰掌舵人:泽连斯基的多维剖析的思维导图,主要内容包括:基本信息,他的经历,部分语录,他的作品,所获荣誉,人物评价,重大事件。
社区模板帮助中心,点此进入>>
项目时间管理6大步骤
项目管理的五个步骤
电商部人员工作结构
暮尚正常运转导图
产品经理如何做好项目管理
车队管理
创业者10条创业经
创业十大思维误区
管培生课程作业
商业模型
前端学习路线图2022
1. 基础入门
1.1. 掌握 HTML 5 标签搭建页面结构
HTML 技术
标签语法
排版标签
语义化
SEO
1.2. 掌握 PC 端网页制作和布局能力
CSS3 网页布局
选择器
盒模型
浮动
定位
过渡
精灵图
1.3. 掌握移动端网页制作和布局能力
移动 Web 布局
Flex
REM
媒体查询
vw/vh
Bootstrap
Less
字体图标
平面转换
3D 转换
动画
1.4. 阶段案例实战
PC 端
PC 端 + 移动端
移动端
响应式
2. 技术进阶
2.1. 掌握JavaScript语言和基本编程思想
JavaScript 开发
ES5
ES6
ES7
ES8
ES9
ES10
ES11
ES12
2.2. 掌握常用的网页交互技术
网页交互
DOM 操作
网页特效
事件
2.3. 掌握前后端交互的能力
数据交互 & 异步编程
ajax
axios
Promise
async
Eventloop
2.4. 阶段案例实战
2.5. 综合项目实战
3. Vue 开发
3.1. 为学习框架做技术支撑
框架前置课
Node.js
模块化
npm
webpack
3.2. 掌握 Vue 2.x 开发必备技能
Vue2.x 核心技术
指令系统
常用选项
组件化
组件通讯
插件
3.3. 内容管理系统
CMS项目(Vue2.x 全家桶)
vue cli
vue-router
vuex
Element
3.4. 企业中台综合 B 端项目
iHRM项目 (Vue2.x 全家桶)
Vue2.x 全家桶
vue-admin-template
RBAC
组件封装
国际化
性能分析 Excel 导入导出
3.5. 完善的电商平台业务
Vue 3.0 电商项目
Vue3.x 全家桶
Composition API
SKU 第三方登录
支付
本地与线上购物车
无限列表
4. React & 小程序开发
4.1. 掌握 React 核心语法
React.js 核心技术
JSX
组件及组件通讯
虚拟 DOM
生命周期
4.2. 资讯类产品后台管理系统
PC 端项目
hooks
redux
react-router
antd
4.3. 掌握TypeScript核心语法和实战应用
TypeScript 开发
类型
泛型
ts+hooks
ts+redux
ts+route
4.4. 资讯交流平台
移动端项目
typescript
router
lodash
ant-mobile
websocket
组件缓存
性能优化
4.5. 掌握跨平台小程序的开发
微信商城
uni-app
组件封装及通信
微信支付/登录
状态管理
数据缓存
5. 面试与就业
5.1. 掌握职场通识做好面试准备
职业发展课
职场通识
面试攻略
简历指导
模拟面试
5.2. 掌握面试常见技术问题
就业加强课
常见算法
浏览器原理
Vue 原理
React 原理