顯示具有 CSS 標籤的文章。 顯示所有文章
顯示具有 CSS 標籤的文章。 顯示所有文章

2016年12月21日 星期三

一個範例搞清楚 "前端"與 "後端" -- 以jQuery UI搭配 ASP.NET控制項(Button)為例

透過jQuery UI的一個特效,來說明「前端」、「後端(ASP.NET控制項)」
jQuery UI的 Add Class特效   (本範例提供 YouTube教學影片)


這裡有一個簡單的 jQuery UI範例(效果),
但是,您務必親自動手做,並且親眼看見 & 觀察運作成果,才能學到東西


當您按下畫面上的 "HTML按鈕"
畫面上的文字會跑一段動畫。

如果您把這個 "HTML按鈕" 改成 ASP.NET控制項
會有什麼結果?

YouTube影片,請看:https://youtu.be/IlmD07Fi_cU

範例如下:
=========================================================
這是第一個錯誤範例,不會運作。
=========================================================

按下 ASP.NET的按鈕以後,畫面不會動?沒有特效??
想想看???????

其實,您按下這個ASP.NET的按鈕
畫面特效有運作
只是他還沒運作完成.......ASP.NET的 PostBack讓畫面閃了一下、回傳,又恢復到原狀
所以您看起來:這個特效不會動

想想其中的運作
您或許可以瞭解「前端技術」、「後端技術」的不同
    前端 --- 例如: JavaScript / jQuery.....這些東西只要在「瀏覽器」上就可以運作 " 不 "需要經過 Web Server翻譯
    後端 --- 例如:ASP.NET後置程式碼、PHP、JSP、ASP等等,這些程式碼「必須」需要經過 Web Server翻譯,才能把結果  ...  送給瀏覽器呈現


好的!我們來跑第二個錯誤範例
想想看,試著想想看...............

遇見錯誤,
試著.......解釋、瞭解這個錯誤
就能學到很多東西


如果您需要複製上面的程式碼,可以到此參考:
http://mis2000lab.pixnet.net/blog/post/34529751-%E4%B8%80%E5%80%8B%E7%AF%84%E4%BE%8B%E6%90%9E%E6%B8%85%E6%A5%9A%20%22%E5%89%8D%E7%AB%AF%22%E8%88%87%20%22%E5%BE%8C%E7%AB%AF%22%20--%20%E4%BB%A5jQuery%20UI%E6%90%AD%E9%85%8D%20ASP.NET%E6%8E%A7%E5%88%B6%E9%A0%85(Button)%E7%82%BA%E4%BE%8B

 
 
我將思想傳授他人, 他人之所得,亦無損於我之所有;
猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net
................   facebook社團   https://www.facebook.com/mis2000lab   ......................
................   Google+   https://plus.google.com/100202398389206570368/posts ........
................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

)沿用上面 jQuery UI的,一模一樣。https://jqueryui.com/addClass/




jQuery UI與 ASP.NET控制項的搭配


<!-- **************************



文字變化區。Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.











   

   
=========================================================
按下 ASP.NET的按鈕以後,畫面不會動?沒有特效??
想想看???????
其實,您按下這個ASP.NET的按鈕
畫面特效有運作
只是他還沒運作完成.......ASP.NET的 PostBack讓畫面閃了一下、回傳,又恢復到原狀
所以您看起來:這個特效不會動
想想其中的運作
您或許可以瞭解「前端技術」、「後端技術」的不同
    前端 --- 例如: JavaScript / jQuery.....這些東西只要在「瀏覽器」上就可以運作 " 不 "需要經過 Web Server翻譯
    後端 --- 例如:ASP.NET後置程式碼、PHP、JSP、ASP等等,這些程式碼「必須」需要經過 Web Server翻譯,才能把結果  ...  送給瀏覽器呈現
好的!我們來跑第二個錯誤範例
=========================================================


HTML表頭()沿用上面 jQuery UI的,一模一樣。https://jqueryui.com/addClass/




jQuery UI與 ASP.NET控制項的搭配





文字變化區。Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.













    
想想看,試著想想看...............
遇見錯誤,
試著.......解釋、瞭解這個錯誤
就能學到很多東西
  
我將思想傳授他人, 他人之所得,亦無損於我之所有;
猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson
寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net
................   facebook社團   https://www.facebook.com/mis2000lab   ......................
................   Google+   https://plus.google.com/100202398389206570368/posts ........
................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ
-->

2016年7月7日 星期四

HTML5 教學影片(搭配碁峰出版社的 HTML5認證教科書)

HTML5 教學影片(搭配碁峰出版社的 HTML5認證教科書)

https://dotblogs.com.tw/mis2000lab/2016/07/07/youtube_html5_mis2000lab_2016

很多操作畫面、設定步驟,如果透過「文字與圖片」解說,往往要大量抓圖、擷取畫面,實在太辛苦了。
現在我改用錄影,來取代文章撰寫。放在 YouTube分享。
感恩 Camtasia Studio 贊助 "錄影"軟體給微軟MVP得主,我會善用您的軟體,分享影片

關於碁峰出版社的 HTML5認證教科書,因為有些讀者(初學者)真的從零開始
連軟體下載、使用都不會(遇見困難),所以我盡量錄製一些影片,幫助這些毫無基礎的使用者
希望有幫上忙。

============================================================
目前錄製好的影片如下:



後續還會持續增加,您可以搜尋「youtube mis2000lab html5」關鍵字找到相關的影片

============================================================
HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材
9789863475750

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

  • 出版商:碁峰
  • 出版日期:2015-04-09
  • 台幣定價:
  • $480
  • 售價:7.9 折 $379
  • 語言:繁體中文
  • ISBN:9863475750
  • ISBN-13:9789863475750

書本的內容、摘要,我分享在此   https://dotblogs.com.tw/mis2000lab/2014/09/26/html5_iron_man_2014


**********************************************************************************************************************
我要買書:

我將思想傳授他人, 他人之所得,亦無損於我之所有;
猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson
......... 寫信給我,mis2000lab (at) yahoo.com.台灣 .....................................................................................
................   facebook社團   https://www.facebook.com/mis2000lab   ............................
................   Google+   https://plus.google.com/100202398389206570368/posts ..............
................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!微軟MVP --MIS2000Lab.主講

事先錄製好的影片,並非上課時側錄!   觀看影片時,有如我「一對一」跟您面對面講課