🌟免費兒童程式課程體驗
🌟海外也可報名體驗

在十九世紀蒸汽動能機器普遍進入人類社會後，人類生產製造方式產生巨大改變，多數的人力及手工被機器剝奪取代。當時毫無招架能力的人類面對高效率的機器怪獸，也只能拱手讓出職位，許多良民百姓深受失業貧窮之苦，興起了一場工業革命，進而也把人類社會推向一個嶄新的「工業時代」。
-

經過兩世紀，隨著電腦、網路的高科技發明，時代的巨輪又將人類逐漸推向「人工智慧時代」。英國牛津大學研究指出『未來十年內，有47% 的工作可能被高科技的人工智慧取代』。另外，Google工程總監雷蒙德．庫茲威爾也預測『到 2045 年，AI 智慧將超越人類智慧，許多人的飯碗恐怕也將被淘汰』。
-

人類與 AI 共生共存也已是不可抗拒之命運，尤其又經過了這次的病毒疫情席捲，更加速推動世代的變遷，全人類一批批正往虛擬網路、人工智慧的新世界接踵邁進。因此，現今人類要以工業時代歷史為借鑑，為了避免孩子未來職場被機器人剝奪，在教育觀念上要有所改變，傳統的博聞強記之學應避免，邏輯思考力及創造力才是未來孩子必須培養的能力。
-

《Cheers》雜誌也曾在報導上建議『當面對 AI 浪潮，與其仇視 AI 為搶走工作的敵人，不如與它們合作，各取所長，互補其短。充分了解它們的基本概念、運作邏輯是首要之務。』
-

為了讓新一代輕鬆能輕鬆面對高科技 AI 未來的瞬息萬變，多年前美國的學校、社區或課後班已提供孩子各種程式教育課程。五、六歲的孩子藉由與各種機器人的互動或簡單的樂高遊戲來接觸程式語言的邏輯概念。尤以科技工程師滿山遍谷的矽谷這帶，程式語言教育開發更甚普遍。
-

程式語言對有數理頭腦的孩子是件相當好的創造工具。孩子一進入程式語言變幻莫測的排列組合之間時恍如進入異彩紛呈的魔幻空間，循序漸進地去熟悉掌握語言工具之後，孩子便能發揮能力，激發創意，展現自己。他們大腦不能單單只是被電腦及手機給控制，而是要學會操控這些人工智慧語言，為人類未來建立更美好的新思路。
-

前陣子我也起了讓兒子參加程式教育課程的念頭，希望他在閒暇除了跟朋友們相約連線打電動、聊天外，也能涉獵這些娛樂功能背後所隱藏的語言密碼，讓他大腦培養更清晰的邏輯思考力、解決問題能力及激發創造力。
-

恰巧台灣「 橘子蘋果兒童程式學苑 」特別來邀請兒子免費體驗他們的線上程式教育課程。對電腦有高度興趣的兒子欣然答應。我預約了美國晚上七點到九點的時段 (台灣早上十點到十二點)讓他在遠端平台上線試試「 Scratch 程式設計課程」。
-

起初，我也擔心兒子的中文專業字彙能力有限，會無法吸收課程內容。當準時上線時，專業老師立馬先清楚有條地解說平台的使用方式及上課模式。兒子發現問題馬上可視訊提問，看來師生之間互動交流無障礙，兒子很快便進入學習狀況。
-

橘子蘋果所使用的網路教學平台功能相當完善。兒子先根據課程進度逐一觀看教學影片，然後換到學習平台畫面-自行試著把剛剛學到的程式寫出來。雲端教室內的老師可透由平台上看見兒子的編寫的過程，並給予幫助。若語法寫錯無法順利執行操作時，老師即時進行講解以排除障礙。有時他們之間也會用簡單的英文交流。師生之間溝通流暢度及趣味度與親臨現場教室無異。兒子學習過程相當順利且愉快，也成功地設計了第一款小遊戲。
-

上完兩個小時的課後，設計遊戲的成就感在兒子內心竄動，他對程式語言的興趣大增，拜託我能幫他報名進階課程。看他喜形於色地玩著自己設計的遊戲時，證明此堂體驗課的學習成效頗大，促使我又進一步去了解整體的課程規劃及報名方式。

學苑主任 Roy 老師，在體驗課後親切詳盡解說了橘子蘋果的創建理念及整套課程的規劃。
-

我非常激賞橘子蘋果創辦人 Raymond 自矽谷回台後，十多年來策馬前驅竭力推動台灣兒童的程式教育，成功地開發教材，將四十幾間教室駐點遍佈台灣，並提供規模完善的程式教育環境，課程編排也與時俱進，其優秀的專業師資及教育品質不亞於美國。學成的學員更能進一步與學界、業界進行交流、測驗及比賽，讓熱愛程式語言的兒童能盡情發揮所長，天賦不被埋沒。
-

他們目前提供由淺至深提供了一整套國小到國中孩子設計的程式教育課程，包括：

