如何變成 iOS App 開發魔法師

iOS App 魔法師養成之道
Storyboard & SwiftUI App demo

Transcript

1. 如何變成 iOS App 開發魔法師 彼得潘
2. 愛上蘋果的⼤學⽣
3. 改變彼得潘⼀⽣的⼈ Steve Jobs ⼈帥真好 https://www.youtube.com/watch?v=aEr6K1bwIVs
4. http://apppeterpan.strikingly.com 彼得潘簡介
5. PTT的 CodeJob 邊學邊開發邊賺錢
6. 第⼀個 App: 破解無名 還好研究所是研究正妹 哦，不是，是研究網路
7. 為什麼要做 App 因為美麗⼈⽣ https://www.youtube.com/watch?v=xr5JQdcqWyM
8. 跟不同圈⼦的⼈合作交朋友， 甚⾄是偶像, Model 插畫家:mini.Hana 歌⼿: Penny 鋼琴家:V.K克 與蘋果相遇 好幸運 https://www.youtube.com/watch?v=_sQSXwdtxlY
9. https://bit.ly/2Efxtod
10. App⼯作的美麗⼈⽣ • 睡到⾃然醒 • ⾃由的⼯作環境，無打卡 • 老闆就像朋友，無階級 • 可以⾃⼰創業作老闆 • 多樣的⼯作選擇和⾓⾊扮演，像劉德華⼀樣 • ⽩吃⽩喝，甚⾄⽩住
11. 開發 iOS App 前的準備
12. 硬體上的準備 • Mac • PC 上裝破解的Mac作業系統 (不建議) • PC 上連到網站操作 只能練習 Swift，不能開發 iOS App http://online.swiftplayground.run 不能⽤ windows， 因為開發 App 的軟體 Xcode 只能裝在 macOS
13. 補充 學習開發 Swift iOS App 該買哪台 Mac 呢 http://bit.ly/2OZuPVY 記憶體愈多愈好 CPU影響程式編譯速度
14. iPhone , iPod touch, iPad Air, iPad mini, iPad Pro, Apple Watch, Apple TV, CarPlay 測試 App 的裝置
15. 沒錢買 iPhone ? • 可以從開發軟體 Xcode 提供的模擬器測試 • 模擬器無法測試所有功能，ex 無法拍照 • 公司上班會配 Mac & iPhone
16. Xcode https://itunes.apple.com/app/xcode/id497799835 • 從 Mac 的 App Store 免費下載 • 只要裝 Xcode，不⽤再裝其它東⻄
17. • 編輯檔案 (ex:程式碼) • 設計App畫⾯ (UI) • 偵錯 (debug) • 查閱開發相關⽂件 • 編譯(build)程式碼⽣成App • 於實機和模擬器啟動App • 輸出App，安裝於他⼈⼿機測試 • 上架App Store ⼗項全能的Xcode IDE (Integrated Development Environment) • 測試App效能 • 單元測試 (Unit Test ) • 持續整合 (continuous integration) • App操作⾃動測試 (User Interface Testing) • 版本管理 (Git) • 取得開發App需要的 相關材料 https://developer.apple.com/xcode/
18. Apple 開發帳號 • 在模擬器測試 App 不需要開發帳號 • 帳號有免費和付費兩種 • 將 App 裝到實機測試需要開發帳號，免費的帳號即可 安裝
19. 開發帳號的申請
20. Apple Developer https://developer.apple.com Free Apple ID登入
21. 付費會員好處 • 上架App Store ( 可上架iOS App, Mac App, Apple Watch App, tvOS App) • 搶先下載 beta 軟體 • 開發進階功能，比⽅推播，Apple Pay • 安裝 App ⾄實體機器 (不付費也可直接透過 Xcode 安裝， 但是極不⽅便安裝⾄他⼈⼿機， 只能邀請對⽅到家裡接線連接 Mac 安裝 ) https://developer.apple.com/programs/whats-included/
22. TestFlight 測試 https://developer.apple.com/testflight 可安裝到 10000 個測試者的⼿機
23. 付費帳號申請 https://developer.apple.com/programs/enroll/ ⼀年99美⾦ (分成個⼈跟公司) ⼀年299美⾦ 免費 結合硬體，Apple認證
24. iOS App 魔法師 養成之道
25. 給我⼀⾸歌的時間變出App https://www.youtube.com/watch?v=rR3U_ejGNto
26. 不⽤寫程式的 storyboard 電⼦書 App http://bit.ly/2zLJrSP storyboard demo
27. 製作 App 畫⾯的⽅法 • 最新技術，未來主流 • SwiftUI ，等下會 demo • ⽬前上班主流 • storyboard，xib & swift 程式 • 未來上班 • 以上都要會
28. 開發語⾔的選擇 Swift 和 Objective-C，哪個才是屬於我的真命天女 ?
29. 為什麼學 Swift https://bit.ly/2N5eyPC
30. 燃燒吧，Objective-C !
31. 為什麼還要學Objective-C 為了吃飯 台灣部份的App公司還是採⽤Objective-C ⾯試可能會問 Objective-C 看懂和修改別⼈或套件的程式碼 學會Swift，再學Objective-C ?
32. swift playground 初學者學程式的遊戲 https://www.apple.com/swift/playgrounds/ iPad & Mac
33. iOS App 開發入⾨書籍 最好的選擇:彼得潘的新書 彼得潘的 Swift 程式設計入⾨(第三版，撰寫中) http://swiftbook.strikingly.com 第⼆好的選擇: Develop in Swift https://apple.co/2E3bOjf the swift programming language https://docs.swift.org/swift-book/ iOS 13 App 程式設計實⼒超進化實戰攻略 http://www.appcoda.com.tw/books
34. Apple 的電⼦書 http://bit.ly/2HnLVs5 新版是 Develop in Swift 舊版是 App Development with Swift
35. iOS App 學習的進階教材 Ray Wenderlich http://www.raywenderlich.com APPCODA https://www.appcoda.com.tw Stanford Developing Applications for iOS using SwiftUI https://cs193p.sites.stanford.edu Apple WWDC ( 每年舉辦的技術研討會) https://developer.apple.com/wwdc/
36. iOS App 開發作家養成計畫 寫 blog http://bit.ly/2nMGPKs
37. 同學們的作品 彼得潘的 Swift iOS App 開發教室 https://bit.ly/31c0z0G
38. 彼得潘的 100 道 Swift iOS App 謎題 http://bit.ly/2quinCC
39. 研究同學的程式， 評測和修改對⽅的 App http://bit.ly/2GuddfU
40. 補充 • App怎麼學？上課還是⾃學？ https://bit.ly/2Ye0S90 • 那些年我們學不會的程式設計 https://bit.ly/2YayBAk • 超過 30 歲，開始學程式還來得及嗎 ? http://bit.ly/2ieLRkV • 非本科如何在幾個⽉內轉職⼯程師: ⼀週 40 ⼩時的練習 http://bit.ly/2UWZEiS • 找到 iOS App ⼯作的正相關條件 ? medium 的 App 作業⽂章 http://bit.ly/388bhGQ
41. 問問題 雨都停了天都亮了　我們還不懂 彼得潘的 FB & LINE • FB: https://www.facebook.com/deeplove.pan • LINE: deeplovepeterpan
42. 什麼都是假的， 只有 App 上架才是真的 有⽬標的學習:為了實作某個功能，學習相關的技術 找⼯作最好的履歷 躺著賺錢，不⽤找⼯作了 ~ 學習程式以外的能⼒，例如設計，⾏銷 實作⼀個⾃⼰喜歡想⽤的 App 上架 年費 99 美⾦。
43. 簡單的 App 也能上架 https://apple.co/3hix7vx 猜數字 App
44. 學無⽌盡 年年出新的 iOS SDK 和 Apple 產品 SDK: 提供我們開發程式會⽤到的功能，例如地圖，錄⾳ 看書，尤其是原⽂書 (外國的⽉亮真的比較圓 ?) 訂閱 newsletter https://developer.apple.com/ios/
45. 訂閱 newsletter https://appmakers.dev/best-ios-development-newsletters/
46. 彼得潘的 Medium Blog https://medium.com/@apppeterpan 彼得潘的 iOS App Neverland
47. 彼得潘的粉絲團 https://www.facebook.com/iphone.peterpan/ 愛瘋⼀切為蘋果的彼得潘: 每⽇App新知
48. 開發團隊的打造 • 分⼯ App⼯程師, 美術設計, PM, Server後端⼯程師, 網 ⾴前端⼯程師，老闆，測試，⾏銷，業務 • 兩⼈⼩組 App⼯程師 + 美術設計 • 三⼈⼩組 App⼯程師 + App流程功能設計 + 美術設計 • 強⼤的⼀個⼈ ios/Android(Windows) PHP/RoR/Python/ASP/Node.js HTML / CSS/ JavaScript photoshop/ illustrator/ sketch
49. 開發團隊 Wealthy記帳 英⽂單字 三個臭⽪匠，勝過⼀個諸葛亮 異業結合，異性合作 !
50. Firebase https://firebase.google.com App⼯程師⼀個⼈也可以搞定後台 不需要後台⼯程師了 ！ BaaS
51. 開發後 躺著賺 ？
52. ⼀步⼀腳印的 iOS App 上架流程 https://www.appcoda.com.tw/ios-app-submission/
53. • 程式有問題 (bug) • App畫⾯不合Apple標準 • 內容不宜 • 使⽤private API (Application Programming Interface) • 莫名的理由 • 版權問題 Apple Store的審核退件理由
54. App Store Review Guidelines https://developer.apple.com/appstore/resources/approval/guidelines.html
55. 退件實例
56. SwiftUI App demo • 彼得潘的 SwiftUI 學習⽂章 http://bit.ly/2lHDosw • 利⽤ SwiftUI 製作電⼦書 App https://bit.ly/3iOSqVC • 作業:使⽤ SwiftUI 製作結合酷炫動畫效果的電⼦書 App http://bit.ly/2oDpfya • 作業: 利⽤ SwiftUI 的 Path & Shape 繪圖 http://bit.ly/2khdk7g • ⽤狀態設計 SwiftUI 畫⾯ — 認識 @State property，binding & Toggle http://bit.ly/2kt3teE • 作業: 運⽤ 16 種 SwiftUI modifier 搭配 slider 設計美麗圖片 https://bit.ly/3ghG4Ux • 作業: ⼤學的 SwiftUI iOS App 入⾨課程期末專題 http://bit.ly/2I54AJM
57. 彼得潘的 App 課程 • 彼得潘的 iOS App 程式設計入⾨ https://www.apppeterpan.com • ⽂組⽣的 iOS App 程式設計入⾨ https://www.learniosfromzero.com • 家教: 專屬於你的iOS APP開發導師 http://yourappmentor.mystrikingly.com • 其它課程 http://apppeterpan.mystrikingly.com 能⼒分班
58. 相關教學資源 • FB粉絲團: 愛瘋⼀切為蘋果的彼得潘 http://www.facebook.com/iphone.peterpan • 個⼈網站 http://apppeterpan.strikingly.com • medium: 彼得潘的App Neverland https://medium.com/@apppeterpan • 同學們的作業: 彼得潘的 Swift iOS App 開發教室 https://bit.ly/2mJdBjE • FB社團: 彼得潘的蘋果App開發教室 https://www.facebook.com/groups/peterpanappclass/ • FB
 https://www.facebook.com/deeplove.pan • LINE: deeplovepeterpan
59. 呼喚彼得潘 http://bfy.tw/Bw7n