AngularJS 學習筆記(一) – 建置

一、到 https://nodejs.org/en/download/ 下載 node.js 及npm套件

二、安裝完後到命令字元(WIN+R) 輸入 npm -v  以及 node -v 確認版本

三、命令字元

npm install -g @angular/cli

四、切換至專案目錄,建立一個新的專案happyweb

ng new happyweb

五、切換到 happyweb目錄下,開啟服務並打開瀏覽器檢視(打開瀏覽器為 –open 或 –o) 埠為4200

cd my-app
ng serve --open

六、成功的話會看到畫面如下

Swift 教學、學習資源

Swift 2做了些改變,像是 do while變成了 repeat while、for in 加上了where成了 for in where、switch 多了range跟pattern外也多了個 if case、多了個guard(類似if);接下來在exception例外處理有個 do catch…..然後println與print整合了,變成了 print(“”,appendNewline: false)。

學習資源:
美國史丹佛大學著名的ios開發教學線上課程 http://web.stanford.edu/class/cs193p/cgi-bin/drupal/
Apple 官方Swift Bloghttps://developer.apple.com/swift/blog/
Apple Swift 2.1官方文件 https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programming_Language/
iOS開發者及作家 彼得潘 http://www.slideshare.net/deeplovepan/swift-51667357

大陸 Swift開發課程(中文) http://www.hcxy.me/

大陸開發者 王巍 http://swifter.tips/ http://onevcat.com/#blog

Apple資源 https://developer.apple.com/library/ios/navigation/

Object Pascal Handbook by Marco Cantu 書籍推薦 (內容更新)。

訊息來源:廖啟甫 前輩
Object Pascal Handbook by Marco Cantu 書籍推薦 (內容更新)。
Win32, Win64, MacOSX, iOS and Android 跨平台和移動開發書籍,
合法註冊用戶免費下載。
ID: 30018, Object Pascal Handbook by Marco Cantu
http://cc.embarcadero.com/item/30018
書籍大綱:
Chapter 1: Coding in Pascal
Chapter 2: Variables and Data Types
Chapter 3: Language Statements
Chapter 4: Procedures and Functions
Chapter 5: Arrays and Records
Chapter 6: All About Strings
Chapter 7: Objects
Chapter 8: Inheritance
Chapter 9: Handling Exceptions
Chapter 10: Properties and Events (內容更新)
Chapter 11: Interfaces (內容更新)
Chapter 12: Manipulating Classes (內容更新)
Chapter 14: Generics
Chapter 15: Anonymous Methods
Chapter 16: Reflection and Attributes (內容更新)
Appendix A: The Evolution of Object Pascal
Appendix B: Glossary of Terms (內容更新)

史丹佛大學2015年免費iOS開發課程也使用swift語言

美國史丹佛大學從2010年開始就開設了CS193P的網路iOS開發課程,也成了許多開發入門新手的必看聖經之一。今年(2015年)也有新的版本,也採用了swift/XCode6做為新的教學語言。

由於Apple發表新的語言-Swift後,就致力在推廣這個比Objective-C擁有更多優點的語言,所以大部份的學校也開始跟隨apple腳步轉向swift,想要從事iOS開發的朋友也不要錯過這個課程。

 

課程連結:

【胡思亂想】有點想來自寫一本Delphi XE5/6的電子書

下午在露天拍賣看到這本書叫價到2,000元(連結),對這本Delphi 徹底研究的書印象是同學口中的”聖經本”。不過好像後續的版本就沒再出了,總覺得很可惜,Delphi快速開發的特性再加上可以開發Android/iOS,應該可以再現風華,唯讀缺少一本類似這樣的書,或許對後續推廣Delphi XE4/5/6都很有幫助。

21305118420210_703

雖然捷康有出了幾本移動開發入門手冊/FireMonkey 資料庫程式 設計篇/DataSnap 開發實戰篇,可是又覺得不夠全面。

突然有股念頭想要自幹一本電子書出來,也當作自己的成果驗收好了!

http://embarcadero.qcomgroup.com.tw/images/publish/delphi_xe5_mobile_cover.jpg

 

Stanford大學免費iOS(iPhone、iPad)線上開發課程

沒記錯的話,美國史丹佛大學從2009年就開始在iTunes上有一門免費的「CS 193P iPhone Application Development」課程。

2013年的「Developing iOS 7 Apps for iPhone and iPad」也出爐了!

課程網址: https://itunes.apple.com/us/course/developing-ios-7-apps-for/id733644550

