🚨週年慶最後三日🚨全站課程 83 折、最後加碼 $899💰 再送激高 $1600 券❗️
天
時
分
全站 83 折🔥
登入/註冊
iOS 入門 - 從介面設計到開發
0 seconds of 2 minutes, 17 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
02:17
 
高玉璁 Samuel

iOS 入門 - 從介面設計到開發

iOS App 介面開發課程,教你從零開始製作 iOS 的 App。課程將介紹 iOS App 開發的基本流程與規劃,教你使用 Sketch 進行 GUI 介面設計,並講解如何使用 Xcode 搭配 Swift 設計你專屬的 iOS App 介面。
Hahow AI 學習升級
743 人已購買
4.5
(18)

關於課程

課程包含

包含 3 章 62 單元、1 項作業

課程時長

13 時 12 分鐘

課程總人數

743 位同學

觀看限制

不限觀看次數,還會附贈完課證書

學習升級

Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場

最新消息

課程內容

2019.07.05更新:

Hello!!課程的部分即將更新囉,兩年多的時間轉眼就過去了,Swift 也從 Swift3 發展到 Swift5 的版本,在這中間的過程有著許多我們一定要熟悉的特性!透過新增的內容希望能夠幫助大家解除心底的疑惑:),同時熟悉 Swift5 語法上的使用!

2016.09.25更新:

Hello!!謝謝各位同學的捧場,讓這堂課程成功達成募資目標!我跟David已經著手開始進行課程的調整以及錄製的工作!在準備到開課的這段期間內,各位同學如果對於課程有任何的意見或是想法都可以在下方的留言跟我們進行建議跟討論,我們會盡快給您答覆!也非常歡迎各位同學用寄信/留言的方式分享『任何在類似課程中學習時遇過的障礙』給我們,我們會將這些學習上面的障礙列入最高優先的參考,並且極力避免讓類似的狀況再次發生,我們一起努力吧!🌟

課程介紹:

當你在使用Facebook、Twitter、Snapchat或是Uber這些與我們生活密不可分APP的同時,你是否曾想過自己也能做出一個世界級的產品來改變這個世界?
或是你在職場的安逸圈中太久,在找尋下一個充滿挑戰的目標?
或是你是對未來充滿疑惑的學生,急欲尋求一個未來的可能性?

腦海冒出這些想法的同時,可能你會開始覺得...

不不不,我絕對不可能成為工程師或設計師,太困難了。

別擔心!告訴你,這絕對是有可能的!完全沒有經驗的人也可以開心地加入這堂課程!
這系列的課程能夠有效降低入門的門檻,提供各位清晰、有效的學習資源,進而幫助大家輕鬆愉快的進入iOS開發與介面設計的領域。

print("所以,讓我們來試試看吧!")

初學者也能掌握的基礎課程

這是一堂建立基礎,熟悉開發、設計流程的入門課程;因為我們在大學時讀的是電機、電子的相關系所,在加入Tickle、Colorgy團隊之前對於程式的概念基本上只有C++單門課程的基礎能力,對於設計更是完全沒有方向。但也因為非本科系出身的因素,不管是在設計、還是iOS開發上面更能體會「沒有扎實基礎時自學的痛苦」。為何避免這樣的痛苦再度發生,我們在課程的規劃上面會盡可能的降低學習門檻,結合自身的學習經驗並增加自學者的學習興趣,同時輔以市場上最熱門的iOS APP為基礎來設計課程。

課程內容包含

  • 流程設計
  • 介面設計與iOS程式設計的實作練習
  • iOS APP 實作演練
  • 培養iOS開發的基礎概念、正確的程式觀念與邏輯

畫面以流程規劃、介面設計與程式設計三部分呈現,搭配 Sketch、Xcode 與 Swift 工具標誌,展現從流程架構、介面製作到程式開發的學習方向。

為什麼要學習iOS APP開發?

