和MAX一起學編程（一）

​MAX馬上就要升初一了，之前學過一段時間python語言，對計算機編程有濃厚興趣。可原先在PC上寫的代碼，執行的結果也只能在PC上顯示，效果也不夠酷炫。聽說爸爸有辦法可以讓代碼執行後在手機上秀出來，就很好奇，決定利用這個暑期好好學一下。

爸爸的單位是一家專門開發app軟件的公司，他們給產品取了一個很好記的名字-愛碼哥。打開網站（imagjs.com）通過註冊賬戶就可以登錄到工作臺頁面，然後點擊“創建新應用”就開始了我開發app的旅程。

我就先創建了一個排序算法的應用吧，剛好可以把原來在python學習過的在手機上看看能做成什麼樣子。在爸爸同事的指導和幫助下，我設計了一個簡單的原型圖：

原型圖

接下來馬上就可以寫代碼了，想想有點激動了，我有點迫不及待了。然而爸爸卻給我潑了一盆冷水：“MAX小朋友，手機應用和你原來只需要寫代碼執行運算不大一樣。首先需要通過佈局（layout）的方式把你設計圖紙上的各種元素一行行一列列地顯示出來，你還是先看半天的文檔（doc.imagjs.com/）吧，網站上有鏈接...”

我先在手機上安裝愛碼哥開發版APP，在手機上加載了一個示例“Hello World”，可以在手機上打開這個應用看到實際效果圖（下圖1）

圖1

同時可以在PC端工作臺（以及手機源碼查看模式下）看到一些有趣的代碼。我學到了一個新詞-XML標籤，這些標籤成對使用，下面就是這個應用的代碼。

<imag>//XML文檔的根節點
 <page>//頁面標籤
 <title>//頁面的標題
 <center><label>歡迎使用愛碼哥/<label>/<center>
 /<title>
 <content>//頁面的內容
 <list>//用列表的方式佈局
 <item>//屬於列表項
 <label>Hello World!/<label>//用文本標籤放內容
 /<item>
 /<list>
 /<content>
 /<page>
/<imag>

從這些標籤名稱上就可以知道大概是幹什麼用的了，比如：Page，Title，Content，List，Label。。。

文檔中還有很多例子，一看就能明白。老爸太低估了我的閱讀理解能力，我看了半個小時就開始折騰了。（待續）