---
# System prepended metadata

title: 寫App前端的工具 & 學習資源分享

---

# 寫App前端的工具 & 學習資源分享
## 葉揚昀
* 使用Android Studio開發App
    1. 建立新專案
        ![](https://i.imgur.com/a4W9N0I.png =x300)
        
    2. 在activity_main這裡可以拉元件排layout(字串、按鈕...)
        ![](https://i.imgur.com/g5VSCt2.png)
        
    3. 新增元件後會自動產生該元件的程式碼
        ![](https://i.imgur.com/XESBD4p.png)
        
    4. 可以在Android Studio內建立模擬器來模擬程式在手機跑的結果
        ![](https://i.imgur.com/jwWK8PF.png =x400)


* Android Studio安裝及基本教學參考:
    1. https://readandplay.pixnet.net/blog/post/140001110-%E7%AC%AC%E4%B8%80%E6%94%AFandroid-app%E7%A8%8B%E5%BC%8F%E6%95%99%E5%AD%B8
    2. https://www.youtube.com/watch?v=an5sjqiE9m4

## 張鈞富


## 傅宣妮
* Flutter
1. 利用Dart程式語言寫，可轉成iOS或Android做使用。
2. Dart屬於物件導向語言，語法結合了javascript、java、c#的特性，只要有程式基礎上手容易。
3. 參考資料：https://ithelp.ithome.com.tw/articles/10215158
## 葉欣瑜

## 朱佳恩
* React Native: 利用 JavaScript 建立原生 iOS 及 Android App 的框架
https://www.appcoda.com.tw/react-native-introduction/
官網: https://reactnative.dev/

    