→ 初階：Scratch 程式設計課程
→ 進階：Python、Java Script 程式開發及 HTMK/CSS 網頁開發
→ 高階：網路資料庫應用、演算法、AI 人工智慧。
-

❤️有興趣的父母可以先幫孩子報名橘子蘋果所提供的『首次免費線上程式體驗課程：👉 http://oaoa.fun/3axu8k 』。

如果像我們一樣是居住在美西的孩子亦可選擇〈太平洋時間周五或周六晚上7:00-9:00〉上課。
-

❤️至於最後讓我決定讓兒子報名參加橘子蘋果程式語言線上課程，原因除了他們提供了專業師資課程、順暢的交流平台外，還有以下三點：

◆ 個人化進度：根據學員的程度個人化學習。程度不好的孩子可以學得慢一些讓學習的每一步驟能更穩健札實；程度好的可以加快學習速度，盡早完成整套課程。

◆ 節省交通時間：線上課程最大的好處就是父母不用浪費時間當司機，辛苦往返接送孩子，大大減少舟車勞頓之苦。

◆ 加強中文溝通能力：針對海外學子來說還可以進一步增強中文聽說讀寫能力，何樂而不為。
-

#學程式就到橘子蘋果
#免費兒童程式課程體驗

◎ 橘子蘋果每年還有舉辦夏令營活動，也深受台灣孩子們的喜愛。若暑假期間有回台灣的海外學子也可以參考看看。

👉 贈送給你們～價值千元的免費體驗課程連結：http://oaoa.fun/3axu8k

❤️ 歡迎大家分享給有需要的朋友

😅 營養共筆網站更換設計～
　
前幾天網站主機到期，
在掏錢續約後，
就突然心血來潮換了新的佈景主題。
　
由於套用主題預設的顏色，
跟共筆不搭，就花了點時間改顏色。
　
為了有好看的中文字，
於是又花點時間調整段落、
內文、標題的字型與大小。
　
有些設定得自己寫新的 css 覆蓋，
於是又花點時間找 css tag 複寫。
　
改到今天，
應該算是可以了～
就來宣傳一下啦。（沒有新文章...）
　
　

回首過來，
從 2007 年開始，
我已經約莫寫了 13 年 的營養共筆。

即便近年的產能已經沒有往日的榮景，
但這個站，卻是陪著走過二十、三十，
以及正在進行的四十世代...
　
可以說是我青春歲月的縮影呀！（誰去把時鐘往回撥...）
　
　
現在，讓我感到驚的是，
近些年，我獲得新工作機會；
　
大多是來自於經營共筆期間，
為了解決問題，
不斷的學習、克服，而擁有的能力，推了我一把！
　
雖說現在的人生好像也沒有美好到哪裡去，
依然是個吃土的北漂中年來著，
但也經歷過不少值得說嘴的過往。
　
　
想說的是，
不要因為你是什麼畢業，
就局限了自己，常不自覺的說出：
「我是理組的....」、
「我是念營養的...」、
「老師沒有教....」
　
　
8020 法則是真的，
至少對我來說，
接觸一個新知識，
稍微花一點時間了解一下，
沒興趣跳過、覺得有趣就再多專研一下
持續堅持下來，總會有所得。
　
　
最後，
要很高興的告訴大家！
　
　
　
　
「明天是星期五！」
　
　
　　
高興之餘，來看看共筆的新樣貌吧～
https://nutrinote.co/

新網站即將要在下星期一跟大家見面了！
第一時間收到網站開張通知：https://ciao.kitchen/waitinglist/
努力了半年，上線前喘口氣想和大家聊聊這一路以來的心路歷程...

為什麼我們需要一個新網站呢？
有參與上個訂閱計劃的朋友們都記得，我的部落格、線上課程、臉書直播、會員管理跟金流全都流離失所分散在不同的平台，無法整合在同一個平台之下，不僅對會員們很抱歉，連我自己在行政管理維護上都非常痛苦，每天都要一個一個手動核對資訊跟通知訊息，讓我在決定在半年前暫時停下腳步，尋求更好的解決方案。

There must be a better way!

【 有夢最美籌備期 】
從半年前上個專案下線之後，我花了一個月研究各種可能的開發方向。
新網站最底標該有的標準就是把所有的內容整合到一個地方，用同一個帳號享有所有的服務，既有的部落格無法達到，所以只能把希望寄望在用最有彈性的從頭自己架站了，審慎評估後，還可以笑笑地覺得自己可以撐過這個學習曲線。

在我腦中的“美好想像”，這個網站不僅僅是部落格放文章，必須兼具線上課程系統、影片串流、會員管理、金流處理的多功能平台，所以光是選用哪個hosting 、課程管理、會員系統、影音雲端、金流選項，彼此又要能互相支援的前提，我就已經花了半個月大量研究所有估狗的到的評測和分析。

其中，課程管理系統是我最關鍵的選擇。
審慎選擇了第一個A課管系統開始展開開發，功能上OK，目前為止還不需要coding，有很多參數和設定可以微調，開發經驗還算舒適，但是它的使用者介面，老實說，美感欠佳。可是當下找不到更好的選擇，想說不管了，先把功能搞定，外觀就且戰且走，慢慢改吧！

