--課程已於 2017 年 8 月更新--
你知道最有生產力的命令列專家利用了 Vim 文字編輯器的強大功能嗎?
問題是,如果你想要使用 Vim 非常好並且想要自己學習,可能需要很長時間。
當你完成本課程,你會知道如何:
1. 一次編輯多個檔案,包括如何在不同檔案之間來回移動資料,從一個檔案複製和剪貼到另一個檔案,並快速跳轉到另一個檔案。
2. 使用必須知道的鍵盤快捷鍵,以及如何輕鬆記住它們。你會實際學習如何“在 Vim 中思考”,所以你甚至不必記住每一個命令,從而節省了無數小時的工作時間。
3. 尋找和替換檔案中的整塊資訊。這包括如何透過重新命名檔案中或是檔案集合中的所有變數來可靠地重構程式碼。當然,你將學習簡單的尋找和替換技術來替換整個檔案中的單詞等等。
4. 剪切,複製和貼上。你將了解如何充分利用 Vim 的內建剪貼簿系統,使用 Vim 的剪貼簿歷史記錄,以及如何從 Vim 中訪問系統的剪貼簿。
5. 視覺化地選擇文字區塊,並對這些區塊執行編輯,例如移動區塊,刪除區塊,縮排/移位區塊等。你將了解 Vim 的文字物件 ( text objects ),以便你可以快速選擇單個或多個單詞,行,段落,HTML / XML 標籤,程式碼區塊等。
6. 如何進行垂直編輯並使用 Vim 的視覺區塊模式( Visual Block Mode )。(有人稱為欄編輯模式或是矩形模式…)
為源始碼,設定檔案或是你經常編輯任何類型的檔案啟用語法凸顯模式 ( syntext highlighting )。這包括如何自定義 Vim 中的配色方案和文字顏色碼。
7. 使用簡單到進階的瀏覽技術,以便你可以在檔案中快速跳到所需的位置。
8. 實用的應用技巧,如編輯程式原始碼,腳本 ( scripts ) ,HTML 等等。你將在本課程中找到很多練習的機會。
充分利用內建的幫助系統,快速找到所需要的說明,而不用離開 Vim。
9. 在 Linux 和 Windows 上使用 MacVim 和 gVim。這包括學習 Vim 的文字界面和圖形界面的優缺點。
創建,儲存和重放巨集 ( macros ) 以正常化資料,並快速重複複雜的編輯。你將學習如何在一個文字檔案中的每一行附加或預加 ( prepend )文字,如何格式化一行文字,並將該格式應用於檔案中的指定區域等等。簡而言之,你將學習如何使 Vim 中的所有內容自動化。
10. 創建自定義快捷方式和個性化鍵盤對映。如果你想為你經常做的事情創建一個快捷方式,你會發現如何使你的生活變得更容易一些。
11. 縮排和移動文字區塊。你還將學習如何啟用自動縮排,以便你可以快速清理並美化你的原始碼。
12. 還有更多…
https://softnshare.wordpress.com/2017/05/26/vimmasterclass/
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
html原始碼 標籤 在 紀老師程式教學網 Facebook 的最讚貼文
[免費教學影片] 30 天學會 jQuery
在場曾經學過 HTML、CSS、JavaScript 的朋友,一定對 jQuery 很好奇吧?我也是因為一次工作機會,被「逼」著學 jQuery 之後,就深深愛上它了!
要我一言以蔽之它有什麼好處可能很難,我這麼說吧:
1. 大量函式庫:寫一行 jQuery,可能得用 JavaScript 寫十幾行。
2. JavaScript 原始碼、但使用 CSS 的套用法則。
第 2 點我解釋一下:使用 JavaScript,你免不了得在 HTML 內,要套用 JavaScript 的那個標籤上,寫各式各樣 onClick="..." 之類的觸發函數。但若你對 CSS 熟,你就知道 CSS 規則可以完全抽離 .html 檔,然後用 a {...} .myClass {...} 之類的套用規則(CSS 叫它 Selector),把另一個檔的 CSS 正確套入指定的 HTML 標籤中。
jQuery 就是借用了 CSS 這種套用規則!而且語法幾乎完全一樣。只是它肚子裡的東西,從一堆 CSS 屬性,換成另一堆 jQuery 函數,或 JavaScript 原始碼而已。如此一來,jQuery 就能另存於其他檔案,完全「不弄髒」 HTML,你也不會跟你們家的視覺設計師,爭吵某個 Bug 是否因為對方亂插 HTML 或 JavaScript,讓版面(或功能)跑掉了。
上次曾經申請過 Tuts+ 免費帳號、看「給大忙人用的 Android」課程的人,這次可以繼續使用不必新申請帳號喔!沒申請過的,只要申請一下(免費的),就可以觀看全部 29 部、共 8 小時的影音教學囉!
希望大家喜歡!
30 Days to Learn jQuery (Free, Login required):
https://courses.tutsplus.com/courses/30-days-to-learn-jquery
html原始碼 標籤 在 紀老師程式教學網 Facebook 的最佳解答
[網頁設計] 八種讓您驚艷的 CSS 過場動畫
CSS 3.0 能提供許多讓人驚艷的過場動畫,而且不需要太高深的程式設計技巧。基本上把下面網址提供的 CSS 原始碼拷貝貼上,再於小處修改一下即可。
對於 CSS 在網頁設計所扮演的角色不熟的朋友,容我說明一下:一個網頁,HTML 負責用標籤標示出「這裡到這裡是主標...那裡到這裡是一個段落...」,也就是 HTML 負責「內容結構」得標定。CSS 則是負責排版。如「標示為『主標』的,要對中、18 點字、標楷體」,「標示為『段落』的,要與下一個段落空一列」...等等。高深一點的 CSS 技巧,就是一些「過場動畫」了。下面提供的網址,不僅把 CSS 做過場動畫的原始碼標示出來,還讓你親手把玩最後的效果。英文苦手的朋友也不用太擔心,只要先玩一下效果,覺得滿意,把上方的程式碼拷貝貼上,頂多標籤名稱修改一下,就可以套用在您的網頁了。
有興趣的朋友不妨試試看!有問題請留言在下方喔!
http://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/