現代 APP 完全開發工作坊

學會 React Native，讓你不再加班做功德

簡介

本次 【現代 APP 完全開發工作坊】 在台中 Monospace 開設 React Native 系統開發課程，讓你在 16 小時的時間裡，達成以下目標：

1. 認識 React Native 基本架構
2. 臨場實戰簡易專案，實現 APP 的熱更新
3. 認識 RN 的外部資源

本活動由 React Native Taiwan 講師群擔任課程講師，讓你在最短最有效的時間內翻轉職涯，向APP開發的新世界邁進！

課程特色

使用 JavaScript 寫出跨界新高度

身為網頁工程師的你，一定常遇到以下情況：

• 想要撰寫 APP 卻遇到 Swift 跟 Java 的高牆？
• 使用 Cordova/PhoneGap 卻發現使用體驗慘不忍睹？
• 學了 native code 卻發現要維護多份程式碼，功能永遠不同步？

我們走過，更克服了這些問題⋯⋯在 React Native 橫空出世之後，不需要學習新的語言，只要使用你最熟悉的 JavaScript，便能開發與原生應用程式同等效能的跨平台 APP！從網頁到一個語言寫透透，從此以後你也是斜槓 / 工程師！

寫一次 Code 跨平台用，不再爆肝做功德

React Native，是由 Facebook 開發的跨平台開發框架。

2015 年 9 月發佈後，在全世界掀起了高潮 —— 用 JavaScript 語言就能同時編寫 iOS、Android、及網頁應用程式！從此擺脫多個平台就需要寫多種不同架構程式語言的困境，一種語言、一種框架，絕對 Ｚ>Ｂ。

同時，React Native 更具備優異的熱更新機制，能夠讓熟悉 JavaScript 的你，即時推送最新的功能或修正到使用者的手機上，無須經過繁雜的審查步驟，讓你透過極短的時間差快速迭代與部屬你的 APP。

少了等待上線的焦躁心情，也省了面臨學習多種陌生語言的窘境，學會 React Native，迎接準時下班的美好人生，不再天天加班做功德！

入坑前注意

1. 學會 React Native 就可以使用 React 來建構網頁應用程式
2. 熱更新機制在某些前提下可以不需審查
3. 不保證讓你不加班

課程內容

Day 1 - 1/26（19:00~22:00）

• React Native 介紹

  • 基本介紹
  • 環境準備
  • 初始專案
  • 開發工具、除錯方法
  • 常見問題

• React 核心概念

  • 為跨平台而生的 ReactJS
  • Reconciler & Renderer
  • Virtual DOM
  • One-way Data Flow

Day 2 - 2/3（10:00~18:00，休息一小時）

• Hello React Component

  • Component
  • JSX 語法
  • Props 資料傳遞方式
  • 練習：元件的 Props 使用
  • 自定義 Component 的封裝設計

• Layout 設計

  • React Native Style
  • 如何使用 Flex 排版
  • 實戰 Flex、View、Text 實作小元件
  • Component： Image & TouchableOpacity
  • 實戰: 通訊錄樣式 Component

• reRender 前端動態更新

  • 可更新的數據： state
  • 練習：state 數據更新
  • TextInput 數據綁定
  • component 生命週期介紹
  • 練習：生命週期使用
  • 練習：搜尋通訊錄

• 如何與後端交互(一)

  • API Fetch
  • form 表單
  • 上傳檔案
  • 實戰: 從 API 取得通訊錄資料

Day 3 - 2/4（10:00~17:00，休息一小時）

• App 畫面切換

• 在 React Native 如何切換畫面

• React Navigation 介紹

• RNRF vs react-navigation

• 第三方套件安裝方法

• react-native-router-flux

  • Link
  • 如何使用 Navigation

• 實戰：依據 Dialog 選擇切換畫面

• Tabs

• Drawer

• 畫面間的資料傳遞

• Hot Deploy

  • Hot Deploy 的黑魔法原理
  • Code Push 範例實戰

• Native Bridge

  • 實戰捕捉 Wifi 狀態

適合對象

• 熱愛寫程式的你
• 身為網站工程師的你
• 產品需要快速迭代的你
• 想學怎麼撰寫 app 的你
• 想要嘗試 React Native 的 APP 工程師
• React Native 新手

課程提醒

• 需自備筆電（建議使用 MacBook）
• 需有 JavaScript 基礎，課程會使用 VSCode 作為主要編輯器
• 請安裝 VirtualBox 虛擬機器軟體、並更新至最新版本
• 請安裝 Genymotion，並下載 Android 6.0 以上模擬器
• 若是購買現場繳費票，請在購買後到LINE生活圈 @monospace.tw 告知欲購買票種

活動地點

   

 

 

 

 

 【 台中 ／ Monospace 社群友善空間 】   

配備超高速 1Gbps 網路連線、電動升降桌與 Herman Miller 人體工學椅，打造中台灣最適合數位游牧的共同工作空間，同時也是友善的社群活動場地，可容納 30 ~ 60 人，提供專業投影、音響與網路直播設備。

台中市西區台灣大道二段2號16F-2

• Google 地圖請搜尋「monospace」
• 搭乘公車請於原子街口或茄苳腳站下車
• 大樓 B1 計時收費停車場
• 歡迎搭乘 Uber 前來 ; )

歡迎加入 LINE生活圈 @monospace.tw 立即獲得免費一日券！

官方網站：https://monospace.tw/

 

創科資訊

成立於 2015 年的創科資訊（Trunk Studio），提供軟體開發技術顧問與培訓課程服務，團隊擅長使用 Open Source 技術提供企業軟體開發解決方案，目前主推 Node.js/React/React Native、Java/Spring、.NET Core、PHP Laravel、Electron、Jenkins+Docker...等。

https://trunk-studio.com/

 

 

React Native Taiwan 是目前 Facebook 上專注於討論 React Native 最大的台灣社群。React Native 是 Facebook 基於 React 所開發的一種跨平台的 App 開發框架，能夠使用 Javascript 優雅的、（幾乎）無痛地開發原生的 iOS/Android 應用程式。

• ゼミナール