官網:http://www.stanford.edu/class/cs193p/cgi-bin/drupal/

螢幕快照 2013-11-01 下午3.58.24

Day2 – Delphi XE5 開發Android、Mac/iOS設定

Android設定

螢幕快照 2013-10-09 下午4.27.29

1開始功能表→Embarcadero RAD Studio XE5→Android Tools

螢幕快照 2013-10-09 下午4.52.09

2開啟之後,其實就是Android SDK Manager的畫面

螢幕快照 2013-10-09 下午4.53.16

3點選上面功能表Tools→Manage AVDs就可以看到delphi xe5在安裝時會自動新增一個rsxe5_android模擬器

螢幕快照 2013-10-09 下午4.37.15

4如果您已安裝好自己android手機的usb驅動程式,可以進入命令字元模式(執行→cmd),然後輸入 adb devices,如果正確的話就會列出您的手機。

Mac/iOS設定

螢幕快照 2013-10-09 下午5.03.04

1到apple網站下載xcode並安裝(網址 https://developer.apple.com/xcode/)

螢幕快照 2013-10-09 下午5.03.35

螢幕快照 2013-10-09 下午5.03.21

2安裝完成後,打開xcode,進入選單Preferences中安裝Command line tools

螢幕快照 2013-10-09 下午5.06.27

3將C:\Program Files\Embarcadero\RAD Studio\12.0\PAServer中的RADPAServerXE5.pkg複製到mac上安裝,完成後就會出現RAD PAServer XE5

測試設定是否成功

Android APP開發

螢幕快照 2013-10-09 下午5.09.49

1打開 delphi XE5主程式,點選 File -> New -> FireMoneky Mobile Application – Delphi 新增專案

螢幕快照 2013-10-09 下午5.10.08

2選擇blank application(空白專案)

螢幕快照 2013-10-09 下午5.13.16

3自動建立一個手機app的空白專案

螢幕快照 2013-10-09 下午5.13.32

4預設是執行到android上(粗體),其他也可以直接執行在iOS的實機或模擬器上

螢幕快照 2013-10-09 下午5.16.56

螢幕快照 2013-10-09 下午5.19.57

5從右下角的Tool Palette(工具盤),點一下TButton,再回到手機畫面的空白處拖拉出您要的大小

螢幕快照 2013-10-09 下午5.21.16

螢幕快照 2013-10-09 下午5.23.20

6再到左下角的Object Inspector(物件檢視器),下拉到Text的部份,把Button1改成Hello World

螢幕快照 2013-10-09 下午5.29.17

7點開右邊的project1,把android下面target的部份設定成PC36100(壽山的HTC手機),接著點選功能表的RUN→RUN(或直接按F9)

1391869_10151619643916541_923988776_n

8實機拍攝的狀況

iOS APP開發

延續上面的1~6的步驟。

螢幕快照 2013-10-09 下午5.44.38

螢幕快照 2013-10-09 下午5.45.15

0在mac機器上打開paserver,並輸入密碼(一定要輸入),並取得該主機的ip(可以打開終端機輸入ifconfig)

未命名1

未命名

未命名2

1在ios simlulator點二下變粗體後,按右鍵Properties在profile的地方下拉,按add new

螢幕快照 2013-10-09 下午5.42.29

2輸入設定檔名稱按下一步(next)

螢幕快照 2013-10-09 下午5.42.52

螢幕快照 2013-10-09 下午5.45.48

3輸入執行paserver的主機ip以及密碼,沒問題的話按test connection會出現成功訊息

螢幕快照 2013-10-09 下午5.46.00

4設定好後按finish,接著點ok,就可以按f9執行了

螢幕快照 2013-10-09 下午6.00.39

5模擬器執行畫面如上,恭禧您!已經學會iOS跟Android APP設計的第一步了。

 

系列文章

Day1 – Delphi XE5試用安裝

在接下來的30天裡,壽山要挑戰教大家利用Delphi XE5的30天Free Trials(試用版),從delphi的門外漢,到可以設計Android、iOS程式的初學者。

首先,第一天先教大家如何申請試用版本以及安裝。

系統需求

  • 記憶體:1 GB  (2 GB以上更好)
  • 硬碟空間: 需3-24 GB 的空間
  • 光碟機(安裝程式用)
  • 基本的GPU – Any vendor DirectX 9.0 class or better (Pixel Shader Level 2)
  • 處理器: Intel® Pentium® or compatible, 1.6 GHz minimum (2GHz+ recommended)
  • 顯示器:1024×768 or higher-resolution monitor
  • 滑鼠:
  • 系統版本:
    • Microsoft® Windows 8 (32-bit and 64-bit)
    • Microsoft® Windows 7 SP1 (32-bit and 64-bit)
    • Microsoft® Windows Vista™ SP2 (32-bit and 64-bit) requires administrator rights
    • Microsoft® Windows Server® 2008 (32-bit and 64-bit)

其他需求

Mac/iOS

需要有一台OS X 10.7以上版本的電腦(可以買一台便宜的Mac mini 約二萬左右)跑paserver編譯程式。

上面需裝有XCode以及裝上command line tools。

Android

如果需要開發android程式,手機的處理器需是 ARM7 規格,版本需求是

  • Android Gingerbread (2.3.3-2.7)
  • Ice Cream Sandwich (4.0.3 and 4.0.4)
  • Jelly Bean (4.1.x, 4.2.x and 4.3.x)

接著要安裝您的手機的USB驅動程式,以及打開手機的USB 偵錯模式

下載篇

螢幕快照 2013-10-09 上午11.33.00

1到embarcadero官網(http://www.embarcadero.com),點選Logo旁的free trials

螢幕快照 2013-10-09 上午11.33.412進入後,可以看到embarcadero有提供許多產品試用版下載試用,我們點選 Delphi XE的下載

螢幕快照 2013-10-09 上午11.33.58

3點入後,會詢問你要下載那個版本Delphi XE5 Architect – 30 day trial 還是Embarcadero RAD Studio XE5 Architect – 30 day trial。我們點選Delphi XE5 Architect – 30 day trial 的download就好。螢幕快照 2013-10-09 上午11.35.13

4接下來會要求您註冊會登入帳號,如果沒有的話就打左邊的基本資料註冊一個。螢幕快照 2013-10-09 上午11.36.305都完成之後,會自動下載程式,並且會寄一封電子郵件告知您試用版本的序號是什麼。

安裝篇

下載完之後,接著我們開始安裝。

螢幕快照 2013-10-09 下午3.15.07

螢幕快照 2013-10-09 下午3.16.30

1雙點剛才下載的delphi_xe5_esd的程式二下開啟安裝程式。

螢幕快照 2013-10-09 下午3.17.39 螢幕快照 2013-10-09 下午3.17.47

2選擇語系English,按ok,接著按下一步(Next)。

螢幕快照 2013-10-09 下午3.19.08

3使用者條款,在I accept the license agreement打勾按Next

螢幕快照 2013-10-09 下午3.21.39

4到剛才註冊的信箱收信,會收到一封embarcadero寄來的試用序號,把信中的Serial Number(s)輸入到Serial Number裡面

螢幕快照 2013-10-09 下午3.23.37

5會再詢問要安裝其他語系到裡面嗎?直接按下一步

螢幕快照 2013-10-09 下午3.24.32

6會告訴您系統所需空間,以及安裝那些程式進去,按下一步(next)

螢幕快照 2013-10-09 下午3.25.47

7因為可以開發Android程式,所以會幫您安裝 android sdk跟 android ndk,繼續下一步

螢幕快照 2013-10-09 下午3.27.11

8出現android sdk的使用者條款,一樣勾選I accept the license agreement按下一步

螢幕快照 2013-10-09 下午3.28.44

9選單名稱跟出現在那位使用者的選單上,直接按下一步

螢幕快照 2013-10-09 下午3.30.05

10安裝路徑,直接下一步

螢幕快照 2013-10-09 下午3.30.52

11檔案關聯,一樣點選下一步

螢幕快照 2013-10-09 下午3.32.16

12在程式安裝或更新中,需要下載檔案的路徑位置,沒有問題的話就下一步

螢幕快照 2013-10-09 下午3.33.40

13確定沒有問題就要開始安裝囉!直接按下一步

螢幕快照 2013-10-09 下午3.34.34

14安裝程式會開始下載需要的檔案安裝,需要等待一段時間,泡杯茶喝杯咖啡(安裝時間就估個一小時吧)

螢幕快照 2013-10-09 下午4.25.08

15安裝完成!

螢幕快照 2013-10-09 下午4.27.29

參考資料

DELPHI XE5 產品概觀(捷康科技)http://embarcadero.qcomgroup.com.tw/xe5/products/delphi.html

DELPHI XE5 線上手冊 http://docwiki.embarcadero.com/RADStudio/XE5/en/Main_Page

 

系列文章