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)

全站內容不僅中文，還完全免費！這麼優的學習資源還真的蠻少見的！推薦給想用中文學習電腦知識的朋友收藏！

今天的內容如果您覺得不錯，還請多多按讚鼓勵，或轉發分享。有任何問題可以留言在下方，我會盡快回覆您的喔！

[海量影片] 想體驗一下被免費教學影片淹沒的快感嗎？「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。有任何不瞭解的，歡迎在下方留言一起討論喔！

[好站推薦] 15 個學習 Angular.js 的網站

在上個禮拜四，我曾貼出一篇「JavaScript 免費學習資源」（鏈結在此： http://on.fb.me/1B7AYVh ）的文章，得到不錯的迴響（5342 人看過、179 個讚）。當時我就曾提及，JavaScript 近年來的發展，早已非吳下阿蒙。用 JavaScript 開發出來的框架，早已多如過江之鯽。其中最出名的，應該非下列三大框架莫屬了：

1. jQuery
- 著重在網頁前端（負責繪製使用者介面那一端）。
- 號稱一行程式碼可以做出 JavaScript 百行程式碼才做得出來的效果。

2. Angular.js:
- 也是著重在網頁前端。
- 特色是能透過 MVC (Modal, View, Controller) 架構，把 HTML/CSS 碼，與 JavaScript/Angular.js 分離。

3. Node.js:
- 著重在網頁後端（接取資料庫的那一端）
- 特色為「效能」。
- 希望透過「事件」傳遞，做到「非同步呼叫」，讓瀏覽器不必等伺服器完成工作後，才能著手進行下一個工作。

今天要跟大家介紹的，是 Angular.js 的學習網站。原文網址如下：

http://designpotato.com/15-top-websites-to-learn-angularjs/

照慣例幫大家介紹一下。如果您英文不錯，可以直接看原文即可。以下文章是寫給英文不太熟的朋友看的。

==============

1. Recipes with Angular.js
-------------------------------------
用一篇篇短短的文章，來介紹介紹 Angular.js 的功能。每篇文章一定會舉個小範例讓你能捲起袖子實作，就像做菜看食譜（Recipes）一樣。

2. Tutorials Point
------------------------
其實該網站提供的免費學習文章，不止 Angular.js。而是包含 Java, Node.js, Angular.js, Android, Ruby...等眾多語言的教學文。原文連結通往首頁，為了避免您在首頁找不到 Angular.js，我幫您準備了直達 Angular.js 大門口的連結：

http://www.tutorialspoint.com/angularjs/index.htm

當然其它語言您有興趣，也可以看一下。收穫應該不少。

3. GitHub
--------------
作者該打屁股 XD！ GitHub 只是個讓您把原始碼或文件放在此處，並提供「版本管理」功能給您的網站而已。作者卻把超連結直接指向 GitHub 首頁。這樣能找到跟 Angular.js 相關的教學文才有鬼！！不過，紀老師不會讓這種事情發生的，對吧？呵呵！以下是正確頁面的傳送門，請服用：

「Angular.js Learning」
英文版： https://goo.gl/86V7k
繁中版： https://goo.gl/iXPyvw
簡中版： https://goo.gl/s219kC

4. Thinkster.io
-------------------
這也是一個混合了 Angular.js、MEAN (MongoDB, Express.js, Angular.js, Node.js，詳見此連結： http://on.fb.me/1dxXqfv )、Ionic、Swift 四種技術的教學網站。如果您只想看 Angular.js，只要點擊原文連結進去後，再點下方有個「AngularJS」的按鈕，按下去就可以過濾出所有跟 Angular.js 有關的文章了。

5. Year of Moo
---------------------
收集許多 Angular.js 的文章。其實比較不像有順序的教學文。不過看看還是不錯的！

6. Angular.js Tutorial by Todd Motto
------------------------------------------------
這位 Todd Motto 仁兄太神了！他寫了一篇一萬多字的文章，來介紹 Angular.js。讓您看完後，就可以「屁」Angular.js 給別人聽然後不太會露餡。號稱可以「一天學會 Angular.js」的文章。

7. NG Book
----------------
很棒的一本電子書！但原文提供的鏈結不是免費的....不過呢～～咳咳～嗯...傳送門在此 XD：
http://goo.gl/7EhLNd

8. NG Newsletter
-----------------------
一份高品質的 Angular.js 電子週報！由人工挑選的文章，每週定期推送給所有訂戶。免費！

9. Egghead
----------------
「蛋頭先生」的學習網站。其實這也是個收費的綜合性網站，並非只給 Angular.js。點擊進去後，點擊下方的 Angular.js 圖示，或者直接點擊我提供給您的超連結：

https://egghead.io/technologies/angularjs

就可以抵達 Angular.js 的頁面了。它的特色是影音教學。不過有些標示為「Pro」的部分，得付錢才能看。但免費的影音教學也很夠看了！

10. W3 Schools
-----------------------
很老牌的 HTML/CSS/JavaScript 教學網站！近年來也加入 jQuery、Angular.js...等主題。原文很不負責任的指向首頁。如果不想花時間找 Angular.js 在哪裡的朋友，可以直接點擊我提供的連結：

http://www.w3schools.com/angular/

11. Angular.js on Codeacademy
-------------------------------------------
Codeacademy 是一個以「互動學習」出名的網站。強調「做中學」。我非常推薦！原文連結直接點，就能抵達 Angular.js 的頁面。

12. Code School
-----------------------
另一個強調「做中學」的網站。有部分課程開放免費，但有些就得付費了。原文連結指向一個不存在的頁面，我幫各位修正好了。直接點下面這個連結，就能看到「JavaScript 系列」之下的兩個 Angular.js 課程了。一個免費、一個付費。有興趣大家可以試試看：

https://goo.gl/0vcYbY

13. Angular.js in 60 minutes
--------------------------------------
這是一本大約 100 頁的 PDF 電子書，內容不多，不過要 60 分鐘學完我是不太相信啦～ XD 。兩三個小時內看完、有心得，倒是有可能的！想快速瀏覽一下「Angular.js 到底能做什麼」，直接點擊原文提供的連結，就可以下載到這本電子書了。

14. Medialoot
-------------------
其實就是一篇 Angular.js 的長文而已。原文鏈結又很不負責的指向首頁，不管我從主選單找，或者用站內搜尋找「Angular」這個關鍵字，都找不到原文說的那篇文章。後來就求助 Google 大神，要求它把搜尋範圍限制在「medialoot.com」這個網站內，才找到原作者說的那篇文章。我幫大家補上連結在此：

http://goo.gl/xR8CYq

15. Medium.com
------------------------
又來了！作者又不負責任地指向首頁、而非他說的那篇文章了（翻桌）！這樣的作者真的很不負責任耶！不知道他是否來騙稿費的？不管，反正我又請 Google 大神故技重施、找到他說的那篇文章在下面：

https://goo.gl/7GUFv1

===============

今天幫大家介紹的 Angular.js，還滿意嗎？希望大家能有收穫喔！
也麻煩大家不吝按讚鼓勵，或分享給您 Facebook 的朋友喔！