2017 年 04 月 12 日

React Native:進階概念與實作

這堂課會教你使用 React Native 開發出目前許多 App 常用的操作模式,例如透過使用者的手機號碼發出認證碼登入(使用 Twilio API ),和透過 Facebook OAuth 認證登入,支援 iOS/Android 跨平台的地圖元件做定位,UI 動畫,Push notification,後端使用 Firebase 與 Google Cloud 做商業邏輯還有當網路斷線時的離線瀏覽,最後講師 Stephen 會帶你使用這些進階技術做出一個 Location-base 的求職 App

我會學些什麼呢?

  • 使用React Native的專家級功能製作引人注目的應用程式
  • 創造令人驚訝流暢和高效的動畫
  • 使用 Expo 建立新的 React Native 應用程式
  • 理解新的 React Native 應用程式最新的瀏覽( Navigation )選項
  • 使用 Google Cloud 功能將邏輯添加到 Firebase 後端
  • 使用跨平台推送通知給你的用戶更新訊息
  • 使用 Redux Persist 處理當使用者處於離線狀態

要求

說明

注意:本課程假設你已經有 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

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

你可能會有興趣

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

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

分類

01-onlinecourse

標籤

, , , , ,