课程导读,介绍了课程的基本结构、课程的特点、最终实战项目演示、前置知识点以及源码打包结构和后期相关学习资料的更新方式。
共 2 节 (13分钟) 收起列表
对 React 进行了详细地简介并对课程的前置知识点进行了详细地梳理。
共 3 节 (22分钟) 展开列表
介绍了此课程中使用的 React 版本以及官网学习包 React Starter Pack 的下载与安装,并对 React 的框架运行进行了初体验。
共 2 节 (8分钟) 展开列表
对 NodeJS 进行了详细地介绍,并完整演示了 NodeJS 的安装过程。同时讲解了针对国内的网络环境如何去配置 NPM 加载国内源。
共 4 节 (20分钟) 展开列表
共计五个小节,讲解了使用 NPM 配置 React 的开发环境。并分三个小节课程由浅入深地讲解了前端必备组件 webpack 的热加载配置。同时还介绍了 React 开发的必备插件 Chrome React 插件。
共 5 节 (34分钟) 展开列表
讲解了开发工具 Atom 的基本使用,并用一个单独的章节介绍了 React 开发相关 Atom 插件配置,这将大大提高开发 React 项目的效率。
共 2 节 (14分钟) 展开列表
共计五个小节,详细讲解了 React 虚拟 DOM 概念、React 组件的概念、React 多组件嵌套、JSX 内置表达式、生命周期,并都有详细的源码演示。这些 React 组件基础是 React 最基础也是最重要的知识点。
共 5 节 (48分钟) 展开列表
共计六个小节,继续用概念和源码结合的方式对 State 属性、Props 属性、事件与数据的双向绑定、可复用组件、组件的 Refs、独立组件间共享 Mixins 这些重要的概念进行了深入地讲解与演示。
共 6 节 (61分钟) 展开列表
共计六个小节,还是用概念和源码结合的方式对 React 中的内联样式、内联样式中的表达式、CSS 模块化、JSX 样式与 CSS 的互转、Ant Design 样式框架介绍、Ant Design 样式框架使用这几个重要的知识点进行了讲解。
共 6 节 (66分钟) 展开列表
用一个独立的大章节介绍了 React 中的重要概念:React Router 概念以及 React Router 的参数传递。
共 2 节 (24分钟) 展开列表
实战项目初始化,分别用四个小节课程介绍了项目初始化、Ant Design 框架的引入、头条新闻的数据接口简介、测试环境介绍。
共 4 节 (21分钟) 展开列表
实战项目的页头页脚开发,分别包含了PC 端页头组件开发、移动端页头组件开发、PC 端页脚组件开发、移动端页脚组件开发,并且每个独立的章节对有对应的独立源码文件夹供下载学习。
共 4 节 (46分钟) 展开列表
共七个小节课程,分别实际源码演示开发了 PC 端注册功能模块开发(上中下)、移动端注册功能模块开发、PC 端登录功能模块开发、移动端登录功能模块开发、退出登录功能完善。
共 7 节 (72分钟) 展开列表
用九个小节的课程继续实战开发了 PC 端导航栏布局开发、移动端导航栏模块开发、首页模块划分、PC 端首页模块布局开发(上)、PC 端首页模块布局开发(中)、PC 端首页模块布局开发(下)、移动端首页模块布局开发(上)、移动端首页模块布局开发(中)、移动端首页模块布局开发(下)。...
共 9 节 (71分钟) 展开列表
继续用是十一个小节的课程继续实战开发了 PC 端详情页面开发(上)、PC 端详情页面开发(中)、PC 端详情页面开发(下)、移动端详情页面开发、评论模块开发(上)、评论模块开发(中)、评论模块开发(下)、移动端评论模块开发、PC 端用户收藏功能开发(上)、PC 端用户收藏功能开发(下)、移动端用户收藏功能开发...
共 11 节 (64分钟) 展开列表
进行了项目的最后收尾开发,实战演示了 PC 端用户个人中心开发、移动端用户个人中心开发、个人头像的上传与处理、个人收藏文章列表开发(上)、个人收藏文章列表开发(下)、个人评论列表开发(上)、个人评论列表开发(下)共七个小节的功能开发,且仍然提供了独立的源码文件夹供下载学习或二次开发。...
共 7 节 (51分钟) 展开列表
进行了整个实战项目的总结,并演示了在 React 中如何快速使用 HTML 代码块,同时将完整的课程思维导图分享给了大家。
共 1 节 (10分钟) 展开列表
简单讲解雅虎军规和工具。
共 2 节 (13分钟) 展开列表
本章讲解上拉刷新加载数据、下拉刷新加载数据组件,以及Redux 一些简介与一个小的实例演示。
共 4 节 (55分钟) 展开列表
此章节为课程后续更新,详细演示了如何将课程的项目从 Webpack 1 以及 React Router 2 的版本更新到最新的 Webpack 2 与 React Router 4 版本。 对于后续的版本更新以及开发过程中的问题快速解决都具有极强的参考意义。
共 4 节 (48分钟) 展开列表
此章节深入讲解了 React 最底层的 Virtual DOM,从产生的场景、原理以及底层算法都进行了详细的讲解,掌握最基础的设计才能更好地理解 React。并在讲解 Virtual DOM 与 React Diff 算法的基础上,完全一行一行带大家写了属于自己的 React 框架,加深对底层算法的理解。...
共 6 节 (74分钟) 展开列表
此章节全面讲解了 Webpack 2.0 的最常见使用技巧,从打包前的代码压缩、使用 Webpack 将项目代码与组件代码进行分离、项目生成 SourceMaps 与源码调试到非常实用的借助 Webpack 图表优化项目,都进行了实际的代码演示操作讲解,Webpack 作为前端开发必备框架,相信一定对你有很大的帮助和启发。...
共 4 节 (49分钟) 展开列表
此章节属于拓展章节,讲解了如果你需要部署在实战部分开发的 React 项目,你需要了解的服务器部署相关知识,如云服务器主要知识点、域名、DNS、HTTP 与 HTTPS 详解以及 React 项目部署的方案,这些软件开发人员从业的必备相关知识,超越 React 课程内容,但是绝对是你值得学习的相关知识体系。...
共 5 节 (30分钟) 展开列表
邱鹏源,先后在支付宝、Cuscapi就职,先后担任支付宝高级软件工程师、Cuscapi核心数据传输架构师等职务。饭妈妈创始人,技术博客推荐博主,微软技术社区精英,和微软合作录制过IE10的推广视频。多年软件开发经验(MIS,F&B),主要从事ASP.NET(C#),熟悉Web前端技术,擅长Web性能优化和调优,喜欢软件架构及项目管理。http://u2l.info/3iBXWX
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题