【 當現實來敲門期 】
我們的技術開發人力其實只有小妹我(舉手)，加上一個平日下班後吃完飯又要再打卡上班的隊友小當家。 對一位文科背景，人生卻從來沒修過一堂程式/網頁設計課的我來說，突然很希望自己對程式語言的了解只要有50分就好了... 一開始架設網站，挫折感很日常地開始照三餐瘋狂打臉，開始覺得自己眼高手低。

由於我對網站的架構跟網頁語言一咪咪的sense也沒有，加上網站的功能並不是只有單純的部落格而已，光是把一個按鈕從藍色改成綠色，只是改個顏色喔，連什麼進階的改形狀、改大小的客製化都談不上，我花了三個多小時還是搞不定，完全迷路在後台內一直鬼打牆。唉，連顏色都不會改，CSS是什麼可以吃嗎，我真的做得出來我想要的網站嗎？
不外包公司真的有機會嗎？才第一週我就開始懷疑人生了。

好不容易越來越跟第一個課程系統混熟，也痛下決心花了上萬元購買它的付費版本後，很開心看到網站慢慢有個雛形了。不僅花了錢，連英語介面我都花了一個星期佛心幫開發公司翻譯超過兩千字把它中文化後，一切緩慢地往目標前進中，沒想到在兩個月後，也就是聖誕節前夕，第二道牆又狠狠地撞上來。

【 谷底捶心肝撞牆期 】
我非常有印象那天我做網站作到心情鬱悶，想說去家裏附近的咖啡館工作換個心情。當我開始找別人的網站來參考想法的時候，看到了一個英國的線上音樂學習網站，不管是設計美感或是功能上完全是我夢想中的水準！雖然很明顯是專業的網站公司製作的，而我只是一位素人正在模索我的第一個網站，可是還是忍不住會拿兩者來比較。

自己嚇自己真的很恐怖，當下的我突然好沮喪，覺得自己怎麼這麼差，甚至有種再也不想再看到自己的網站的厭惡感....因為不管再怎麼改，現有系統的極限大概就是那樣了。

聖誕節前夕真的滿低潮的，因為如果要突破的話，除了面對我做了一系列錯誤的決定之外，勢必得重新找新軟體、新平台，等於把既有的網站打掉重做，一切歸零。
第一次重來很痛，因為感覺自己努力兩個月多的成果像是一場泡泡，好像什麼也沒發生過。

來到1月心情持續低落，即使最後終於海選到一個我滿意的新系統，準備要捲土重來的時候，新系統的複雜程度以及跟其他外掛軟體的衝突，造成網站bug很多，發生了好幾次網站死當得重灌和回溯，好幾天的心血瞬間又沒有了，不進反退... 但是經歷了耶誕節破釜沈舟，我發現我的內心被訓練越來越堅強了！

接著，遇到自己架站初期還很脆弱的各種駭客攻擊、網站讀取速度過慢、不知道該如何客製化等等各種菜鳥障礙，老天都確保我都有經歷到。

我只能安慰自己，第一次做網站這麼跌撞應該都是正常的吧（苦笑）

雖然理性上我知道自己有一天一定會做完的，家人們也都全力支持，可是恐懼感會在睡覺前或是清晨一起床的時候襲來，那種什麼事情最後都是得靠自己解決，一關過了卻還有另外一關壓著我喘不過氣的心情讓我的脾氣跟自信心....該怎麼說呢，很委婉的形容的話，不是在最佳狀況。
好幾次我都想舉白旗放棄。可是已經走到一半，親力親為就是為了達到自己想要的目標，繼續堅持下去吧。

【 一線曙光 】
來到了3月跟4月隨著網站越來越上軌道，我的心情也跟著網站的進度慢慢回復正常，尤其是當我已經可以很輕鬆調整CSS和PHP改出我要的版型，或是解掉困擾我很久的技術bug的瞬間，忍不住鼓勵一下自己，

呼...有變厲害了唷！

做網站的過程有點像是玩黏土初胚，我每天看它、雕它、磨掉它的稜稜角角、補強他結構上的不足，看著我的待辦清單一項一項打勾，網站bug一個接一個被修正後，巧兒灶咖網路上的新家一點一滴的成型。
新網站在下星期一準備好跟大家見面，因為課程跟會員方案還在製作中的關係，網站的功能仍未全部開放，

但是!! 新網站有新增很多令人興奮的功能（都是過去很多巧手們跟我許願過的功能），我之後會陸續跟大家一一介紹～

下一階段會開始更投入製作烘焙課程和品項開發，攝影棚升級，目前會員方案尚未開放，初期為了維護系統的穩定跟保證會員服務品質，暫時不會跟所有人開放，有興趣想優先收到訊息的巧手們請到以下訂閱網址留下妳的Email，我會優先通知妳們：https://ciao.kitchen/waitinglist/

謝謝大家看完這麼長的心情文orz

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學