原文发表于我的技术博客我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了文章中是目前整个课程的大纲以后此课程还会保持持续更新此大纲文档也会保持更新备查。原文发表于我的技术博客1. 课程简介在此 React 入门与实战课程中主要使用的课程结构是 React 基本概念与实战结合。课程从 React 的简介讲起在正式开始学习 React 前将对目前火热的前端知识点进行了梳理包括基础的 JS、ES5 / ES6、CSS、HTML5也包含了NodeJS的简介与安装、开发环境热加载组件 webpack 的简介安装与配置甚至包括前端开发工具Atom 及其相关插件都进行了详细的介绍。这些知识也是前端开发最先进、必备的知识点此课程种都进行了相关的介绍与实战演示。课程地址http://coding.imooc.com/class/83.html2. 课程特色上手更直观前期只需掌握JavaScriptHTML和CSS知识点课程中手写每一行代码在介绍了大量的前端知识以及 React 的基本知识后接入一个比较大的实战项目进行技术演练 。紧跟前沿新技术不仅仅介绍了 React 的知识也从前端开发的层面给大家讲解了一些开发技巧以及后期的性能优化知识。基础与实战相结合课程按照5分理论5分实战。在实战中大家更能加深对基础知识的理解。分集的源码提供课程每一节课都有单独的源码打包提供解决了小白同学对于环境以及糅合在一起的代码的困惑课程里讲到那里就有一个单独的源代码文件夹供同学下载学习和课程完全一样。超级全面的思维导图在课程的最后给同学们提供了一个超级大的思维导图所有的课程重点难点我们都记录在了这个思维导图中我也相信这个文件将帮同学们很好地梳理好课程中的疑难点。在后续的QQ 群交流中我也将根据大家的学习反馈及时地更新这个非常有意义的思维导图。3. 课程大纲章节 01 课程介绍课程大纲与导读章节 02 React 简介React 简介课程前置知识点梳理章节 03 React 初体验课程 React 版本选择React Starter Pack 下载使用与 React 初体验章节 04 NodeJS简介与安装NodeJS 简介NodeJS 安装NPM 配置国内源章节 05 React 环境配置与调试技巧使用 NPM 配置 React 开发环境webpack 热加载配置上webpack 热加载配置中webpack 热加载配置下Chrome React 插件使用章节 06 开发工具与必要组件开发工具 AtomReact 开发相关 Atom 插件配置章节 07 React 组件基础React 虚拟 DOM 概念React 组件React 多组件嵌套JSX 内置表达式生命周期章节 08 React 属性与事件State 属性Props 属性事件与数据的双向绑定可复用组件组件的 Refs独立组件间共享 Mixins章节 09 React 样式内联样式内联样式中的表达式CSS 模块化JSX 样式与 CSS 的互转Ant Design 样式框架介绍Ant Design 样式框架使用章节 10 React RouterRouter 概念Router 参数传递章节 11 项目实战之开发环境初始化项目初始化Ant Design 框架的引入头条新闻的数据接口简介测试环境介绍章节 12 项目实战之页头页脚模块PC 端页头组件开发移动端页头组件开发PC 端页脚组件开发移动端页脚组件开发章节 13 项目实战之注册登录模块PC 端注册功能模块开发上中下移动端注册功能模块开发PC 端登录功能模块开发移动端登录功能模块开发退出登录功能完善章节 14 项目实战之首页模块PC 端导航栏布局开发移动端导航栏模块开发首页模块划分PC 端首页模块布局开发上PC 端首页模块布局开发中PC 端首页模块布局开发下移动端首页模块布局开发上移动端首页模块布局开发中移动端首页模块布局开发下章节 15 项目实战之详情模块PC 端详情页面开发上PC 端详情页面开发中PC 端详情页面开发下移动端详情页面开发评论模块开发上评论模块开发中评论模块开发下移动端评论模块开发PC 端用户收藏功能开发上PC 端用户收藏功能开发下移动端用户收藏功能开发章节 16 项目实战之个人中心模块PC 端用户个人中心开发移动端用户个人中心开发个人头像的上传与处理个人收藏文章列表开发上个人收藏文章列表开发下个人评论列表开发上个人评论列表开发下章节 17 项目实战之最后调优快速使用 HTML 代码块项目重要知识点回顾章节 18 网页性能调优技巧网页优化军规介绍上网页优化军规介绍、插件下章节 19 React 实用组件上拉刷新加载数据下拉刷新加载数据Redux 简介与实例演示页面表单、图表、图标框架4. 学习收获了解React 的发展、适用平台、基本概念React 相关知识点的梳理NodeJS 的概念、安装与国内源的配置使用 NPM 配置 React 项目webpack 的概念、安装与配置开发工具 Atom 的安装与插件配置虚拟 DOM 的理解React 的所有基本知识点React 中的样式模块化Ant Design 框架的熟练掌握网站的项目开发流程及技术要点快速地适配 PC 端与移动端PC 端与移动端的开发快速调试网页性能优化技巧超级全面的 React 学习思维导图分集的源代码完整打包