從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 安裝
「jquery get」的推薦目錄:
- 關於jquery get 在 吳老師excel函數與vba大數據教學 Facebook 的最佳貼文
- 關於jquery get 在 紀老師程式教學網 Facebook 的最佳解答
- 關於jquery get 在 JQuery ajax get json data - javascript - Stack Overflow 的評價
- 關於jquery get 在 jQuery get inner text width - GitHub Gist 的評價
- 關於jquery get 在 jQuery: get and set with http, text, val, and attr - YouTube 的評價
- 關於jquery get 在 slick - the last carousel you'll ever need - Ken Wheeler 的評價
- 關於jquery get 在 Jquery Github - Anna Feigl 的評價
jquery get 在 紀老師程式教學網 Facebook 的最佳解答
[WebTech #78] CSS > 4. CSS 範例 > 4-9 視覺效果
這篇要介紹三種視覺效果:鏡射、過場動畫、與形變。廢話不多說,讓我們來看看範例:
鏡射(Reflection):
(1) http://www.hongkiat.com/blog/css-reflection/
(2) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/cross-browser-css-reflections-glows-and-blurs/
過場動畫與形變(Transition and Transformation):
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-transitions-and-transforms-from-scratch/
(2) http://www.netmagazine.com/tutorials/more-efficient-css3-transitions
(3) http://tutorialzine.com/2012/02/css3-product-showcase/
(4) http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/
(5) http://www.netmagazine.com/tutorials/get-more-out-your-css-transitions-jquery
---
最棒的 CSS Selector 或 Properties 線上參考手冊:
(進入後,Selector 在中央,Properties 在左下選單)
http://www.w3schools.com/cssref/css_selectors.asp
jquery get 在 jQuery get inner text width - GitHub Gist 的推薦與評價
Addition to jQuery to get the inner text width. $.fn.textWidth = function(){. var text = $(this).html();. $(this).html('<span>'+text+'</span>');. ... <看更多>
jquery get 在 jQuery: get and set with http, text, val, and attr - YouTube 的推薦與評價
jQuery comes with a bunch of DOM related methods that make it easy to access and manipulate elements and attributes. In this video I talk ... ... <看更多>
jquery get 在 JQuery ajax get json data - javascript - Stack Overflow 的推薦與評價
... <看更多>