從PHP雲端資料庫到APP開發之1(打造PHP與MySQL環境)
完整內容:http://terry55wu.blogspot.tw/2015/09/phpapp1phpmysql.html
這是從PHP雲端資料庫到APP開發,
這門課的主要宗旨在建立APP可以存取的雲端資料庫,
也就是把兩個技術集合使用,
而這也是最多學員常常問到的,
至於APP的開發以HTML5為主,當然也可以改為Android APP開發,
而動態網頁,也不一定是PHP,也可以改為ASP.NET或JSP等,
其實觀念都相通,差別是背後有不同的使用需求。
第一次上課,主要是了解學生的程度和學習需求,下載XAMPP安裝的懶人包 [下載],
安裝的懶人包,還真的蠻簡單的,只需要下載並接壓縮到D碟,
不要有中文資料夾名稱,並執行setup_xampp安裝,
啟動Apache與MySQL即完成開發環境設定,並查出自己的IP位址,
這樣就可以打造開發環境,也可以當成雲端伺服器來使用,
家裡有光纖的建議申請固定IP就可以來架雲端了。
接下來就是打造PHP的開發環境了,
用的工具是DreamWeaver CS6 所以必須要先學會設定網站的方式,
就可以很輕易的設計出PHP的動態網頁與連結雲端資料庫,
接下來就是與APP連結了。
所以之後的18周課程大致上會先講解完PHP與MYSQL資料庫,
大約9周時間,可以先參考之前海洋技術學院上課整理:
PHP與雲端資料庫教學懶人包(2015)
http://terry55wu.blogspot.tw/p/blog-page_18.html
接下來則是APP開發部分,用的是PhoneGap技術,
將 Jquery Mobile包在裡面,其實骨子裡也是 JAVAscript與CSS3。
可以參考之前上課(PhoneGap APP教學懶人包2015):
http://terry28853669.pixnet.net/blog/category/list/1384515
流程:
上課內容:
01_建立PHP01網站子目錄
02_練習1表單結果
03_如何在DWCS6中新增網站
04_如何在DWCS6中設定伺服器(基本)
05_如何在DWCS6中設定伺服器(進階)
06_如何在DWCS6中設定伺服器(進階)
07_建立第一個PHP網頁
08_第一個PHP網頁結果
09_第一個表單
10_用GET接收表單參數姓名並顯示
教學影片:http://terry55wu.blogspot.tw/2015/09/phpapp1phpmysql.html
參考書目
Dreamweaver CS6 X PHP超強互動網站特訓班(附影音教學、獨家擴充程式、範例、試用版)
作者: 鄧文淵/總監製,文淵閣工作室/編著
挑戰PHP5/MySQL程式設計樂活學
作者: 文淵閣工作室 (著)
PHP 5實力養成暨評量(附光碟)
作者: 財團法人中華民國電腦技能基金會
php教學例子,php mvc教學,php ajax教學,資料庫,大數據,開放資料,XAMPP,Dreamweaver CS6,雲端資料庫,php mysql教學,html教學,php教學影片,php教學範例,php 安裝
同時也有77部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,跨平台APP開發使用Visual Studio2015與PhoneGap(第10次jQueryMobile的表單概說&表單與範例3_2成績判斷&CH03_2表單元件程式&CH03_4數字轉英文範例&陣列轉為ListView清單&改為動態顯示陣列資料) 上課內容: 01_jQueryMobile的表...
javascript動態 表單 在 紀老師程式教學網 Facebook 的精選貼文
JavaScript 函數庫究竟有多豐富?
持續早上 JavaScript 與 jQuery 的話題...有人問我說,「JavaScript 的函數庫究竟有多豐富?」雖然不至於如佛家說的「如恆河沙數」或「如天上繁星」,但「族繁不及備載」的程度是一定有的。請參考底下這一篇:
20 JavaScript Libraries to Simplify Development Tasks
http://codegeekz.com/javascript-libraries/
其中,最常見的有下列這幾種(我個人接觸經驗認為的啦):
1. jQuery(2006)
- 以「最短程式碼、最大生產力」見長。短短幾行,就能寫出威力十足的網頁特效。
- https://zh.wikipedia.org/wiki/JQuery
2. YUI (Yahoo! User Interface) (2005)
- 提供豐富的使用者介面(表單、導覽列…)
- http://en.wikipedia.org/wiki/YUI_Library
3. ExtJS(2006)
- 基於 YUI 上建立的。
- 提供大量美觀的視覺介面。
- 2010 年改名為 Sencha(日本話的「煎茶」)。
- http://zh.wikipedia.org/wiki/Extjs
4. Prototype (2005)
- 支援標準的物件導向機制,補足 JavaScript 與正規物件導向語言之間的鴻溝。
- 有些次要 Bugs 沒處理,評價兩極化。
- http://en.wikipedia.org/wiki/Prototype_JavaScript_Framework
5. script.aculo.us
- 基於 Prototype 之上而建立的。
- 目前為止,最強的動畫函數庫!
- http://en.wikipedia.org/wiki/Script.aculo.us
6. MooTools (2006)
- 基於 Prototype 之上而建立的。
- 強調「模組化」與「物件導向」,適合拿來開發大型的 JavaScript 程式。
- http://en.wikipedia.org/wiki/MooTools
7. Dojo (2004)
- 用於「跨平台」、「快速開發」等目的的函數庫。
- 可寫出「讓不同瀏覽器,執行效果都相等」的 JavaScript 程式碼。
- http://en.wikipedia.org/wiki/Dojo_Toolkit
8. AngularJS(2009)
- 令人注目的後起之秀,由 Google 主導研發。
- 最早是為了做出「單一網頁架構(Single Page Architecture, 簡稱 SPA)」,就是那種所有東西都放在同一頁,一直捲就會動態載入的網頁。Google 已經將它用在「圖片搜尋」的結果頁,成為目前製作「SPA」時的不二選擇。
- 很強調 JavaScript 與 DOM 的「鬆散耦合(Loosely Coupled)」。認為與 DOM 結合得太緊密不利於程式碼重用,故大量利用 Design Pattern 中的「Dependency Injection(相依注入)」(也就是在 JavaScript 與 DOM 之間多加一層軟體層),降低 JavaScript 與 DOM 之間的耦合程度。
- http://zh.wikipedia.org/wiki/AngularJS
上述這些函數庫,最後都會轉化為 JavaScript 語言,然後丟給瀏覽器去解譯。感覺上,JavaScript 快成了網頁世界的「組合語言(Assembly)」了... XD。
這裡有所有 JavaScript 函數庫、軟體框架的功能比較,請參考:
http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
javascript動態 表單 在 吳老師教學部落格 Youtube 的最讚貼文
跨平台APP開發使用Visual Studio2015與PhoneGap(第10次jQueryMobile的表單概說&表單與範例3_2成績判斷&CH03_2表單元件程式&CH03_4數字轉英文範例&陣列轉為ListView清單&改為動態顯示陣列資料)
上課內容:
01_jQueryMobile的表單概說與修改之前範例
02_jQueryMobile表單與範例3_2成績判斷
03_CH03_2表單元件程式說明
04_CH03_4數字轉英文範例說明
05_陣列轉為ListView清單說明
06_將ListView改為動態顯示陣列資料
完整影音 http://goo.gl/aQTMFS
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
![post-title](https://i.ytimg.com/vi/LXx9_YZLOqM/hqdefault.jpg)
javascript動態 表單 在 吳老師教學部落格 Youtube 的最佳貼文
跨平台APP開發使用Visual Studio2015與PhoneGap(第10次jQueryMobile的表單概說&表單與範例3_2成績判斷&CH03_2表單元件程式&CH03_4數字轉英文範例&陣列轉為ListView清單&改為動態顯示陣列資料)
上課內容:
01_jQueryMobile的表單概說與修改之前範例
02_jQueryMobile表單與範例3_2成績判斷
03_CH03_2表單元件程式說明
04_CH03_4數字轉英文範例說明
05_陣列轉為ListView清單說明
06_將ListView改為動態顯示陣列資料
完整影音 http://goo.gl/aQTMFS
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
![post-title](https://i.ytimg.com/vi/tkk-fL79rxs/hqdefault.jpg)
javascript動態 表單 在 吳老師教學部落格 Youtube 的最佳貼文
跨平台APP開發使用Visual Studio2015與PhoneGap(第10次jQueryMobile的表單概說&表單與範例3_2成績判斷&CH03_2表單元件程式&CH03_4數字轉英文範例&陣列轉為ListView清單&改為動態顯示陣列資料)
上課內容:
01_jQueryMobile的表單概說與修改之前範例
02_jQueryMobile表單與範例3_2成績判斷
03_CH03_2表單元件程式說明
04_CH03_4數字轉英文範例說明
05_陣列轉為ListView清單說明
06_將ListView改為動態顯示陣列資料
完整影音 http://goo.gl/aQTMFS
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
![post-title](https://i.ytimg.com/vi/NVom_AaQ70o/hqdefault.jpg)
javascript動態 表單 在 JavaScript動態生成表格 - 有解無憂 的相關結果
JavaScript動態 生成表格. ... HTML標簽只寫一行表頭; 通過JS來寫動態的表格(有多少組資料,就自動創建多少行表格); 為學習和演示,采用固定的資料, ... ... <看更多>
javascript動態 表單 在 JavaScript如何動態建立table表格 - 程式前沿 的相關結果
兩種JavaScript動態建立table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,建立一一元素var a1=document.createElement("table") ... ... <看更多>
javascript動態 表單 在 JavaScript:建立表格動態插入資料_其它 - 程式人生 的相關結果
使用JavaScript動態插入表格和資料. 一、建立HTML並佈置好基本格局. 這裡沒有什麼難點,基本HTML知識; 為了簡單實現沒有使用thead和tbody進行設計. ... <看更多>