map

Let’s Learn Swift 彼得潘的奇幻之旅

發佈於 發佈留言分類: 09 Swift 教學10 所有文章

前陣子的生活過著白天上班,晚上去上彼得潘的 iOS App 課程,假日再去台大資工上 web 課程,剛開始第一個月還算能適應,到了第二個月開始真的是身心疲累,雖然能力值大幅提升,但實在是把自己安排得太緊湊。 這次來說說為何會推薦彼得潘的iOS App程式設計入門的原因:1. 有目的性的學習2. 大量的課後練習3. 卡住時隨時有人可問 一. 有目的性的學習 Swift 第一次接觸 Swift 時,覺得這個語言怎麼充滿著各種驚嘆號和問號,如果一開始就從語法開始學習起,頭上一定會充滿著問號,而彼得潘的課程幾乎都是以目的為導向來教學,可以很明確的學習到這功能會被用在 App 什麼上面。 以下是在課程中其中的幾個小目標: ▍目標一(完成):iOS Swift StoryBoard 的各式操作-彼得潘的 […]

swiftOrderApp

[Swift 教學] Swift 訂飲料App (附程式碼)

發佈於 發佈留言分類: 09 Swift 教學10 所有文章

最近參加了彼得潘的iOS App程式設計入門,此篇將會利用Firebase Database串接Swift來打造訂飲料App,如果對Swift開發有興趣的朋友,推薦參加Peter的課程唷! 此次的相關代碼放置於:https://github.com/hsuanchi/Swift_Demo/tree/master/orderAppExample 一. 最終App畫面: 二. 架構: 可以分成三個Scene,分別是Menu、訂購飲料和訂單資料 Menu Scene ViewController MenuListTableViewCell 訂購飲料 Scene OrderMaxTableViewController 訂單資料 Scene ShowOrderTableViewController 頁 […]

[Swift 教學] Swift Firebase資料庫串接

發佈於 發佈留言分類: 09 Swift 教學10 所有文章

最近將Swift連上Firebase資料庫,詳細記錄串接過程,從cocoapods安裝Firebas、AppDelegate中import、和Swift如何操作Firebase資料庫中的新增、讀取、刪除和更新,希望此筆記對你有幫助。 除此之外可以參考以下文章: Firebase官方 GitHub 新增讀取刪除更新 Peter在Colud Firebase 新增和更新數據 Peter在Colud Firebase 讀取數據 一. Swift安裝Firebase 1.安裝cocoapods: 2.移轉至專案夾: 3.建立Podfile: 4.加入 5.安裝 二. 在AppDelegate中import Firebase 設定如下圖: 可以參考Firebase官方文件: https://githu […]

[Swift 教學] iOS APP如何串接API

發佈於 發佈留言分類: 09 Swift 教學10 所有文章

最近參加了彼得潘的iOS App程式設計入門,單純記錄swift課程筆記,本篇將會詳細描述如何用Swift串接API 此次的相關代碼放置於:https://github.com/hsuanchi/Swift_Demo/tree/master/getJsonAPI 一. 取得API 首先這次要拿的是咖啡廳的API資料 https://cafenomad.tw/api/v1.2/cafes/taipei,用GET方式進入網頁,可以看到不易閱讀的JSON格式 所以使用JSON Editor來視覺化Json格式 http://jsoneditoronline.org 二. 定義JSON型別 宣告變數的型態可以參考如下: 整數 ➪ Int 浮點數 ➪ Float 或 Double 字串 ➪ Strin […]

swift_peter_class

[Swift 教學] 彼得潘的iOS App課程作業五連發

發佈於 發佈留言分類: 09 Swift 教學10 所有文章

最近參加了彼得潘的iOS App程式設計入門,單純記錄swift課程筆記,如果有想參加這課程的朋友,真心推薦參加! 此次作業的相關代碼放置於:https://github.com/hsuanchi/Swift_Demo/tree/master/rockman 作業一:用 view 拼湊漂亮的圖案 首先利用將近200塊view拼湊出洛克人的模樣,程式碼當初是參考這篇:https://github.com/keithk7902/8-bit-Megaman-using-views-in-xcode 作業二:使用AutoLayout和StackView練習 –更多相關Swift AutoLayer可以參考:彼得潘 Clock App 表格 cell 的 Auto Layout 上半部洛克 […]