[好站介紹] 12 個邊玩邊學程式設計的網站

https://goo.gl/6ZW0UV
#Programming #eLearning #PlayToLearnProgramming

很羨慕別人會程式設計自己也想學嗎？攤開買來的程式設計書籍看三秒就直接趴下嗎？這邊介紹您一帖藥，讓您邊玩邊學程式設計，保證不無聊！

今天介紹的 12 個網站，都是讓你邊玩邊學程式設計的好網站！我每個都親自試玩過！超有趣的！迫不及待地想介紹給大家。

玩法很簡單！只要點擊上述連結，選一個想玩的網站，然後按照網站提示就可以一邊玩一邊學會程式設計概念了！

我介紹幾個我認為很好玩的：

1. CodeCombat
圖案漂亮！是一款角色扮演遊戲（RPG）。重點是有繁體中文畫面！您可以選擇使用 Python、JavaScript、CoffeeScript、或 Lua 四種語言，來操控其中的角色。點進去您一定會愛上它！

2. CodeMonkey
這是一款可以給念小學的小朋友試試看的程式學習遊戲！您必須操控畫面上的猴子拿到香蕉。指令很簡單，若下達 "step 15"，那猴子就是直線走 15 步。隨著關卡變難，您會有機會用到「分支」、「迴圈」等技巧。讓您不知不覺學會程式設計的三大語法：「循序」、「分支」、「迴圈」。很推薦家中有小朋友的網友玩！

3. VIM Adventures
vim 是一款程式師愛用的文字處理器。但它繁複的語法，常常嚇壞很多初學者。其實學習 vim 跟當初您練英文打字一樣，多打就習慣了。等到習慣後，您的雙手可以不用離開英文主鍵區，就能操作文字處理的「剪下」、「貼上」、「取代」...等動作。很值得一試！

今天介紹的東西喜歡嗎（請說「是」，謝謝 XD）？喜歡的話麻煩您多多轉發分享給您 FB 的好友同樂喔！

[免費教學資源] 25 種免費 vi / vim 教學文章、影片！
（附上紀老師親自錄製的示範教學影片）

說起 vi 或 vim，寫程式的人要不是愛得要死，就是恨得要死！很少有中間的。它是一個非～～常古老（大約四十幾年）的文字編輯軟體，幾乎所有 Linux 都會內建。恨得要死的人，常抱怨「不能用滑鼠、老是要背一大堆指令」。愛得要死的人，一定是已經跨越背一堆指令的門檻，享受著「眼睛到哪裡，vi / vim 的游標就能跟到哪裡」的快感！

我是哪一派？我當然是愛得要死那一派（得意貌 XD）... 再怎麼說，我都是從 1980 年開始學電腦的。當年的 vi，與那時候其它文字編輯軟體比較起來，可是好用一百萬倍！我就在這麼糊里糊塗的情況，跨越了背誦一堆指令的門檻，登上「愛死 vi」的那群人。

無法被我說服的麻煩聽聽看底下這番比喻：你直覺認為愛開手排車的人技術好？還是愛開自排車的人技術好？如果是手排車，那再請問是手排車好學？還是自排車好學？vi 就類似手排車！很不好學！但學會的，大概都會去試試看怎麼用「水溝蓋跑法」去過個「髮夾彎」...（笑）。

還不能被說服？好吧！再舉個例子...。假設你要把下列這道 C 語言指令：
printf("Hello! World!\n");

裡面從 " 到 " 之間的文字刪除，變成這樣：
printf("");

然後加入新的句子，變成這樣：
printf("This is a new sentence.\n");

你會怎麼做？

你大概會：
1. 右手離開鍵盤去握滑鼠，說不定還搖個兩下，確定鼠標在哪（1 ~ 2 秒）
2. 小心翼翼地用鼠標把 Hello! World!\n 全數選起來（1 ~ 2 秒）
3. 按下 Delete 或倒退鍵（1 秒）
4. 輸入 This is a new sentence.\n （好啦！算你 2 秒）

你知道會 vi 的人怎麼做？
1. 直接打入最少量、可以唯一定位 Hello! World! 這串文字的搜尋字串，如「/o!」（Hello! 後兩字，或其它任意搜尋關鍵字），游標就會跳到字母 o 的下方（/ 是 vi 中「啟動搜尋」的前導字元）。（1 秒）
2. 打入「ci"」，會把 " 到 " 之間的字吃掉，還會把游標停好，讓你接下來打的字直接插入 " 與 " 之間（其中 c 代表 Change，會把選中的文字消除。i 代表 inside，與後方 " 連用，就是找到目前游標所在地，左右成對的 " ，並把它們選起來）。（1 秒）
3. 直接打入新文字「This is a new sentence.\n」即可（2 秒）。

所以 vi 熟的人，就會像打昇龍拳秘技，一口氣輸入「/o!ci"」，你眼睛還來不及跟，舊字串就已經被刪除了。缺點就是，你要背類似像這些鬼畫符的東西一堆。不過它們並非沒有規則，所以雖然比用滑鼠難上手，但一般人用 vi 天天打程式，兩個禮拜也就習慣了。

上面的「ci"」若改成「ci)」，會去找「目前游標所在地左右，與 ) 配對的括號，並把 ( 與 ) 之間的字刪除。所以，vi 練得熟的人，你會看到游標狂跑，你還搞不清楚發生什麼事之前，事情已經做完了。大家可以看看我示範的影片，就能感覺我想表達的意思。

好了！底下就是那 25 種免費的 vi 教學資源，希望大家喜歡喔！
https://code.tutsplus.com/articles/25-vim-tutorials-screencasts-and-resources--net-14631