網絡應用程式開發人員必備 Cheat Sheet！

IT 有太多東西要學，所以會很容易忘記一些指令，在網上找到一些網絡應用程式開發的 Cheat Sheet，在此紀錄下來作參考

Git

來源: http://zrusin.blogspot.com/2007/09/git-cheat-sheet.html

HTML

來源: http://www.inmotionhosting.com/infographics/_img/html5_cheat_sheet_tags.png

HTML5 Web Applications


HTML5 Graphics & Embedded Content


HTML5 Audio Codecs


HTML5 Video Codecs


HTML5 Forms Inputs


HTML5 Forms Attributes

來源: http://www.findmebyip.com/litmus/ 來源: http://www.addedbytes.com/download/html-character-entities-cheat-sheet/png 來源: http://static.omglog.com/uploads/2010/06/web-safe-fonts-cheat-sheet-v1.png

CSS

來源: http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf

CSS3 Properties


CSS3 Selectors

來源: http://www.findmebyip.com/litmus/

Javascript

來源: http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/

jQuery

來源: http://woorkup.com/wp-content/uploads/2011/12/jQuery-17-Visual-Cheat-Sheet1.pdf

Regular Expressions

來源: http://www.addedbytes.com/download/regular-expressions-cheat-sheet-v2/png/

MySQL

來源: http://www.addedbytes.com/download/mysql-cheat-sheet-v1/png/

Color Theory

來源: http://www.paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster/

留言

張貼留言

這個網誌中的熱門文章

政府T-Contract vs Vendor vs In-house

又到畢業的季節，當一個 IT 畢業生投身社會成為一個程序員時，很多時都要考慮應該往哪個範疇發展，還有就是公司的類型，現時 IT 主要分為 Vendor, in-house 和 t-con，這裡簡單說明這三種類型的分別。 Vendor就好比少林寺，若果你有心學習，就一定有很多機會。基本上是做軟件開發的主要功夫，除了business process re-engineering，一般做兩三年ap就什麼都接觸到。當然，你吸收了多少，掌握有多深入，就看你的本事。Vendor收入一定不高，如果不是等錢用，做兩三年Vendor再轉工，你會發現你的市價高了很多。 比較大型 vendor: PCCW Solutions , ICO , GreenTomato 至於一般 in-house，最大問題是流水作業、分工仔細，你很少機會接觸不同的工種，不知道整個流程的運作，除非你有機會嘗試不同的職位。不過，在in-house做了一段長時間後，你會了解公司的文化和運作，會比較容易明白IT與User之間觀點的差異，懂得與user溝通，即是一大堆所謂的"軟性技巧"，這些東西對於SA或Manager很有用，但前題是你有這個升職的機會。 至於t-con ap是否真的容易做?與做development的t-con ap相比又是怎樣?.... 的確做development同唔做development的分別是很大. 前者我覺得同一般in-house的分別不大, 都係一邊寫code一面按照你上面個SA有乜要幫就分一部份俾你囉. (你係講ap, 唔係jp或者p嘛) 但如果唔做development的話, 我反而覺得t-ap幾吃力不討好, 因為如果你熟晒成個流程點玩, 你基本上已經夠料做t-sa, 但明明你未夠料, 但你又要同o的contractor交手, 而通常你對手都唔係ap而係sa or above, 咁你空肚去同人傾, 當然除了用政府個名去大人之外都無其他方法啦.
閱讀完整內容

用 10 分鐘在 Cloud9 開發一個 Laravel 5 的 Blog

圖片
Cloud9 是一個雲端Web開發平台，它提供了一些開發環境給我們（例如安裝了PHP、Ruby、Python等），讓我們省卻配置伺服器及開發環境的時間，可以立即開發Web App。Cloud9 是免費的，每個開發環境有1個CPU、512MB RAM 及 2GB HDD，對小型 project 是夠用的，很適合用來學習各種 Web App 的開發。 Cloud9 IDE是一個免費的在線集成開發環境，支持四十多種程式語言，例如 PHP、Ruby、Python、Go、JavaScript（包括Node.js）等。它可以使開發者在一個事先安裝好的環境中快速進入開發、與其他人協作並且在Web開發中做到實時預覽和瀏覽器兼容性測試等。 - Wiki 我們會用一個熱門的 PHP 框架 - Laravel（版本：5.2），在 Cloud9 建立一個簡單的 Blog 網站應用程式，所以請先到 Cloud9 註冊戶口。 開完戶口就可以立即建立開發環境 選擇開發環境 等待 Cloud9 建立開發環境 建立完畢便進入了我們的開發環境 安裝 Laravel 5 接下來會安裝最熱門的 PHP Framework - Laravel 5 在 Terminal 輸入以下指令（可以一次過複製以下指令並在 Terminal 貼上） rm README.md php.ini hello-world.php sudo composer self-update composer create-project laravel/laravel ./laravel --prefer-dist shopt -s dotglob mv laravel/* ./ rm -rf laravel 因為 Laravel 會提供 public 資料夾 的檔案給 Client，所以我們要(透過一個文字編緝器nano)修改 Apache Config sudo nano /etc/apache2/sites-enabled/001-cloud9.conf 把 DocumentRoot /home/ubuntu/workspace 改為 DocumentRoot /home/ubuntu/workspace/public 改完請按 F2 儲存，然後 ...
閱讀完整內容

我的 2 年 Developer 生涯

從 Fresh Grad 到 Developer  無意中看到 我的2年 programmer ( web developer ) 生涯故事 ﹣ 沉重代價 一文，感觸良多，所以都想寫一篇自己畢業至今兩年當 Developer 的心路歷程，回顧這兩年的得著，以及展望一下將來。 2016 年 ----- 初出茅廬  畢業前到過兩間公司面試，第一間面試了一個月都沒有回音，聽聞陸續有人收到該公司的 offer，便知道自己落選了，所以就嘗試申請第二間。send 了幾封 cv，誤打誤撞找到了一間 agent，幫我安排了一間大公司的面試，糊里糊塗就去了面試。面試完感覺比上次好，踏出那座大夏的時候，大約 11 點，陽光普照，天空亦很藍，心想：「雖然過海番工比較遠，但公司工作環境尚算不錯，如果有 offer 就一試無妨」，結果大約 2 天後就收到 agent 的電話，叫我上公司簽約。好慶幸自己未畢業就已經收到一間大公司 Developer 的 offer，考完試就馬上番工，但現在好後悔當時太早番工，沒有玩盡佢... 從學校走出來的時候就像一張白紙，對 IT 這行業是零認識，沒有接觸過現實世界中的 IT project，最多只是做過學校的mini project 及 FYP (Final Year Project)。記得第一天上班，SA (System Analyst) 給予一個 demo project 讓我試煉身手就已有點怯，對比學校剛剛完成的那個 project (Web Application Development) 顯得大型很多。當時連學校 project 也只能勉強應付的我，開始擔心自己有沒有能力完成 SA 所吩咐的工作，以及未來 developer 的路⋯⋯SA 簡單講解了 project 的架構，有點像幫我重溫 Web Application Development 那一科所教的東西，然後我就開始嘗試 study 一下那個 project。經過 SA 及隔離同事的指導，終於用幾天的時間掌握並完成了那堆工作（都是一些基本CRUD），這時候才鬆了一口氣，感覺腦袋有點「通經開竅」。 大約一個月後，SA 開始讓我學習一個沒有上線的真實 project，由於功能不多，所以與 demo project 相比也不是大型很多，感覺不難上手。書展...
閱讀完整內容