現代 APP 完全開發工作坊 —— 學會 React Native,讓你不再加班做功德

現代 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、及網頁應用程式!從此擺脫多個平台就需要寫多種不同架構程式語言的困境,一種語言、一種框架,絕對 Z>B。

同時,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 應用程式。

Monospace 社群友善空間 / 台中市西區台灣大道二段2號16F-2

活動票券

票種 販售時間 售價
現代 APP 完全開發工作坊 〔Day 1〕 2018/01/21 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • TWD$300
現代 APP 完全開發工作坊 〔Day 2〕 2018/01/21 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • TWD$1,400
現代 APP 完全開發工作坊 〔Day 3〕 2018/01/22 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • TWD$1,200
現代 APP 完全開發工作坊 〔Day 1+2+3〕早鳥 2018/01/22 00:00(+0800) ~ 2018/01/25 23:50(+0800) 結束販售
  • TWD$1,860
現代 APP 完全開發工作坊 〔Day 1+2+3〕一般 2018/01/26 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • TWD$2,120
現代 APP 完全開發工作坊 〔Day 2+3〕晚鳥 2018/01/26 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • TWD$2,080
現代 APP 完全開發工作坊 〔現場繳費〕 2018/01/22 00:00(+0800) ~ 2018/02/04 17:00(+0800) 結束販售
  • 免費
下一步