Pages

▼
2013年9月16日 星期一

開始學習HTML5前的準備

›
編輯HTML與JavaScript的選擇，建議安裝 notepad++ 軟體，而用瀏覽器直接線上編輯測試則可用 jsfiddle 。 最重要的學習資源： W3School.com
2013年9月15日 星期日

最先需要認識的HTML Tags & Functions

›
HTML基本結構 一定要懂，而要發展行動網頁與手機APP則是要用到 HTML5語法 。 區塊的語法 圖片的語法 超連結的語法 嵌入JavaScript的語法 JavaScript function的語法  (在介紹語法之前，或許用個自動販賣機的例...
2013年9月13日 星期五

Javascript同一般高階語言的學習順序

›
學任何一種程式語言，順序都是差不多的，從電腦五大部門來看，輸出與輸入都是最先要會的。而在JavaScript輸出方面就是先學： alert() : 雖然這個函式只是跳出對話框顯示訊息，但設計手機App時也常用到，譬如提醒使用者網路沒開通所以無法上網。更重要的是，JavaS...
2013年9月11日 星期三

從jQuery Mobile開始練習做Mobile HTML

›
找個模仿的對象吧，我們做個類似 GOMAJI的行動網頁 ，如何？ 先從 jQuery Mobile Quick Start Guide 認識最基本的語法框架( Mobile page structure )，把"Create a basic page templat...
2013年9月9日 星期一

思考如何以jQuery Mobile設計行動網頁功能與介面

›
假設要幫系上老師設計行動版網頁，提供一些方向給大家參考： [首頁] 如果你有找到老師的半身照片，而且老師有一些座右銘之類的，或許可參考 這個風格 。其實只要上面一個 div 放照片，下面的座右銘用 這種 listview  。 如果你有找到老師的生活照，或許可參考 這個...
1 則留言:
2013年9月8日 星期日

利用jQuery Mobile的Listview製作YouTube選單(JavaScript版)

›
這個例子 是在頁面上方內嵌YouTube Player的語法，而點選Listview項目就將要播放的YouTube影片替換掉。這是一個純粹 使用getElementById()的JavaScript的版本 。 更進一步，練習看看再把每個影片的序號與標題都存放在陣列裡，然後也是...
2013年9月6日 星期五

利用jQuery Mobile的Listview製作YouTube選單(jQuery版)

›
這個例子 的內嵌YouTube Player之HTML碼只有一份喔，裡面也沒有條件判斷來代入不同的影片網址，那是怎麼辦到的呢？這就要歸功於 jQuery Selector 的作用囉！在CSS中，有所謂Selector的概念，jQuery Selector很重要的精神便在於企圖在J...
2013年9月4日 星期三

jQuery可以"寫得少、做得多"

›
到底什麼是jQuery呢？可以這麼定義：「 jQuery is a lightweight, "write less, do more", JavaScript library. 」 還記得我們常用JavaScript的document.getEleme...

Web SQL資料庫

›
在支援HTML5的瀏覽器上，已經可以撰寫出給使用者端存取的小型資料庫了，這方面可應用像是建立使用者的最愛收藏、記事功能，讓我們設計的行動版網站或手機APP可以記錄各種需要長期儲存在使用者端的資料。這方面的資料庫技術，有三種主要規格，而 基於一些理由 ，大家都是選擇採用Web S...
2013年9月2日 星期一

Web SQL要注意非同步的問題

›
HTML5的Web SQL是很重要的，未來在開發行動網頁或手機APP一定會用到的。不過，使用Web SQL要注意非同步的問題： Html5 WebSql transaction behaves strangely with alert ，這個問題與Javascrit程式可以非同...
2013年9月1日 星期日

有興趣則還要繼續投入學習的方向...

›
要存取 開放資料 碼？那就要會解析XML與JSON: XML Application jQuery getJSON() Method 要加入更多服務功能嗎？ 一定要去研究Google API: Google APIs Explorer Google Maps...