【课程介绍】
具备中后台管理系统开发能力,已成为优秀前端工程师的标配。本课程将基于React18 全家桶+Vite4.0+Typescript4.0,带你从需求分析、业务核心实现到性能优化,全流程打造“幕幕货运”后台管理系统。你将学到复杂业务拆解、权限方案设计、性能调优、上传下载、 大屏设计、地图应用、暗黑主题、订单统计、业务组件封装、自定义Hook、函数封装等满满干货。线上体验:http://driver.marsview.cc
【课程目录】
第1章 【学前概览】这里有你需要了解的一切
第2章 【项目准备】项目需求分析、前端开发环境搭建
2-1 需求分析(开发流程、课程介绍)
2-2 技术选型(技术角度、面向用户、UI框架选择)
2-3 本次课程选型思考
2-4 创建Vite项目
2-5 项目配置(editorconfig、npm、yarn)
2-6 Prettier配置讲解
2-7 ESLint问题说明
2-8 Eslint配置讲解
2-9 Vite配置讲解
2-10 【资料梳理】ESLint配置
2-11 【资料梳理】editorconfig配置
2-12 【资料梳理】Prettier配置
2-13 【资料梳理】Yarn 和 Npm 配置
第3章 【React入门】掌握JSX和常用Hook开发,一学就会
3-1 初识ReactHook(本章概览、Vue和React对比)
3-2 React JSX语法讲解(变量、条件、样式、循环、属性传递)
3-3 ReactHook基本介绍
3-4 useState语法讲解(字符串、数字、数组、对象动态更新)
3-5 useState到底是同步更新还是异步更新
3-6 useEffect语法讲解(模拟生命周期以及自定义Hook)
3-7 memo、useMemo和useCallback案例讲解
3-8 useContext和useReducer案例演示
3-9 useRef基础语法讲解
3-10 useTransition 过渡使用
3-11 前端常用调试技巧
3-12 重难点梳理
3-13 【资料梳理】Hook开发规则
3-14 【资料梳理】React入门到进阶
3-15 【资料梳理】useContext 和 useReducer
3-16 【资料梳理】useEffect语法讲解
3-17 【资料梳理】useMemo_useCallback
3-18 【资料梳理】useRef
3-19 【资料梳理】useState语法讲解
3-20 【资料梳理】React 调试
3-21 【阶段练练练】用JSX实现一个TODO-LIST功能
第4章 【TS入门】基础类型、泛型、元组、接口、函数、联合类型以及交叉类型等一网打尽
第5章 【React-Router6.0进阶】路由全方位学习,从此不迷路
第6章 【加薪秘籍】系统架构设计
第7章 【项目实战】实现登录、自定义主题、CSS-Module和局部控制Loading
第8章 【项目实战】菜单递归渲染和容器布局开发,实现欢迎首页
第9章 【项目实战】基于Echarts实现一个工作台页面
内容更新中
第10章 【项目实战】弹框组件封装和组件性能优化,实现用户管理页面
内容更新中
第11章 【项目实战】实现部门树形列表CRUD功能
内容更新中
第12章 【项目实战】菜单动态生成、渲染
内容更新中
第13章 【项目实战】角色模块实战、RBAC权限设计、路由守卫
内容更新中
第14章 【项目实战】实现地图打点、订单轨迹、订单大屏功能
内容更新中