W3Big - 繁體中文最完整豐富的網頁教學平台,連 C/C++/Java/Python 教學都有喔!
W3Big: http://www.w3big.com/zh-TW/
中文簡介: https://goo.gl/B4Cjgw
這是前不久從一位網友發的文看到的(詳見上述「中文簡介」部分)!稍微玩了一下,發現還蠻豐富的!加上很適合英文沒那麼熟練、想往「網頁程式設計」這方面前進的入門者研讀,所以就在發現後的第一時間,轉貼給大家參考了!
大家可以先點擊上述的 W3Big 連結,然後依照下列順序學習:
-- 前端網頁設計 --
1. HTML
2. CSS3
3. JavaScript
4. HTML DOM
5. AJAX
6. jQuery / jQueryUI / jQuery Mobile
7. JSON
8. AngularJS, React, Bootstap, Foundation 等 JavaScript 框架
-- 後端網頁設計 --
1. PHP / Python3 / Node.js / Ruby 擇一
2. 框架學習: 若您選的後端語言是 Python3,可搭配 Django 服用,加快網站開發速度
3. 資料庫學習: 先學 SQL 語言,接著選一種資料庫,MySQL 或 MongoDB 都可以。
-- 網路相關知識(選修) --
1. TCP/IP
2. HTTP
此外,這個網站還有底下幾個與網頁設計比較無關主題,是我認為很值得學習的:
1. 傳統程式語言: C / C++ / Java / C#
2. 開發環境與工具: Linux / Docker / Eclipse / Git
3. 手機程式設計: Android / iOS (Swift)
全站內容不僅中文,還完全免費!這麼優的學習資源還真的蠻少見的!推薦給想用中文學習電腦知識的朋友收藏!
今天的內容如果您覺得不錯,還請多多按讚鼓勵,或轉發分享。有任何問題可以留言在下方,我會盡快回覆您的喔!
同時也有6部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里...
「javascript ajax教學」的推薦目錄:
- 關於javascript ajax教學 在 紀老師程式教學網 Facebook 的精選貼文
- 關於javascript ajax教學 在 紀老師程式教學網 Facebook 的最佳解答
- 關於javascript ajax教學 在 吳老師excel函數與vba大數據教學 Facebook 的最佳解答
- 關於javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳解答
- 關於javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳解答
- 關於javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳貼文
- 關於javascript ajax教學 在 AJAX 完整解說系列:基礎觀念 - 卡斯伯Blog - 前端 的評價
- 關於javascript ajax教學 在 網頁前端工程入門:JavaScript AJAX 教學- JS 與伺服器的互動 ... 的評價
- 關於javascript ajax教學 在 [HTML][JavaScript][中文][初學] 25. AJAX(Get) 介紹與實作 的評價
- 關於javascript ajax教學 在 jQuery - 網頁專用SDK - 文件 的評價
- 關於javascript ajax教學 在 jsGears.com 技術論壇- AJAX, JavaScript, jQuery, 網站開發 ... 的評價
javascript ajax教學 在 紀老師程式教學網 Facebook 的最佳解答
[海量影片] 想體驗一下被免費教學影片淹沒的快感嗎?「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。有任何不瞭解的,歡迎在下方留言一起討論喔!
javascript ajax教學 在 吳老師excel函數與vba大數據教學 Facebook 的最佳解答
從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 安裝
javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳解答
跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)
上課內容:
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S
教學論壇(之後課程會放論壇上課學員請自行加入):
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
javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳解答
跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)
上課內容:
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S
教學論壇(之後課程會放論壇上課學員請自行加入):
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
javascript ajax教學 在 吳老師教學部落格 Youtube 的最佳貼文
跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)
上課內容:
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S
教學論壇(之後課程會放論壇上課學員請自行加入):
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
javascript ajax教學 在 網頁前端工程入門:JavaScript AJAX 教學- JS 與伺服器的互動 ... 的推薦與評價
動態的、不切換頁面的條件下,利用JavaScript AJAX 技術,與伺服器進行連線互動的基本教學。若對伺服器的 ... ... <看更多>
javascript ajax教學 在 [HTML][JavaScript][中文][初學] 25. AJAX(Get) 介紹與實作 的推薦與評價
... 學習什麼樣的技術呢?https://progressbar.tw/posts/295HTML / CSS / JavaScript ... ... <看更多>
javascript ajax教學 在 AJAX 完整解說系列:基礎觀念 - 卡斯伯Blog - 前端 的推薦與評價
AJAX 全名是「Asynchronous JavaScript and XML」,在網頁上的功能主要 ... 碼上的說明,主要原因是大多教學都是以XHR 開始進行教學,對於基礎觀念來 ... ... <看更多>