想要成為新創圈炙手可熱的人才嗎?選擇iOS APP開發就對了!
在過去,iOS&MacOS的開發由於ObjectiveC的學習門檻較高,實際開發時又需要搭配昂貴的開發者費用,導致台灣iOS的開發者數量遠低於Android的開發者。但近期隨著Swift興起,網路學習資源的快速增加,入門的門檻已經大幅度的降低;即便如此,在各大徵才平台(104)、新創媒合會( Sudo, Appworks 徵才)或是獵人頭公司開出來的職缺,「有美感的iOS工程師」仍舊是一個不怕找不到,只怕你不要的熱門高薪職缺。

一旦擁有獨立編程與設計能力的您,將更能專注於開發自身獨特的產品,說不定下一個世界級產品/服務的開發者可能就是你。
  • 2019 WWDC 宣傳影片

學設計或是學寫程式會不會很累?

說真的,這兩件事情都「很累」但也很有挑戰性;但是在這兩條路上都有著許多不一樣學習方法,能夠加速你入門、熟悉的速度,在課程中也會依序跟大家分享。請你記住,想要放棄的時候看看Github或是Dribbble上面厲害的大神,想想自己的夢想,或是再看看就業平台上開出來的誘人薪水,在這麼累都是值得的。

GitHub 黑色章魚貓標誌與粉紅色 Dribbble 籃球標誌並列,呈現兩個線上創意與開發社群平台的識別圖案。

為什麼要把設計&工程合併開課,而不是分開授課呢?

在解釋這個問題之前,我們需要瞭解到不管是工程還是設計,都是需要長時間培養的專業技能,沒有一蹴可幾的可能性。但在一頭栽進去之前,我們也要瞭解到“一個成功的產品,設計與工程絕對是密不可分的”。

這堂課程最特別的地方,就是透過完整的課程架構、跨領域的實作與實際挑戰軟體產品(iOS)的開發流程,讓您在培養綜合能力的同時能夠避免把自己侷限在某一個框架當中。

Sketch 介面中的 UI Practice 搜尋頁面設計,包含 All 分類、Travel 關鍵字建議與搜尋圖示;右側篩選欄可設定名稱、尺寸 1920 × 1080、時間、Photo 類型及 $320 TWD 至 $6880 TWD 的價格範圍。

如果你有過加入新創團隊的經驗,或是認識一些新創團隊的成員,想必你應該已經注意到這些團隊內優秀的T型人才往往具有複數項工作技能、多項程式語言,或設計技能的掌控。

    本課程包含設計、工程兩大部分: 

  • 第一部分設計:將會從基本的流程架構開始,運用Sketch這套優秀的工具帶著你「繪製流程圖」、「設計iOS的介面與icon」,同時也會帶著你瞭解該如何「閱讀Apple的Human Interface Guideline」來滿足基本的設計規範;
  • 第二部份工程:將「使用Xcode搭配熱門的程式語言Swift進行開發」,過程中也會幫助你「建立Swift的基礎知識」以及「學習 Cocoa Framework 的應用」;培養全局的 iOS 產品開發技能,不再是以純粹工程師或是設計師的角度作為目標,而是試著成為一個出色的跨領域應用程式開發者/設計者。

Xcode Interface Builder 的 Storyboard 畫面,呈現 Login View Controller 透過 Push segue「toChatSelect」連接 Service Tab View Controller,左側列出 Navigation Controller、Item Scene 與相關場景。

Sketch 3 編輯介面展示網站首頁設計,主視覺標題為「Professional digital design for Mac.」,含 Free Trial、Buy Now 按鈕與鑽石圖像;左側為圖層清單,右側顯示 Position、Size、Fills、Borders 等屬性設定。

關於兩位講者-David&Samuel

David 目前任職於台灣新創團隊Colorgy,擔任iOS工程師。大學時期就讀電子系,因為意外接觸到程式相關的課程,發現自己對於寫程式很有興趣,於大三時期開始踏入iOS的不歸路。大學時期毅然加入Colorgy創始團隊,並全心投入iOS APP的開發工作,從之前的ObjectiveC到現在火紅的Swift都擁有不少的開發經驗。

  • 清大黑客松 - 商業模式獎
  • 政大黑客松
  • NTUST程式研究社 iOS 講師
  • 區塊鏈新創團隊

