【课程介绍】

具备中后台管理系统开发能力,已成为优秀前端工程师的标配。本课程将基于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章 【项目实战】实现地图打点、订单轨迹、订单大屏功能

内容更新中

声明:猿学谷是一个资源分享和技术交流平台,本站所发布的一切视频,文章,软件,书籍资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络以及用户发布,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如若本站内容侵犯了原著者的合法权益,可联系我们QQ客服 3063867102 进行处理。