互联网广告业务可以说是每个大型互联网公司中的核心业务,广告营销是互联网公司盈利的一个非常重要的方式。本章将会介绍大型互联网公司广告营销方面常用策略及方式,同时介绍广告营销业务背后的核心技术。1-1 导学(课程简介) (12:32)1-2 课程大纲及学习路线 (09:38)1-3 互联网广告及其背后的技术 (10:14)
第2章 从零到一完成前端工程架构之基础篇本章将会介绍如何从零到一完成一个前端工程,包括使用webpack初始化一个前端工程,eslint配置,typescript配置,react-router配置,基础组件库antd配置等。2-1 初始化一个React前端工程(上) (19:27)2-2 初始化一个React前端工程(下) (21:04)2-3 git提交规范 (11:06)2-4 eslint相关配置 (08:35)2-5 Typescript相关配置 (17:46)2-6 前端路由 React Router 相关配置-上 (04:40)2-7 前端路由 React Router 相关配置-中 (11:19)2-8 前端路由 React Router 相关配置-下 (08:39)2-9 基础组件库 antd 相关配置 (04:20)2-10 本章小结 (01:44)
第3章 从零到一完成前端工程架构之进阶篇一个好的前端工程可以大大提升开发效率,同时提升代码稳定性和规范性。本章将会介绍如何做前端工程架构的优化,包括打包性能优化,打包文件拆分,mock配置等。3-1 js 与 css 文件打包分离 (11:49)3-2 本地mock配置(上) (13:18)3-3 本地mock配置(下) (08:26)3-4 远程 mock 配置(上) (09:02)3-5 远程 mock 配置(下) (12:28)3-6 前端工程性能优化(本小节留有课后作业) (15:01)3-7 前端工程开发代码工具库配置(上) (10:05)3-8 前端工程开发代码工具库配置(下) (06:44)3-9 本章小结 (02:07)
第4章 慕课营销平台页面开发本章将会介绍如何做大型项目页面的开发,体会互联网大厂资深前端工程师在大型项目中页面开发时的思路,包括页面布局与组件设计原则、父子组件的通信机制、如何实现交互复杂的业务组件等。4-1 页面布局与组件设计(上) (07:49)4-2 页面布局与组件设计(中) (12:34)4-3 Header 组件开发(上) (16:41)4-4 页面布局与组件设计(下) (10:45)4-5 Header 组件开发(下) (16:12)4-6 DataTrend 组件开发(上) (12:05)4-7 DataTrend 组件开发(中) (12:16)4-8 DataTrend 组件开发(下) (10:20)4-9 PromotionCard 组件开发(上) (09:31)4-10 PromotionCard 组件开发(下) (06:53)4-11 ProductCard 组件开发 (09:11)4-12 Account 组件开发 (08:33)4-13 本章小结 (05:31)
第5章 慕课营销平台搜索推广页面开发本章将会介绍慕课营销平台搜索推广页面的开发,重点介绍如何做页面中组件及代码的复用,如何做到代码开发的高效与可维护。5-1 搜索推广页面布局与组件设计(上) (11:20)5-2 搜索推广页面布局与组件设计(下) (10:31)5-3 Header 及 DataTrend 组件复用(上) (11:30)5-4 Header 及 DataTrend 组件复用(下) (12:21)5-5 搜索推广页 Account 组件开发 (11:54)5-6 WaveAnalysis 组件开发(上) (08:50)5-7 WaveAnalysis 组件开发(中) (15:15)5-8 WaveAnalysis 组件开发(下) (18:25)5-9 UserPortrait 组件开发及 Footer 组件复用 (17:57)5-10 UserPortrait 组件开发及 Footer 组件复用 (17:57)5-11 本章小结 (03:55)
第6章 使用 React Context 实现应用状态管理本章将会介绍React官方为我们提供的公共状态管理工具React Con-text,并且使用React Context来完成应用中全局状态的管理。了解React Context的使用方式,也会为我们后面探究react-redux和mobx-react工具的内部原理有一定的帮助。6-1 React 中的状态管理 (05:28)6-2 认识 React Context (15:20)6-3 使用 React Context 实现公共状态管理(上) (16:39)6-4 使用 React Context 实现公共状态管理(下) (04:55)6-5 前端工程性能优化(上) (08:03)6-6 前端工程性能优化(下) (15:09)6-7 本章小结 (05:35)
第7章 使用 Redux 实现应用状态管理本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如redux-thunk和redux-saga中间件的使用等。7-1 认识 Redux (08:31)7-2 跟着官方文档学习 Redux(上) (09:26)7-3 跟着官方文档学习 Redux(中) (09:47)7-4 跟着官方文档学习 Redux(下) (11:05)7-5 通过官方demo学习 Redux (11:15)7-6 使用 React-Redux 优化计数器应用程序(上) (11:07)7-7 使用 React-Redux 优化计数器应用程序(下) (09:39)7-8 通过 redux-thunk 了解 Redux 中间件(上) (08:59)7-9 通过 redux-thunk 了解 Redux 中间件(下) (18:25)
第8章 使用 Mobx 实现应用状态管理本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如中间件的使用等。
第9章 Redux 和 Mobx 原理解析本章将会介绍Redux 和Mobx 的内部运行机制,核心内容包括 a. Redux 和Mobx 内部如何维护state并监听state的变化 b. state发生变化后,Redux 和Mobx 如何让view 层进行更新渲染 c. react-redux和mobx-react中Provider组件的实现原理
第10章 课程总结本章将会介绍本门课程做一个整体的总结。