React.js 入门与实战之开发适配PC端及移动端新闻头条平台课程上线了
2017-06-21 23:35
686 查看
原文发表于我的技术博客
我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,文章中是目前整个课程的大纲,以后此课程还会保持持续更新,此大纲文档也会保持更新,备查。
原文发表于我的技术博客
课程地址:http://coding.imooc.com/class/83.html
紧跟前沿新技术:不仅仅介绍了 React 的知识,也从前端开发的层面给大家讲解了一些开发技巧以及后期的性能优化知识。
基础与实战相结合:课程按照5分理论5分实战。在实战中大家更能加深对基础知识的理解。
分集的源码提供:课程每一节课都有单独的源码打包提供,解决了小白同学对于环境以及糅合在一起的代码的困惑,课程里讲到那里,就有一个单独的源代码文件夹供同学下载学习,和课程完全一样。
超级全面的思维导图:在课程的最后给同学们提供了一个超级大的思维导图,所有的课程重点难点我们都记录在了这个思维导图中,我也相信这个文件将帮同学们很好地梳理好课程中的疑难点。在后续的QQ 群交流中我也将根据大家的学习反馈及时地更新这个非常有意义的思维导图。
前置知识点梳理
React Starter Pack 下载使用与 React 初体验
NodeJS 安装
NPM 配置国内源
webpack 热加载配置(上)
webpack 热加载配置(中)
webpack 热加载配置(下)
Chrome React 插件使用
React 开发相关 Atom 插件配置
React 组件
React 多组件嵌套
JSX 内置表达式
生命周期
Props 属性
事件与数据的双向绑定
可复用组件
组件的 Refs
独立组件间共享 Mixins
内联样式中的表达式
CSS 模块化
JSX 样式与 CSS 的互转
Ant Design 样式框架介绍
Ant Design 样式框架使用
Router 参数传递
Ant Design 框架的引入
头条新闻的数据接口简介
测试环境介绍
移动端页头组件开发
PC 端页脚组件开发
移动端页脚组件开发
移动端注册功能模块开发
PC 端登录功能模块开发
移动端登录功能模块开发
退出登录功能完善
移动端导航栏模块开发
首页模块划分
PC 端首页模块布局开发(上)
PC 端首页模块布局开发(中)
PC 端首页模块布局开发(下)
移动端首页模块布局开发(上)
移动端首页模块布局开发(中)
移动端首页模块布局开发(下)
PC 端详情页面开发(中)
PC 端详情页面开发(下)
移动端详情页面开发
评论模块开发(上)
评论模块开发(中)
评论模块开发(下)
移动端评论模块开发
PC 端用户收藏功能开发(上)
PC 端用户收藏功能开发(下)
移动端用户收藏功能开发
移动端用户个人中心开发
个人头像的上传与处理
个人收藏文章列表开发(上)
个人收藏文章列表开发(下)
个人评论列表开发(上)
个人评论列表开发(下)
项目重要知识点回顾
网页优化军规介绍、插件(下)
下拉刷新加载数据
Redux 简介与实例演示
页面表单、图表、图标框架
React 相关知识点的梳理
NodeJS 的概念、安装与国内源的配置
使用 NPM 配置 React 项目
webpack 的概念、安装与配置
开发工具 Atom 的安装与插件配置
虚拟 DOM 的理解
React 的所有基本知识点
React 中的样式模块化
Ant Design 框架的熟练掌握
网站的项目开发流程及技术要点
快速地适配 PC 端与移动端
PC 端与移动端的开发快速调试
网页性能优化技巧
超级全面的 React 学习思维导图
分集的源代码完整打包
我在慕课网的「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 开发工具与必要组件
开发工具 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 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 学习思维导图
分集的源代码完整打包
相关文章推荐
- React新闻头条项目实战React.js入门基础与案例开发
- React.js 入门与实战课程思维导图
- 阿里云大学明星课程:React前端开发入门与实战
- 【Facebook的UI开发框架React入门之四】index.ios.js解读(iOS平台)-goodmao
- 《Cocos2d-x实战 JS卷 Cocos2d-JS开发》上线了-源码-样章-感谢大家的支持
- 【Facebook的UI开发框架React入门之二】开发环境搭建(iOS平台)-goodmao
- reactjs入门到实战(九)----ajax的应用
- 为React Native开发写的JS和React入门知识
- 《Cocos2d-x实战 JS卷 Cocos2d-JS开发》上线了
- 前端开发入门:框架篇-ReactJS入门学习
- Splunk企业级运维智能&大数据分析平台新手入门视频课程上线
- Android平台MVP开发模式实战入门
- reactjs入门到实战(五)---- props详解
- reactjs入门到实战(七)---- React的组件的生命周期
- 精选在线课程:前端开发入门、进阶与实战(中文系列)
- Java 入门课程视频实战-初级 上线了,猜拳游戏,ATM实战,欢迎围观
- 【Facebook的UI开发框架React入门之六】单个View的布局与样式Style简介(iOS平台)-goodmao
- 【Facebook的UI开发框架React入门之七】多View布局与样式Style简介(iOS平台)-goodmao
- NodeJS前端开发日记(2)AngularJS+Jade入门实战
- Java 入门课程视频实战-0基础 上线了,猜拳游戏,ATM实战,欢迎围观