React.js 入门与实战之开发适配PC端及移动端新闻头条平台课程上线了

原文发表于我的技术博客

我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了，文章中是目前整个课程的大纲，以后此课程还会保持持续更新，此大纲文档也会保持更新，备查。
原文发表于我的技术博客

1. 课程简介

在此 React 入门与实战课程中，主要使用的课程结构是 React 基本概念与实战结合。课程从 React 的简介讲起，在正式开始学习 React 前将对目前火热的前端知识点进行了梳理，包括基础的 JS、ES5 / ES6、CSS、HTML5，也包含了NodeJS的简介与安装、开发环境热加载组件 webpack 的简介安装与配置，甚至包括前端开发工具Atom 及其相关插件都进行了详细的介绍。这些知识也是前端开发最先进、必备的知识点，此课程种都进行了相关的介绍与实战演示。

课程地址：http://coding.imooc.com/class/83.html

2. 课程特色

• 上手更直观：前期只需掌握JavaScript，HTML和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 开发工具与必要组件

• 开发工具 Atom
• React 开发相关 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 Router

• Router 概念
• 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 学习思维导图
• 分集的源代码完整打包