
|
課程培訓
|
React Native(RN)跨平臺開發(fā)入門培訓
React Native(RN)跨平臺開發(fā)入門培訓 一、培訓目標 1. 掌握React Native(RN)核心概念、跨平臺開發(fā)邏輯,理解RN“一次開發(fā)、多端部署(Android/iOS)”的入門原理,建立系統(tǒng)化的RN入門開發(fā)思維; 2. 精通RN開發(fā)基礎(React基礎、JSX語法、基礎組件、布局),熟練運用RN開發(fā)工具,能獨立完成簡單跨平臺APP界面開發(fā)與基礎交互; 3. 貼合RN入門實戰(zhàn)場景,掌握組件使用、路由跳轉、簡單數(shù)據(jù)處理等核心入門技能,能獨立開發(fā)適配Android/iOS雙端的簡易跨平臺APP; 4. 適配RN開發(fā)入門者、移動開發(fā)入門者、跨平臺開發(fā)初學者等,突破單端開發(fā)局限,搭建RN跨平臺開發(fā)的基礎能力,為后續(xù)進階學習奠定基礎。 二、培訓內容 模塊1:RN跨平臺開發(fā)入門認知與環(huán)境搭建 • 核心內容:RN核心認知(定義、跨平臺優(yōu)勢、應用場景、與Flutter/React的區(qū)別);RN開發(fā)前提(JavaScript基礎回顧、ES6語法核心要點);RN開發(fā)環(huán)境搭建(Node.js安裝、React Native CLI配置、Android Studio/Xcode適配、模擬器/真機調試環(huán)境配置);RN開發(fā)工具使用(VS Code配置、代碼編輯、實時調試技巧);第一個RN項目創(chuàng)建與運行(同時運行在Android/iOS雙端,解決入門常見環(huán)境報錯)。 模塊2:React基礎與JSX語法入門 • 核心內容:React核心概念(組件、虛擬DOM、Props、State);JSX語法詳解(語法規(guī)則、標簽使用、表達式嵌入、樣式綁定);React組件基礎(函數(shù)組件創(chuàng)建與使用);Props屬性傳遞(父組件向子組件傳值、Props校驗基礎);State狀態(tài)基礎(狀態(tài)定義、狀態(tài)更新、狀態(tài)驅動界面變化)。 模塊3:RN基礎組件與樣式開發(fā) • 核心內容:RN核心組件分類(基礎組件、原生組件);常用基礎組件用法(View、Text、Image、TextInput、Button、ScrollView);組件屬性配置與基礎樣式自定義;RN樣式開發(fā)(StyleSheet樣式表使用、Flexbox彈性布局基礎、尺寸單位適配);組件嵌套與布局基礎技巧,避免入門常見布局錯亂問題。 模塊4:RN組件進階與基礎交互 • 核心內容:RN組件進階(組件復用、自定義簡單組件);基礎交互實現(xiàn)(按鈕點擊、輸入框輸入、列表點擊);事件處理機制(觸摸事件、手勢基礎);條件渲染與列表渲染(FlatList組件入門,實現(xiàn)簡單列表展示);列表渲染優(yōu)化基礎(避免重復渲染)。 模塊5:RN路由跳轉與頁面通信 • 核心內容:RN路由核心認知(React Navigation框架入門);React Navigation安裝與配置;基礎路由跳轉(頁面切換、返回);頁面間簡單參數(shù)傳遞(父頁面向子頁面?zhèn)髦、子頁面向父頁面回傳值);路由導航欄基礎自定義(標題、顏色設置)。 模塊6:RN本地存儲入門 • 核心內容:RN本地存儲入門認知;輕量級存儲方案(AsyncStorage)使用;AsyncStorage基礎操作(數(shù)據(jù)寫入、讀取、刪除、修改);實戰(zhàn)場景應用(存儲簡單用戶偏好設置、臨時數(shù)據(jù));本地存儲常見問題排查(數(shù)據(jù)存儲失敗、讀取異常)。 模塊7:RN雙端調試與常見問題排查 • 核心內容:RN雙端調試基礎(Android/iOS真機/模擬器調試方法);調試工具使用(Debug JS Remotely、日志查看);入門級常見問題復盤(環(huán)境報錯、布局錯亂、組件不顯示、調試失敗);問題排查思路與解決方案;RN代碼規(guī)范入門(命名規(guī)范、代碼格式)。 模塊8:RN打包發(fā)布入門(Android/iOS雙端) • 核心內容:RN打包核心流程認知;Android端打包入門(簽名文件創(chuàng)建、簡單打包配置、APK包生成);iOS端打包入門(證書基礎配置、IPA包生成基礎);打包入門常見問題排查(打包失敗、簽名錯誤);應用市場發(fā)布基礎認知(無需深入,了解流程)。 模塊9:培訓總結與答疑 • 核心內容:回顧RN跨平臺開發(fā)入門全流程核心要點,梳理React基礎、JSX語法、組件開發(fā)、路由跳轉、本地存儲的入門知識體系;解答入門實戰(zhàn)疑問,針對性指導難點問題(環(huán)境搭建、布局錯亂、調試失。;明確RN入門后的進階學習方向(組件封裝、網(wǎng)絡請求、狀態(tài)管理)。 三、實戰(zhàn)案例拓展 1. 案例1:簡易個人信息展示APP(雙端適配)——開發(fā)包含首頁、個人信息頁的簡易RN APP,首頁展示用戶頭像、姓名、簡介,點擊跳轉至個人信息頁,實現(xiàn)頁面間參數(shù)傳遞;使用View、Image、Text等基礎組件搭建界面,通過Flexbox布局適配Android/iOS雙端屏幕;使用AsyncStorage存儲簡單用戶信息,實現(xiàn)APP重啟后展示存儲的信息,完成雙端調試與簡單打包。 如果您想學習本課程,請預約報名
如果沒找到合適的課程或有特殊培訓需求,請訂制培訓 除培訓外,同時提供相關技術咨詢與技術支持服務,有需求請發(fā)需求表到郵箱soft@info-soft.cn,或致電4007991916 技術服務需求表點擊在線申請 服務特點: 海量專家資源,精準匹配相關行業(yè),相關項目專家,針對實際需求,顧問式咨詢,互動式授課,案例教學,小班授課,實際項目演示,快捷高效,省時省力省錢。 專家力量: 中國科學院軟件研究所,計算研究所高級研究人員 oracle,微軟,vmware,MSC,Ansys,candence,Altium,達索等大型公司高級工程師,項目經(jīng)理,技術支持專家 中科信軟培訓中心,資深專家或講師 大多名牌大學,碩士以上學歷,相關技術專業(yè),理論素養(yǎng)豐富 多年實際項目經(jīng)歷,大型項目實戰(zhàn)案例,熱情,樂于技術分享 針對客戶實際需求,案例教學,互動式溝通,學有所獲 |
|