Contents
這堂課會教你使用 React Native 開發出目前許多 App 常用的操作模式,例如透過使用者的手機號碼發出認證碼登入(使用 Twilio API ),和透過 Facebook OAuth 認證登入,支援 iOS/Android 跨平台的地圖元件做定位,UI 動畫,Push notification,後端使用 Firebase 與 Google Cloud 做商業邏輯還有當網路斷線時的離線瀏覽,最後講師 Stephen 會帶你使用這些進階技術做出一個 Location-base 的求職 App
從這 16.5 小時的課程,你會學到
- 使用React Native的專家級功能製作引人注目的應用程式
- 創造令人驚訝流暢和高效的動畫
- 使用 Expo 建立新的 React Native 應用程式
- 理解新的 React Native 應用程式最新的瀏覽( Navigation )選項
- 使用 Google Cloud 功能將邏輯添加到 Firebase 後端
- 使用跨平台推送通知給你的用戶更新訊息
- 使用 Redux Persist 處理當使用者處於離線狀態
要求
- 對於 React Native 有基本了解 – 可先上這個課程“’完整的 React Native 與 Redux 課程”課程
說明
注意:本課程假設你已經有 React Native 的基礎知識。如果沒有,查看一下這個課程“’完整的 React Native 與 Redux 課程”課程,它為你完美準備 React Native 基礎知識!
超越 React Native 的基礎!本課程將教你製作最暢銷應用程式所需要的進階主題。
推送通知?你將會學到。深度動畫?也包含了。離線資料永存( Offline Data Persistence 譯註: 網路斷線的時候,離線瀏覽)?當然!
你會建立什麼?
我所有的課程都是“做中學”:沒有無窮無聊的 Powerpoint 簡報,只有當場,互動式程式設計的範例。在本課程中,我們將建構三個單獨的應用程式,其複雜性越來越高,每個應用程式都將配置React Native的不同功能。透過將每個概念都放入真實的應用程式中,你將更好地了解何時使用每個獨特而強大的功能。
1)建立一個Tinder-like Swipe Deck 。是的,經典的動畫組件!我們將製作一大堆漂亮的卡片,用戶可以在螢幕上滑動,向右滑動“喜歡”一個項目,或者“左”不喜歡某個項目。這個暖身將讓你熟悉通過 PanResponder 系統解釋觸控輸入,使用動畫模組移動元素,並通過插值系統轉動進行推斷動畫值。
2)使用一次性密碼認證進入後端。曾經提示使用發送給你的訊息登錄?一次性密碼是一種新的認證流程,利用用戶的電話號碼作為其唯一的辨識代表。我們將使用Twilio API向用戶發送一條短信,以驗證其身份,同時將我們的業務邏輯保護放到 Firebase 新的 Google Cloud 功能中。
3) 你自己的找工作應用程式。工作的導火線!這個 App 是100%的完整功能!我們將為我們的新用戶,製作一個具有 Facebook 身份驗證和地圖組件全螢幕的使用指南功能 App。透過利用Indeed 的工作搜尋 API,將根據使用者的位置提供喜歡或不喜歡的工作列表,然後追蹤和應用於他們的選擇工作。
支援 OSX 和 Windows 平台- 開發 iOS 或是 Android!
這是我們將要學習的:
- 了解實現複雜動畫系統的理論與實踐
- 使用新的 Expo 平台開始你的應用程式
- 使用React-Navigation 導覽你的用戶
- 透過自動推送通知吸引用戶
- 使用Twilio通過一次性密碼增強應用程式中的身份驗證流程
- 使用離線資料永存性( Offline Data Persistence )提高 App 的可靠性
- 教育你的用戶如何使用你的 App 使用指南與歡迎與頁面
- 使用Facebook OAuth驗證你的用戶
- 使用 Google Cloud 功能超越手機前端:將自定義邏輯添加到 Firebase 後端
- 使用跨平台的 MapView 元件定位你的用戶
我已經建立了當我學習React Native時我想要的課程。一個以最好的順序解釋概念及其實現方式的課程,讓你學習和深入了解 React Native 。
目標受眾是誰?
- 本課程適用於任何希望學習React Native 進階主題的開發者
講師介紹
Stephen Grider 工程架構師
一直為舊金山灣區的頂級公司構建複雜的 JavaScript 前端應用程式。他具有簡化複雜主題的天賦,Stephen 一直在指導工程師開始軟體開發職業生涯有多年經驗,目前將這種體驗擴展到了 Udemy,創造最高評價反應的課程。他在 Udemy 教授課程並分享了他與其他/她軟體工程師獲得的知識。通過向 Stephen 的課程學習投資自己吧!
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結( 特價 NT370 起)✨ 非 IT 認證的課程用 NT390 起的優惠連結 可能拿到更好的價格喔, 試試看! | Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

你可能會有興趣
- 更多 ReactJS 相關線上課程
- 更多 Javascript 線上課程
- 中文課程 最有效率學習術!讓你速戰速決
- 成為超級學習者 2:學習快速閱讀和提升記憶
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響