React Native開發入門班

React Native開發入門班

React Native是由Facebook公司於2015年所推出的開源行動裝置應用程式開發框架。使用React Native將可以只透過JavaScript語言就可以產生可於Android與iOS等行動裝置上運行的應用程式,由於這項解決方案的誕生,開發者即可使用較少的時間成本產生一個可於兩種平台上運行的應用程式。

在這堂10小時的React Native開發入門課程裡面,你將由淺入深的逐步理解React Native的基礎操作、JSX語法、組件、排版、事件處理以及登入驗證與資料存取的程式建置步驟。搭配官方文件的導讀讓學員們習慣技術文件的格式與閱讀要點。課程的最後使用你將可以使用React Native設計並製作出一個可運行的行動裝置應用程式。

課程大綱

- 開發環境設定
- 認識React Native組件
- JSX語法規則
- 處理使用者的輸入資訊
- 模板樣式設計與排版
- 除錯模式
- 行動裝置測試
- 認識組件生命週期與生命週期函數
- HTTP request
- 使用者登入與驗證
- 使用Firestore存取資訊
- 整合第三方函式庫

適合對象

- 理解基礎JavaScript語法
- 適合曾上過本班「HTML5, CSS3, jQuery, Bootstrap 網頁設計進階班」或「JavaScript網頁設計入門」課程之學生

開發環境

- React Native
- Node.js & NPM
- Firebase
- PC: Android Studio
- Mac: Android Studio, Xcode

實體課程注意事項

本班為實體課程,常見QA詳情連結

校園防疫措施詳情連結

公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數

課程影片觀看期限至課程結束後一週關閉

(一)退費期限:開課日後⅓時數內,詳情連結

(二)查詢結業狀況:結業名單連結

近期班次

講師介紹

國立臺灣科技大學工商業設計系學士學位

(一) 個人網站:
https://enn.design

(二) 經歷:
共生智能股份有限公司 Kyosei.ai 共同創辦人兼前端工程師
Soundscape 前端開發工程師
112年網站無障礙專家學者座談會暨檢測焦點平台會議座談委員
111年網站無障礙座談暨檢測焦點平台會議座談委員
110年網站無障礙規範座談會座談委員
Uninus 合一智聯科技 前端工程師
香港 THE Education Academy Group HK 前端工程師
台北市政府春遊補助管理系統開發
LINE HACK 2018 入選前十強
FMTaiwan線上收聽網站開發者
緯創資通股份有限公司價值創新中心
京尚股份有限公司
微星科技工業設計中心

(三) 教學經歷:
1.2016年至本班教學,授課時數累計至2024年2月1日為5,850小時;
擔任:Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
2.緯創軟體股份有限公司:Vue.js前端應用程式設計、React.js前端應用程式設計、Python程式設計課程講師
3.國立臺灣大學:文學數位應用與實作課程合作講師
4.國立臺灣大學:文學編輯的當代型態與數位實作網頁開發技術課程合作講師
5.國立宜蘭大學:微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師
6.國立宜蘭大學:RWD網頁設計與專題實作研習課程講師
7.國立宜蘭大學:Python程式設計與專題實作研習課程講師
8.哈瑪星科技:jQuery基礎程式設計應用與開發、Sass & Scss網頁設計切版課程講師
9.中華民國國防部:React Natvie程式設計課程講師

(四) 興趣領域:
使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、React.js網頁應用程式開發、React Native手機應用開發、Python、Node.js、股票投資與期權交易。

(五) 特殊經歷:

2021年經濟日報第12屆權民搶百萬權證交易競賽 - 年度績效獎

(六) 影音創作:



(七) 專欄文章:

1. 使用ChatGPT解決CSS Filter模糊效果在手機瀏覽器上的遲鈍問題
2. 使用Node.js建置你的第一個LINE BOT
3. 使用VSCode外掛自動編譯SASS/SCSS
4. 更新EXPO SDK 47遇上ViewPropTypes問題處理紀錄
5. iOS 16.1版本,使用 Firebase GoogleAuthProvider 透過 getRedirectResult 獲得登入憑證的處理辦法
6. 使用 Lottie React Native 將設計師使用 After Effect 製作的動畫無痛轉移至原生App內呈現
7. Designing an OpenAI-Enhanced LINE Bot with the Neru Server Framework
8. Put a Spinning Donut in React