Samuel 目前任職 Hahow 好學校,擔任 PO 與軟體工程師;過去從任職於街口支付、矽谷新創團隊 Tickle Lab.inc、台灣新創團隊 Menu 美食誌,擔任 前端工程師、iOS 工程師與介面設計師。對於一切美的事物充滿熱情,平常喜愛攝影、旅行跟皮卡丘。大學時期就讀電機工程系,除嵌入式系統(RTOS、ARM、Arduino)與演算法以外,大四時期開始自學Android/iOS APP開發,後續因為與設計系的合作開始接觸平面以及商業設計。

1. Taps Talk UI Demo

TAPS TALK 聊天應用程式介面展示,左側為與 Samuel 對話的訊息頁,包含照片分享與訊息輸入框;右側為 Chats 聯絡人列表,顯示 Yang Liou 等對話,以及訊息、視訊、通話和刪除操作。

2. Ticket, Location Chat UI Demo

兩支手機展示行動 App 介面:左側為「我的票卷」電子車票,顯示2015年12月25日、JK213、台北至左營;右側為 West Hollywood 地圖與多人位置資訊。

3. Pikachu, Snorlax banner,icon demo

寶可夢角色皮卡丘趴在紅白相間的精靈球上,搭配立體陰影效果,作為頁面的視覺裝飾,畫面不含文字資訊。薄荷綠漸層背景中央呈現圓角方形插畫,一名深綠色長髮角色閉眼微笑,露出兩顆尖牙,雙手從下方探出。

4. UI Knob Element Demo

深灰色音響控制面板風格介面,包含旋鈕、ON/OFF 滑動開關、綠紅指示燈、環形音量指示與喇叭孔,底部標示 Designed by Samuel。

5. Hourglass - demo

多張行動應用程式介面設計稿拼貼,呈現地圖定位、即時聊天、登入註冊、訊息列表、車輛影像與交通路況等功能畫面,採用綠色與白色的視覺風格。

哪些人不適合上這堂課?

  • 認為 Android 才是未來,只想開發Android的開發者
  • 覺得上完課就可以瞬間變超強的夢想家
  • 資深的 iOS 開發者

課程結束的延伸學習

