亚洲AV无码成人精品区_欧美视频_一区二区高清在线观看_久久婷婷无码欧美日韩_国产在线一区二区三区AV_女同一区二区

課程

課程介紹

本課程介紹如何成功構(gòu)建日益復(fù)雜的前端應(yīng)用程序與接口,深入分析React庫(kù),并詳述React生態(tài)系統(tǒng)中的其他工具與庫(kù),從而指導(dǎo)學(xué)員創(chuàng)建完整復(fù)雜的應(yīng)用程序。

培訓(xùn)對(duì)象

需精通HTML5+CSS3,Javascript,ES6等前端技術(shù)的專業(yè)人員。

課程收益

如何創(chuàng)建可組合的用戶界面;
理解React的虛擬DOM架構(gòu)以及如何利用該架構(gòu)開發(fā)應(yīng)用程序;
了解各項(xiàng)功能的原理及重要性;
深入學(xué)習(xí)React以及React生態(tài)系統(tǒng)中重要的第三方庫(kù);
學(xué)習(xí)如何創(chuàng)建通用/同構(gòu)應(yīng)用程序從而改進(jìn)用戶體驗(yàn)和SEO;
深刻理解復(fù)雜應(yīng)用程序中的數(shù)據(jù)流策略;
學(xué)習(xí)如何測(cè)試、完善和部署React項(xiàng)目。

知識(shí)概要

-- 初識(shí)React.JS;  
-- React組件及Class,參數(shù),狀態(tài)的使用;  
-- React獲取節(jié)點(diǎn)方法,雙向綁定和拖拽案例;  
-- React生命周期,事件冒泡;  
-- React表單方法和前后臺(tái)數(shù)據(jù)交互;  
-- React中的函數(shù)及父子及組件數(shù)據(jù)通信;  
-- React選項(xiàng)卡原理及JSONP使用;  
-- 使用WebPack配置正確React項(xiàng)目;  
-- React的腳手架環(huán)境的下載使用及開發(fā);  
-- React的動(dòng)畫和CSS;  
-- React-Router;  
-- Redux使用。

課程大綱

模塊

學(xué)習(xí)內(nèi)容

第一天AM

初識(shí)React.JS

什么是React?

React優(yōu)勢(shì)與其他框架的區(qū)別

React的核心語法-JSX

JSX的書寫格式介紹

React的開發(fā)模式介紹

React框架的基本形態(tài)

什么是Bower管理器?Bower的下載及使用

JSX的基本使用方式及事件處理部署

React組件及Class,參數(shù),狀態(tài)的使用

面向?qū)ο蟮慕榻B

第一天PM

class類的介紹使用

React使用組件的方式

組件的傳參方法

組件的props,state詳解及調(diào)用事件方法

React獲取節(jié)點(diǎn)方法,雙向綁定和拖拽案例

React的雙向綁定的實(shí)現(xiàn)方法

React獲取DOM對(duì)象的方法

React實(shí)現(xiàn)拖拽的原理

React生命周期,事件冒泡

什么是生命周期?React的生命周期簡(jiǎn)介

React的常用生命周期介紹及使用

React如何組織事件冒泡

第二天AM

React表單方法和前后臺(tái)數(shù)據(jù)交互

什么是表單?

React中的受控表單和非受控表單使用方法

React交互-使用原生AjAx交互方法

React交互-使用Jquery庫(kù)交互方法

React交互-使用axios交互方法

React中的函數(shù)及父子及組件數(shù)據(jù)通信

JSX中的函數(shù)使用

React中的組件嵌套

React中的父組件與子組件通信

React中的子組件與父組件通信

React父子組件數(shù)據(jù)交互小練習(xí)

React選項(xiàng)卡原理及JSONP使用

React選線工卡的原理及制作

什么是JSONP?

第二天PM

React使用JSONP方式

React中使用Juqery使用JSONP的方式

React中使用JSONP值作百度下拉框

使用WebPack配置正確React項(xiàng)目

React的另一種基于WebPack的使用方式

什么是WebPack?

WebPack的下載及使用

WebPack的命令環(huán)境

WebPack的基本組成

WebPack的配置文件及命令

運(yùn)行WebPack及基礎(chǔ)指令

Es6的模塊語法

Loader的正確配置

在WebPack正確配置Babel(JSX)

在WebPack中正確的配置React

第三天AM

React的腳手架環(huán)境的下載使用及開發(fā)

什么是腳手架?

腳手架的介紹

認(rèn)識(shí)React的腳手架

腳手架的環(huán)境的下載及使用

腳手架內(nèi)部的基本構(gòu)成介紹

使用腳手架值作圖片展示組件

React的動(dòng)畫和CSS

React動(dòng)畫的基本使用

React的動(dòng)畫插件

動(dòng)畫插件的下載及使用

eac的動(dòng)畫插件-react-motion

React-motion下載及使用

掌握 React 項(xiàng)目當(dāng)中CSS的開發(fā):CSS Modules、Sass、PostCSS、CSS in JS

React-Router

什么是Router?

第三天PM

React-Router的下載及使用

BrowserRouter詳解

React-Router具體配置使用

React-Router嚴(yán)格匹配

React-Router匹配組件和函數(shù)

React-Router與組件的數(shù)據(jù)傳輸

React-Router中match詳解

無限調(diào)用router做法

React-Router中使用數(shù)據(jù)交互

Redux使用

Redux的理解與介紹

Redux的核心概念-Reducer介紹

Redux的核心概念-Store介紹

Redux的核心概念-State介紹

Redux的核心概念-action介紹

Redux的配置及基礎(chǔ)使用

認(rèn)證過程

無認(rèn)證考試

開班信息

暫無開班信息

主站蜘蛛池模板: 日韩国产一区二区三区 | av免费国产| 精品无人区麻豆乱码无限制 | 精品国产乱码久久久人妻 | 成人性生交大片免费看小忧 | 欧州一级特黄视频无码 | 欧美综合视频 | 午夜精品久久久久久久爽 | 香蕉久久影院精品欧美日韩 | A级毛片免费全部播放 | 中文字幕制服丝袜一区二区 | 国产免费人做人爱午夜视频 | 欧洲黑白配一二三四区 | 好日子在线观看视频大全免费播放高清 | 不卡国产精品 | 美国av毛片| 欧美99久久| 99久久精品国产麻豆 | 97人操| 国产午夜av秒播在线观看 | 四虎影视亚洲精品一区二区 | 日本翁妇免费视频 | 国产亚洲精品美女久久久久 | 九色精品 | 日韩视频一区二区 | 亚洲国产精品成人久久久软件 | 国产一级做a爱片在线看免 欧美特黄a级高清免费大片a级 | 护士精品一区二区三区99 | 国产成人综合一区精品 | 久久久亚洲国产天美传媒修理工 | 国产高清成人在线观看 | 亚洲综合精品 | 在线观看v片 | 国产精品无码翘臀在线京东 | 国产亚洲第一精品综合Av | 天天做夜夜做狠狠做 | 亚洲热在线免费观看一二三区 | 国产 一区 精品 | 久久99精品视频 | 激情一区二区三区 | 精品一区二区无码免费在线观看 |