Stanford CS193p學習筆記（iOS11）
Stanford CS193p是許多iOS開發者推薦的課程，適合有程式語言基礎的朋友學習，課程會帶到Swift語法和常用的功能。
新一輪秋季課來到iOS11和Swift4，起始練習從計算機來到翻牌遊戲，第二輪複習紀錄心得和補充資料。
目前進度到第6堂，涵蓋Xcode編輯器介紹、Swift語法、Storyboard和程式碼的交互、MVC模式、AutoLayout、UIBezierPath繪圖和三種觸碰功能。
雖然中國有字幕組在協助翻譯，但從iOS9、iOS10都只停在前幾集，畢竟課程改版太快了。如有需要，iOS11翻譯進度可點此查看。
Lecture 1: Introduction to iOS 11, Xcode 9 and Swift 4
示範用Xcode撰寫翻牌小遊戲。
包含Storyboard和程式碼如何交互，首次使用可搭配參考我的初探Xcode筆記。
這門適合有程式語言基礎的學生，並不適合從零開始學習iOS開發。
從程式碼就會看到進度推的蠻快。沒有停下來講迴圈等基礎概念，而是說在Swift他的語法長這樣就過去了。
帶到觀念有Xcode編輯器介紹、IBOutlet和IBAction拉線；if-else條件判斷式、Array、func函式介紹和Property Observer。
如果是因緣際會看到這篇，想從基礎瞭解iOS開發大概是長什麼樣子，變數是什麼、迴圈是什麼，我有整理一篇Udemy的入門課程。
因為有兩萬多名學生攤，所以新台幣300元可以買到40小時以上的課程，外加平台有30天無條件退費，從心理壓力和經濟負擔來說都不大。
下一堂課學習曲線突然陡升。
Lecture 2: MVC’s
說明Model-View-Controller(MVC)模式。
延續Lecture 1範例，把原來全部寫在ViewController的內容引入MVC模式重構。
好比管理學的書籍原先「理論篇」和「應用篇」是寫在同一本，今天覺得啊這樣太重了～於是把書解體依內容另外編成小冊子，可以單獨看感興趣的部分，但是如果要完全搞懂還是需要交互對照。
如果剛接觸沒多久，會覺得跳來跳去有點不習慣：思考開始過載、腦袋冒煙，一場在大腦穿針引線還原場景的戲碼正在上演。
原先寫在ViewController裡的東西，已經個別被包在Model裡只露出個線頭say Hi，較不直觀，但應用邏輯清楚。
提到Class和Struct的區別、初始化概念、Type Property and Method、Lazy var、Optional、Ternary Operators。
老師的教學很好，會先用比較簡單好理解的方式寫過，「恩恩沒錯就是這樣」，再用進階的短方法讓人感到「哇！」還有這招啊！
如果看不懂會按暫停懷著受挫的心情想著「剛剛發生事ヾ(;ﾟ;Д;ﾟ;)ﾉﾞ」陷入沈默，「難道過去都是浮雲嗎！？為什麼第二堂課就跟不上了啊啊啊」
原先可能以為是湖泊，慢慢的會發現是一望無際的海洋。
但我是第二輪了所以還好。替翻牌遊戲加入更彈性的擴充和比對功能。
Lecture 3: Swift Programming Language
Swift語言介紹，大多是投影片解釋，實際寫程式的練習時間很少。
開頭介紹Auto Layout和Stack View繼續調整小遊戲畫面；附上去年剛接觸的Auto Layout筆記。
課程帶到Computed Properties、Access Control並回頭繼續修改，還記得第一次看到private覺得相當陌生，因為大部分的線上教學並不會特別涉入這個環節，讓我當初信心被各種碾壓。不過還好信心雖然無法拿來吃，但和高級西點相同，被壓了還是會活跳跳的反彈。
老師花不少時間回頭替專案加上private，看起來完整多了。
也可以參考The Complete Understanding of Access Control in Swift，查資料常常遇到他，看著都臉熟了呢。
接著教提升可讀性的Extensions、說明enum後深入Optional，其實這兩個是有關係的。Optional chaining背後就是不斷的switch、switch、switch。
最後以Memory Management收尾，拉線看到的關鍵字weak登場啦。先劇透一下，self跟Automatic Reference Counting (ARC)也有關係喔。
Lecture 4: More Swift
Protocols和Closures，重量登場「碰～（效果音）」
Protocols就像網紅，我們在接觸新領域時往往很快就能發現代表人物，雖然很快的能叫出名字，但是隨著揭露不同面向也會有更深層的體悟。
在介紹完相關知識後，老師簡單的透過三張投影片帶出Delegation，還沒有實際放出來虐人，覺得溫馨。
可以看到Protocol裡並沒有實際描述函式的內容，就像教練下達戰術，細節球員自行發揮。什麼？你說這樣只出一張嘴不負責任，還讓你聯想到慘痛的經歷…拍拍(´;ω;)ヾ(･∀･ )
課程繼續替專案的Card加上Hashable協定，讓它能被字典當鍵值使用。接著介紹characters和String的關係後，把塞在Array裡的表情符號改成String，從字串裡透過索引取值。讓學生感受Protocol-based design of the Foundation framework.
短短幾句背後深似海，帶出了Protocol和Swift語言緊密的關係，可以到SwiftDoc.org感受感受。
就像平常騎摩托車會催油門就好，但真的解體來看原來是人類智慧浩瀚的結晶啊。
最後介紹幾乎無處不在的Closures，光看投影片有點抽象，不要緊、未來見面的機會很多～
相關好文章：Swift中的閉包（Closure）、Swift中的Protocol知道這些就夠了、可選接口和接口擴展。
嗯花了幾個月爬到的地方，CS193p第四堂進度就推到這裡了，想到有句話說「你以為的進步，只是別人的起點」。
有點惆悵(´ー`)。
Lecture 5: Drawing
喜歡看影片配飯吃的朋友們，這堂只有最後20分鐘開Xcode寫程式，前面都在透過投影片講解概念，不會吃得手忙腳亂。
講解View的相關概念：View是矩形區域，可以想成空白的畫布；一個View只能有一個superview，但是可以有很多subviews或沒有。覺得文字抽象，可以想兄弟姐妹只會有一個媽媽，但是媽媽都要照顧他們。
帶出CGFloat、CGPoint、CGSize、CGRect畫圖的座標系概念。CG這兩個字解壓縮（？）後是Core Graphics，彼此是有關聯的。
bounds和frame的差別。要注意View原點（0, 0）是在左上角，不是以前數學課本教的左下角、Y軸往下是正、往上是負。
綠色矩形View B，bounds是（（0, 0）, (200, 250)）座標原點在左上角，不會因為旋轉而改變，活在自己的世界中。
而View B’s frame要包住這個綠色矩形，所以是圖中的白線區域（(140, 65), (320, 320)）；View B’s center是看frame中心座標，X軸是140＋（320/2）= 300、Y軸是65＋(320/2) = 225。
View B’s bounds和middle只看綠色矩形無關外在；View B’s frame和center看包裹綠色矩形的白色矩形（雖然畫面只有兩根白線）。
網友在iOS8做的相關筆記很詳細：Custom Views視圖繪製、Drawing繪製、UIColor顏色、Fonts字體。
接著說明貝茲曲線UIBezierPath的作圖方式替下堂課暖身。
Lecture 6: Multitouch
1.5小時的課我起碼用了5個小時（眼神死）
從頭到尾都在寫程式，建議預留兩倍以上的時間。因為其中有兩段老師為了節省時間直接貼預先準備好的程式碼，要按暫停自己把內容打在Xcode上；之後課程繼續，發現結果長的不同，我很克難的從影片各時間區間比對程式碼，反覆查找快2個小時才發現是錯在這邊(´_ゝ`)
因為老師是直接貼上，簡單帶過前後出現在畫面不到10秒吧。不過定位問題的經驗增加也是好事(≖＿≖)✧
前面1小時都在畫圖，後面教觸碰功能：滑動翻牌、兩指外滑放大、點擊蓋牌。分別對應UISwipeGestureRecognizer、UIPinchGestureRecognizer、UITapGestureRecognizer。
相關連結：UIKit之UIFont、UIKit之UIView、CGRectInset的使用方法。
如果文章有所幫助，歡迎鼓掌灌溉、手指留香喔！ ✧*｡٩(ˊᗜˋ*)و✧*｡
