扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
![](https://i-blog.csdnimg.cn/blog_migrate/a95089b5886005bc1baa39a380cf910c.png)
订阅后:请点击此处观看视频课程
视频教程-2019 react入门至高阶实战,含react hooks-ReactJS
学习有效期:永久观看
学习时长:904分钟
学习计划:16天
难度:低
「口碑讲师带队学习,让你的问题不过夜」
![](https://i-blog.csdnimg.cn/blog_migrate/5ad8da3622c6bd0e2309c73396d540fc.png)
讲师姓名:梁富城
开发组长/高级工程师
讲师介绍:从事前端开发近5年时间,曾任职于丽珠集团等大型企业担任高级前端开发工程师职位,积累了很多大厂的前端开发经验。 目前处于创业期,正在筹备自己的创业项目。 技能方面主要擅长react技术栈,nodejs技术栈,graphql技术栈,以及docker,nginx等等。可开发web、app、服务端等多种平台需求,包括前端和后端,以及移动端和运维等等。个人知乎技术专栏:https://zhuanlan.zhihu.com/sessionboy。
☛点击立即跟老师学习☚
「你将学到什么?」
这是2019 react入门到高级新课程
学习react,不仅能带来技术提升,同时提高开发效率和体验,更能带来好的就业机会。
本课程主要分为以下几个部分:
一,前端工程化基础?
主要学习node和npm、yarn的基本用法
二,es6语法
学习必备的es6常用语法 。
三,react基础知识
学习如何搭建react项目,以及react组件,jsx语法、css处理方案、生命周期等基础知识。 并且根据这些知识开发一个个人网站。
四,react进阶知识??
学习表单的处理,事件处理,Portals的使用,以及数据请求和API管理等进阶知识。
五,react高阶知识??
学习react高级特性,react hooks,以及整个react生态体系的构成和应用 。
努力学习哟,带你精通react。
「课程学习目录」
第1章:课程简介 |
1.课程介绍 |
第2章:掌握npm基本用法 |
1.搭建node和npm的开发环境 |
2.使用n模块管理node的版本 |
3.npm的基本结构及用法 |
4.如何安装、更新和卸载npm包 |
5.自定义npm脚本 |
6.如何安装yarn和使用yarn ? |
第3章:学会自己搭建react项目 |
1.搭建react项目的几种方式 |
2.使用next.js搭建react项目 |
3.使用gatsby搭建react项目 |
4.使用cra(create-react-app)搭建react项目 |
第4章:掌握es6语法 |
1.了解es6和babel |
2.let和const的用法 |
3.模块化(es-module) |
4.解构赋值 |
5.对象属性和方法拓展 |
6.模板字符串 |
7.拓展运算符 |
8.includes用法 |
9.class类 |
10.箭头函数 |
11.修饰器-Decorator |
12.promise异步处理 |
13.generator异步处理 |
14.async/await异步处理 |
第5章:react组件的写法 |
1.react组件的类型 |
2.class类组件 |
3.函数组件 |
第6章:掌握jsx语法 |
1.jsx和html的区别 |
2.jsx的基本使用 |
3.条件判断 |
4.列表处理 |
第7章:css处理方案 |
1.css处理方案有哪些 ? |
2.使用sass |
3.使用css-module |
4.使用postcss |
5.使用styled-components |
6.flex弹性布局 |
第8章:state和props的用法 |
1.state的基本使用 |
2.setState方法 |
3.props基本使用 |
4.react组件通信方式 |
第9章:react组件生命周期 |
1.理解什么是react组件生命周期 |
2.新版react组件生命周期方法 |
3.旧版react组件生命周期方法 |
第10章:实践课:开发个人网站 |
1.技术选型 |
2.页面布局 |
3.头部导航和底部文案 |
4.首页 |
5.作品列表页 |
6.作品详情页 |
第11章:表单处理和事件绑定 |
1.react事件处理 |
2.使用refs访问DOM |
3.使用受控组件处理表单 |
4.使用非受控组件处理表单 |
5.处理表单验证 |
第12章:Portals和PropTypes |
1.portals的基本使用 |
2.用Portals封装弹窗组件 |
3.PropTypes(类型检查) |
第13章:处理API请求 |
1.如何在react中处理数据请求 |
2.用fetch和axios请求数据 |
3.API统一管理 |
第14章:react高级特性 |
1.memo |
2.代码分割 |
3.lazy和Suspense |
第15章:react hooks |
1.介绍hooks |
2.使用useState |
3.useEffect |
4.useContext |
5.useReducer |
6.额外的Hooks |
7.封装自定义hooks |
8.hooks的使用规则 |
第16章:react生态系统 |
1.图解react生态系统 |
2.案例1:使用工具库 |
3.案例2:使用UI库 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,16天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握ReactJS知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
npm、yarn、es6等前端基础知识
学会使用react做开发