哪些人適合這堂課?
1. 任何一個想要加入科技圈的夥伴 2. 想要自行創業或成為Freelancer的夥伴 3. 覺得蘋果很潮,想要學習開發跟設計來變得更潮的夥伴 4. 想瞭解工程師/設計師到底在做什麼的優秀PM 5. 具有強烈的學習意志力的夥伴,不管是程式還是設計都不是一蹴可幾的,強烈的學習意志力能幫助您在這條路上走得更遠更長。
你可以學到
學生在完成本課程後可以理解iOS開發的流程與分工,具有獨立自主設計、開發以及自主學習(閱讀Document、Debug、StackoverFlow)的能力。本課程會引領學生規劃(Wireframe)與設計(GUI)一支iOS APP,並且運用Swift實作APP的主要頁面與部分功能。
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
一台 蘋果(Mac) 電腦( Sketch,Xcode 只支援 mac 系統) 安裝 Sketch 軟體(官方網站試用版: https://www.sketchapp.com/ ) 安裝最新版本的 Xcode (9 以上)
需要具備的背景知識
熟悉Mac系統的使用,強烈的學習意志力X3。 課程的設計主要是針對完全沒有iOS開發/設計經驗的夥伴,因此任何人都可以加入這堂課程喔!(如果有基本的程式基礎/設計基礎,能更快的領悟並應用在自己的案例當中)
單元一覽
3 章 62 單元|總時長 792 分鐘
全部展開
1
Swift 基礎課程內容
影片單元
單元 1 - 觀念篇 - 為什麼要開發iOS?
07:26
影片單元
單元 2 - 觀念篇 - APP流程規劃與介紹
11:01
影片單元
單元 3 - 觀念篇 - 關於UI/UX/GUI
11:04
影片單元
單元 4 - 工具篇 - Sketch的基本操作與介紹
19:02
影片單元
單元 5 - 工具篇 - Sketch的基本操作與介紹#2
29:29
影片單元
單元 6 - 工具篇 - Sketch的基本操作與介紹#3
21:56
影片單元
單元 7 - 設計實作篇 - 運用Sketch進行Wireframe的製作#1
36:28
影片單元
單元 8 - 設計實作篇 - 運用Sketch進行Wireframe的製作#2
30:59
影片單元
單元 9 - 設計實作篇 - 運用Sketch進行Wireframe的製作#3
09:20
影片單元
單元 10 - 觀念篇 - 工程與設計的規劃與討論
23:13
影片單元
單元 11 - 設計實作篇 - iOS App icon設計
27:05
影片單元
單元 12 - 設計實作篇 - iOS App介面設計(基本規範)#1
12:01
影片單元
單元 13 - 設計實作篇 - iOS App介面設計#2
29:31
影片單元
單元 14 - 設計實作篇 - iOS App介面設計#3
16:24
影片單元
單元 15 - 設計實作篇 - 切圖小補充
06:49
影片單元
單元 16 - 觀念篇 - 基本介紹 & 關於程式開發
05:53
影片單元
單元 17 - 程式實作篇 - Swift Basic#1
16:09
影片單元
單元 18 - 程式實作篇 - Swift Basic#2
18:41
影片單元
單元 19 - 程式實作篇 - Swift Basic#3
12:42
影片單元
單元 20 - 程式實作篇 - Swift Basic#4
06:23
影片單元
單元 21 - 程式實作篇 - Swift Basic#5
10:34
影片單元
單元 22 - 工具篇 - Xcode的基本操作
13:27
影片單元
單元 23 - 工具篇 - Storyboard的使用
09:05
影片單元
單元 24 - 程式實作篇 - 第一個Demo練習,熟悉基本UI元件
12:34
影片單元
單元 25 - 程式實作篇 - 瞭解Autolayout與運用
18:09
影片單元
單元 26 - 觀念篇 - MVC架構介紹
04:52
影片單元
單元 27 - 觀念篇 - Collection View介紹
02:56
影片單元
單元 28 - 程式實作篇 - 主頁面Feed Wall實作#1
43:20
影片單元
單元 29 - 程式實作篇 - Profile Page實作
37:01
影片單元
單元 30 - 觀念篇 - 瞭解Segues、View Controller切換流程
07:56
影片單元
單元 31 - 程式實作篇 - 本地資料串接
15:49
影片單元
單元 32 - 程式實作篇 - 新增頁面實作#1
13:15
影片單元
單元 33 - 程式實作篇 - 相簿照片資料存取
18:40
影片單元
單元 34 - 程式實作篇 - 新增頁面實作#2
12:28
影片單元
單元 35 - 觀念篇 - Delegates and Protocols介紹
09:37
影片單元
單元 36 - 程式實作篇 - Delegates and Protocols實作
02:03
影片單元
單元 37 - 程式實作篇 - 第三方服務串接、應用須知
13:54
影片單元
單元 38 - 程式實作篇 - 實機測試流程
04:44
影片單元
單元 39 - 程式實作篇 - 廣告服務串接
10:14
影片單元
單元 40 - 觀念篇 - 學習資源、實用工具分享
12:49
作業單元
作業 1 - 作業成果
查看作業
2
Swift 5 & 基礎語法複習
影片單元
單元 1 - 補充課程介紹
影片單元
單元 2 - Swift 基礎語法複習(一)
01:51
影片單元
單元 3 - Swift 基礎語法複習(二)
04:04
影片單元
單元 4 - Swift 基礎語法複習(三)
06:17
影片單元
單元 5 - Swift 基礎語法複習(四)
03:38
影片單元
單元 6 - Swift 基礎語法複習(五)
08:16
影片單元
單元 7 - Swift 基礎語法複習(六)- 流程控制與邏輯
05:27
影片單元
單元 8 - Swift 基礎語法複習(七)- 流程控制與邏輯
11:08
影片單元
單元 9 - Swift 基礎語法複習(八)- 可選型態
12:04
影片單元
單元 10 - Swift 基礎語法複習(九)- 可選型態
08:30
3
MVC、CollectionView 實作 & iOS 13 新特性
影片單元
單元 1 - MVC 模型
09:29
影片單元
單元 2 - ViewController 生命週期
04:25
影片單元
單元 3 - CollectionView 實作練習(一)
11:49
影片單元
單元 4 - CollectionView 實作練習(二)
07:14
影片單元
單元 5 - CollectionView 實作練習(三)
08:23
影片單元
單元 6 - 什麼是 API 與 URLSession?
11:37
影片單元
單元 7 - 網路層 - URLSession 使用
05:54
影片單元
單元 8 - JSON 轉物件(Codable 實作)
07:23
影片單元
單元 9 - 基礎串接 API 實作(一)
07:14
影片單元
單元 10 - iOS13 - Compositional Layout(一)
09:32
影片單元
單元 11 - iOS13 - Compositional Layout(二)
06:48
影片單元
單元 12 - iOS13 - New UI Datasource
13:08
試看單元
播放試看影片
章節 2 - Swift 5 & 基礎語法複習
單元 1 - 補充課程介紹
試看影片
03:26
課程評價
4.5
/ 5.0
18 則評價
Jason2022-06-30
專案 Demo 下載連結失效
專案 Demo 下載連結失效,看到一樣的問題一年前就有了 如果課程老舊不會更新,也不會回答問題的話就請下架好嗎,購買到心情滿差的 不太建議購買 有更新再更正評價
(已編輯)
查看更多
5 人覺得有幫助
pinkytseng2019-10-25
蠻好的
講得蠻好的 而且有更新這點很不錯
1 人覺得有幫助
ellissu2017-01-20
簡單易懂
可能自己也是從事軟體工作,覺得雖然教的內容不多但都是初學者需要掌握的重點 接下來就應該是做為學生的我們更深入的去研究及練習 這堂課對於初學者真的是非常好的入門
朱晏豪2020-10-16
內容很實在
對於新手或老手程式開發者而言, 在要跨入iOS領域下這個課程是不錯的入門, 費用也很實在, 有興趣餐與iOS開發測試的人可以參考看看喔!
Ying Hsi Chen2021-10-02
不錯
實際操作面很到位 但對於完全沒碰過coding的人看一次可能無法全部吸收 希望多增加一些基礎的coding知識及概念

意猶未盡嗎?

關於講師

高玉璁 Samuel
2堂課程
0篇文章
1,649位學生
帶領 Hahow 的產品、設計、工程與數據團隊,推動 AI 驅動的學習創新,打造更有效的企業培訓解決方案。
前往講師頁面
精選學生作業

購課前問答

日期最新
日期最新
日期最舊
愛心數
Chih-Han Wang
2024-09-06
希望 Hahow 能出更多類似課程 😍
回覆
1 人想問
王玉帆
2023-09-01
請問若想開發macOS 上的App,上這堂課會有幫助嗎?謝謝!!
回覆
我也想問
Jason
2022-07-06
專案 Demo 下載連結失效 2022/07/07
回覆
我也想問
lilian158767
2022-04-18
想請問老師,Xcode(13.3.1)下載後空間不夠,這和Mac版本有關嗎?(Big Sur 11.6.5)
回覆
我也想問
BO MIN
2021-06-20
請問這門課適合完全不會寫程式,看不懂程式以及英文基礎不好的人嗎?謝謝
回覆
我也想問
購買單堂課

NT$1,600
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