[海量影片] 想體驗一下被免費教學影片淹沒的快感嗎?「Derek Banas」這個 YouTube 影音教學頻道 600+ 支影片滿足你!
https://goo.gl/yhCPvl
#eLearning #FreeTrainingVideo
好的!我第一次看到這個 YouTube 影音教學頻道,噴出口的第一句就是:「你 XX 的太閒了啊!」(稱讚意味,默默收藏)
這位 Derek 老兄不知道是繼承了億萬遺產,還是因為興趣使然才猛力做教學影片的?您點進去看,從程式語言、網頁設計、電子電路、資料庫、手機 App、軟體工程、電腦繪圖...甚至於低卡飲食、如何減重、銷售技巧、行銷手法...每樣都有教學影片!您若進去看過他的頻道播放清單,您就會同意我說的話(記得點擊最下方那個「載入更多影片」按鈕,才能完整欣賞到該位老兄的豐功偉業)。
總而言之(丸尾推眼鏡)~~ 喜歡免費教學影片的人有福了!建議您直接訂閱該頻道,或者將我提供的網址加入最愛,然後每天找個三、五片來虐自己...呃...是進修自己一下,包準您程式設計進步的幅度比別人大喔!
咳咳~只丟一個連結就放生可愛的粉絲們,並非我的作風。所以我把他「與程式設計有關」的影片,分門別類地幫大家整理在下面。如果您只對某個領域有興趣,那就看我提供的清單吧!我還幫你把學習順序大致排好了喔!看到我這麼努力還不趕快把「讚」按下去!... XD (無誤)
一:快速學習系列(總計:x39)
> Learn in One Video (x39) - https://goo.gl/fnDxlo
==> 這個系列設計成「學一種語言最多不超過 90 分鐘」,適合業務、PM,或只想懂皮毛就好的人看。
二:網頁程式設計(總計:x219)
[前端網頁設計](小計:x73)
> HTML Tutorial (x4) - https://goo.gl/pXT82h
> HTML Video Tutorial (x2) - https://goo.gl/KXZwtD
> CSS Tutorial (x7) - https://goo.gl/BaUdhp
> CSS Video Tutorial (x7) - https://goo.gl/O8DN8b
> JavaScript Tutorial (x8) - https://goo.gl/wpW0Vi
> JavaScript Video Tutorial (x11) - https://goo.gl/LONxOO
> CoffeeScript Tutorial (x2) - https://goo.gl/ADIvW6
> JQuery Video Tutorial (x9) - https://goo.gl/zRYIlv
> AngularJS Tutorial (x4) - https://goo.gl/WXfguL
> XML Tutorial (x4) - https://goo.gl/LAaFmd
> XML Video Tutorial (x7) - https://goo.gl/WH4Ajo
> AJAX Tutorial (x8) - https://goo.gl/nVItM9
[後端網頁設計](小計:x59)
> PHP Tutorial (x12) - https://goo.gl/7RIa3s
> PHP Video Tutorial (x24) - https://goo.gl/UBdzty
> PHP Security (x6) - https://goo.gl/WjQonR
> NodeJS Tutorial (x12) - https://goo.gl/fzVKZf
> Ruby on Rails Tutorial (x5) - https://goo.gl/dFh0AQ
[網頁程式設計其它](小計:x11)
> 介面設計 How to Layout a Website (x5) - https://goo.gl/9YInAR
> Web Services Tutorial (x6) - https://goo.gl/nr7Yj9
[無痛架站](小計:x76)
> Wordpress Tutorial (x16) - https://goo.gl/X3qNyA
> Wordpress Theme Tutorial (x60) - https://goo.gl/Ac9V4C
三:程式語言(總計:x156)
[一般程式語言](小計:x149)
> C Video Tutorial (x16) - https://goo.gl/wQgJVK
> Java Video Tutorial (x95) - https://goo.gl/TcVfGp
> Java Algorithms (x17) - https://goo.gl/uAQzcC
> Python Tutorial (x9) - https://goo.gl/2c0Ynj
> Python 2.7 Tutorial (x18) - https://goo.gl/yTcJSF
> 組合語言 Assembly Language (x4) - https://goo.gl/PXYlyx
[程式語言相關技巧](小計:x7)
> 正規表示式 Regex Tutorial (x7) - https://goo.gl/x81Khr
四:資料庫(總計 x14)
[SQL](小計:x10)
> SQL Tutorial (x6) - https://goo.gl/YClykN
> SQLite 3 Tutorial (x4) - https://goo.gl/8yHyLP
[NoSQL](小計:x4)
> MongoDB Tutorial (x4) - https://goo.gl/QJfHnv
五:手機 App 程式設計(總計:x100)
[iOS](小計:x4)
> Objective C Tutorial (x4) - https://goo.gl/GswBRH
[Android](小計:x96)
> How to Make Android Apps (x29) - https://goo.gl/DjgL2R
> Android Development for Beginners (x25) - https://goo.gl/LvVODL
> Android Development Tutorial (x42) - https://goo.gl/jm1U5J
六:嵌入式系統(總計:x4)
> 電子電路 Electronics Tutorial (x4) - https://goo.gl/u1Ue0Y
七:軟體工程(總計:x65)
> 物件導向設計 Object Oriented Design (x11) - https://goo.gl/XTcjaa
> UML 2.0 Tutorial (x9) - https://goo.gl/ZF4Coq
> Design Patterns Video Tutorial (x27) - https://goo.gl/znWcZ9
> 重構 Code Refactoring (x18) - https://goo.gl/rNNpUY
八:軟體開發工具(總計:x4)
> Git Video Tutorial (x4) - https://goo.gl/lwtZfF
如果您覺得這個頻道太讚了!或覺得我整理順序、縮網址、算影片數目,搞了三個多小時沒功勞也有苦勞,那就麻煩您按讚鼓勵一下小弟吧!當然更歡迎您轉發給 Facebook 上的朋友,讓他們也感受一下什麼是「倒抽一口涼氣」... XD。有任何不瞭解的,歡迎在下方留言一起討論喔!
同時也有29部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,元智實用化課程用DW將網站轉為APP(2015) 這是在元智大學的課程,主要是如何將之前學習用DW CS6所製作的網站,轉為APP的簡易流程,包含建立HTML頁面與導覽列等, 最後利用PHONEGAP網站協助將網站ZIP轉為APP,並產生QR碼,讓製作APP更為簡單,但是原版PHONEAGAP支援...
「jquery 嵌入 網頁」的推薦目錄:
- 關於jquery 嵌入 網頁 在 紀老師程式教學網 Facebook 的最佳解答
- 關於jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的最讚貼文
- 關於jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的最佳貼文
- 關於jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的精選貼文
- 關於jquery 嵌入 網頁 在 [問題] 如何用JS/jQuery嵌入重複網頁(區塊) - 看板Web_Design 的評價
- 關於jquery 嵌入 網頁 在 [HTML][新手] 14. 影片與網頁嵌入(iframe) - 例如youtube - 進度條 的評價
- 關於jquery 嵌入 網頁 在 jQuery網頁特效設計從基礎到模版應用套修_1 - YouTube 的評價
- 關於jquery 嵌入 網頁 在 Facebook Album Browser 臉書公開相簿的瀏覽套件使用jQuery 的評價
- 關於jquery 嵌入 網頁 在 jQuery - AJAX 與非同步| 樂遊前端趣 的評價
- 關於jquery 嵌入 網頁 在 [HTML] 設定iframe內鑲YouTube影片的寬度為100%,高度自動 ... 的評價
- 關於jquery 嵌入 網頁 在 [CSS]響應式網站設計(RWD)如何擺平Youtube 的影片-CSS3 教學 的評價
- 關於jquery 嵌入 網頁 在 Embed Html.ActionLink in Javascript in Razor - Stack Overflow 的評價
jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的最讚貼文
元智實用化課程用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教學
jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的最佳貼文
元智實用化課程用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教學
jquery 嵌入 網頁 在 吳老師教學部落格 Youtube 的精選貼文
元智實用化課程用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教學
jquery 嵌入 網頁 在 [HTML][新手] 14. 影片與網頁嵌入(iframe) - 例如youtube - 進度條 的推薦與評價
iframe標籤可以把youtube或其他影片網站會想嵌入到自己網站裡面去,例如我們想要將某個youtube影片放到自己的網頁時,點選影片下方的「嵌入」標籤並將語法 ... ... <看更多>
jquery 嵌入 網頁 在 jQuery網頁特效設計從基礎到模版應用套修_1 - YouTube 的推薦與評價
了解什麼是jQuery互動網頁特效及應如何學習才能快速學會2.jQuery語法結構及實作測試3.jQuery模 ... ... <看更多>
jquery 嵌入 網頁 在 [問題] 如何用JS/jQuery嵌入重複網頁(區塊) - 看板Web_Design 的推薦與評價
抱歉,我真是豬頭(囧),剛剛研究出用iFrame就可以解決了。
以後有問題再請教各位m(_ _)m
各位版友好:
我有個問題是,有個頁面需要重複出現(像是footer.htm出現在每一頁頁尾)
,能用HTML/Java Script/jQuery做到嗎?
我有想過用Frame,但是用Frame的話,footer.htm會固定住,沒辦法隨著主
頁面拖曳。
FTP不支援任何動態式語言(ASP.NET或PHP),所以只能用HTML跟Java script
(或jQuery之類的java script函式庫)。
謝謝各位的回答。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 42.78.52.19
剛google了一下,樓上兩位是指使用innerHTML建立java script再呼叫嗎?
寫innerHTML感覺有點麻煩@@
(因為我網頁已經建立了,懶得再轉成innerHTML@@ 而且iFrame一行就可以
解決了,蠻便利的。)
※ 編輯: TomomiItano 來自: 42.78.52.19 (01/10 16:50)
剛剛試了一下,這個方法雖然不錯,不過如果footer裡有用到圖片的話,
相對路徑要依照不同階層更改。所以有不同階層的頁面都要引用footer的
話,就要依照對應的相對路徑做修改。iFrame則沒這個問題。
但排除路徑的問題,引進div比較有一體感就是。
※ 編輯: TomomiItano 來自: 42.78.109.84 (01/16 18:25)
... <看更多>