這堂課會教你使用 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

課程網址  ♥找優惠折扣碼?

你可能會有興趣

• 更多 ReactJS 相關線上課程
• 更多 Javascript 線上課程
• 中文課程 最有效率學習術！讓你速戰速決
• 成為超級學習者 2：學習快速閱讀和提升記憶
• Soft & Share 團購和特價線上課程  加入這個社團追蹤我們的團購訊息與 Udemy 特價課程
• 追蹤這個   Twitter  ，得到 Udemy 特價課程訊息

喜歡我們的分享嗎？ 使用以下的社群分享按鈕也分享給你的朋友吧！