用 React Native 打造雙平台電商 App

購課前先來享免費直播！

# 軟體工程師的 10 年開發經驗分享｜軟體變遷、React & React Native 協同開發

RevtelTech 共同創辦人的 Sam 老師在這場直播要來聊什麼？​

💁‍♂️ 告訴你開發雙平台 App 的關鍵技術點到底是什麼！

💁‍♂️ 2020 最新 React Native 版本有哪些重大更新？

💁‍♂️ 你應該要學 Hook 嗎？Hook 到底好不好用？

帶您從零開始， 實作電商 App 必備的各項功能

# 從商品列表、到購物車、最後串接 PayPal 金流，並講解上架至雙平台的過程！

毫無基礎或是上過 React Native 基礎課的您，還是做不出專屬 App 嗎？

# 4 個實作練習 + 1 個專案開發 = 真正能讓您能力提升的課程！

 

 練習 1  計算機 App 

🎖 擁有 CSS Flexbox 排版技術 

手機 / 平板大小這麼多種，好看排版怎實現？透過計算機實作，吸收 Web CSS styling 智慧，用 Flexbox 來解決！

 

 練習 3  藝文活動查詢 App 

🎖 熟練核心觀念 React-Navigation

APP List → Detail「換頁」怎麼做？

老師將從 React-Navigation 的介紹到安裝，實現 screen 換頁，帶您了解管理相依性！

全面覆蓋 React Native 開發 App 的各個開發流程

涵蓋 2020 React Native 必備技術，為您建立完整的技術鏈

React Native，為什麼值得學？

1. 源自技術 React，APP 開發新選項

2. iOS / Android 跨平台技術，降低學習成本

3. 重視 UI / UX 的前端技術

4. 官方社群，持續維護與開發

5. 知名 APP 技術採納，證明市場價值

擁有 10 年經驗+開發過 20 個專案的講師，給您最符合業界需求的課程

# 為您整理出 Sam 老師的兩大精華專案，讓您更清楚 RN 能夠做到什麼！

Senior RD + Junior RD + UI/UX 設計師共同打造，全方位視角的課程設計

# 無論新手或老手都能刷新經驗值，讓您的技術得到前所未有的提升！

負責總指揮，建立本課程的架構規劃及學習目標。本科系的扎實系統訓練，能確保教材的技術正確性、實用性，在業界 10 年以上的磨練，保持對新技術探勘的熱情，無私分享業界發展需要的開發技巧。

負責 App coding 實作、課程影片腳本撰寫。特別邀請從 0 開始學習，到現在擁有一定經驗的非本科系的工程師參與，瞭解初學者踩坑時遇到的痛點與辛苦，落實由淺入深的課程內容，安排適合學習路線。

負責 App 介面設計、課程影片素材。兼具 user interface 美感和 user experience 流暢考量，同時瞭解使用者需求 ＆ 課程設計宗旨，從整體考量打造出合適又好看的課程素材。

像維護項目一樣維護課程，後續為您帶來更多新內容

# 依照學員的反饋，隨時為您解鎖

🔒 課程破 100 人，即解鎖「如何更進一步找到學習資源？」

🔒 課程破 200 人，即解鎖「如何挑選適合自己的技術？」

🔒 課程破 300 人，即解鎖「Web / App 共同開發有哪些需要注意的地方」

🔒 課程破 400 人，即解鎖「React Hook 的導入及該如何和傳統元件結合」

學員專享增值服務，突破技術瓶頸

# 別人踩過的坑，您不必再踩，縮短學習的辛苦歷程

常見問答

1. ReactJS 和 React Native 是什麼關係？

ReactJS 可以直接稱為 React，是一套描述 UI 的 JavaScript 函式庫。提到 React Native 就不得不碰 React 的理由， 是因為 React Native 其實就是基於 React 開發的。學習 React Native，您能更清晰的感受到什麼叫做「learn once write anywhere」，一套 UI 框架走天下！

2. 一定要懂 React 才能上這門課嗎？

不用，如果你想學的是 React Native，只要先學與 React Native 相關的 React 概念就好。因此在課程設計中，第二章「環境設定及基礎知識」，就有相關 React 必要概念的講述，以用來銜接後面 RN 章節的教學。這樣的課程安排，就是為了讓你能更好的吸收設計的。所以給自己一點信心，別怕！就來上課吧！

3. 沒做過 App，也能上手嗎？會不會有很大的障礙呢？

不會，只要你有想學的心，一定可以上手！這門課程會從使用者最熟悉的介面開始，告訴你要完成這樣的排版需要哪些知識，接著更細緻地教你一個個常見的 UI 元件怎麼使用，最後才慢慢深入每項功能怎麼完成，以及還有哪些進階知識可以學習！

4. 會帶著我一步步上架至 App Store 及 Google Play 嗎？

會說明怎麼上架。在課程設計中， App 1 ~App 4 是為了讓你學習 RN 核心的技術觀念，教學性強且應用簡單，App 5 電子商務 HiEC，會結合前面學過的，來實作電商經常看到的功能，但因為我們並沒有真的要將電商裡的「商品」進行線上販售，所以不會有一步步上架 App Store 及 Google Ply 教學，可是會讓你詳細瞭解上架流程、在過程中不要踩哪些坑。

關於 Sam 老師

RevtelTech 共同創辦人，目前主要負責技術諮詢及佈局。臺大資訊研究所畢業，開發經驗超過 10 年。跨足嵌入式系統、網頁、雲端及 App 開發，曾參與和開發超過 20 個以上 React Native 專案 (包含教育、電商、金融、醫療、展覽及物流等各大領域)，其中包含獨角獸等級企業百萬下載海外電商雙平台 App。亦曾受邀至 yourator 等徵才平台分享 React Native 開發經驗。曾培養非本科系學員，成為軟體工程師。對事物有敏銳觀察，認為程式不只是「教」，應該還包含「自學能力」的養成。