你将学到什么?
学习时间:约2个月(每周大约学习8小时)
先修知识:基础的HTML,CSS,掌握基础的JS语法
[{"title":"React基础","desc":["声明式编码","单向数据流传递","创建类组件","组件生命周期","Router组件使用","Linker组件使用","JXI","状态管理"]},{"title":"进阶特性","desc":["ES6规范","函数式编程","Ramda框架应用","React Hooks"]},{"title":"Redux状态管理","desc":["核心模型","与React集成","创建Redux Store","Redux中间件"]},{"title":"工程化及工具","desc":["Babel","Webpack","json server","charles","npm","Jest/Enzyme"]}]
你将参与哪些项目?
在线版“印象笔记” 难度:P3,P4 P层级介绍
在线版“得到周历” 难度:P4 P层级介绍
可视化页面"搭建器" 难度:P5,P6 P层级介绍
数据表格npm组件 难度:P5,P6 P层级介绍
体验React及JSX构建页面
更新UI界面及响应用户输入
搭建本地React项目
面向对象思想
ES6特性
数据源获取
Redux核心
Redux中间件
函数式编程
Ramda框架应用
Webpack,Babel工具学习
Jest,Enzyme单元测试框架的集成
在线版“印象笔记”
在线版“得到周历”
可视化页面"搭建器"
数据表格npm组件
为什么选择优课达?
课程大纲具体实现项目
第一部分:体验React在真实项目中的应用
认识现代前端的科技栈,并且使用组建化方式构建UI界面。同时你需要使用更加先进的移动端布局Flex完成与页面之间的交互,初步达到总览React框架的目标。
实战项目:
在线“印象笔记”项目(可七天试学)
完成一个在线版的“印象笔记”,除了支持最基本的副文本的编辑之外,还要支持Markdown语法,更加适合程序员使用。
进一步巩固本单元中所学习到的组建化构建UI,和Flex布局等知识点。
难度:P3,P4
试听
第二部分:React基础 可单独购买
掌握面向对象的基本编程思想,并且通过不断的练习熟练掌握ES6特性。这个部分中我们会与后端接口进行交互,获取真实的数据源来完成页面UI的渲染。
实战项目:
罗辑思维-周历
在本项目中,你将创建一个在线的“得到周历”。除了每周都会有得到老师的“心灵鸡汤”,还能记录你的每日安排以及本周的todoList @某个人 可以将对应的日程分享给他。
难度:P4
购买
第三部分:Redux及函数式编程
Redux作为管理状态的工具,你需要掌握Redux和React如何协同工作,当然课程也会涉及recompose,rxjs等基础课的学习。同时,我们会引入函数式编程的相关概念,让你更加深入的理解JS底层原理。
实战项目:
可视化页面"搭建器"
本项目我们会实现一个可视化的页面搭建器,让任何人都能搭建出优质的页面。页面中的所有图片,文字就如同乐高积木一样被慢慢的构建出来,几分钟之内轻松搞定一个页面的上线。
难度:P5,P6
购买
第四部分:开源组件——数据表格 (示例)
本项目会实现一个表格组件,具体的形式参考github中5K+的组件。本项目中我们刻意练习的知识点包含React Hooks,以及函数式编程的进阶内容;同时在项目的最后我们会将组件发布到npm仓库中,使你的组件有机会被其他开发者使用。
实战项目:
数据表格npm组件
本项目我们会实现一个可视化的页面搭建器,让任何人都能搭建出优质的页面。页面中的所有图片,文字就如同乐高积木一样被慢慢的构建出来,几分钟之内轻松搞定一个页面的上线。
难度:P5,P6
购买
讲师介绍
BAT大神亲自授课
大鱼
前端架构师
十几年专业前端开发和Web应用开发经验
专注于前端架构和Web开发最佳实践  
深耕编程语言和编程方法论      
15天完成试学项目《印象笔记》,将获得500元课程奖学金
https://qgt-style.oss-cn-hangzhou.aliyuncs.com/img/tokyo/COURSE-DETAIL/react-qrcode-hint.png
任务详情:
  • 完成项目大作业的提交,并且Review通过
  • 添加助教微信,完成作业的提交