在dailyreport專案中，我通過springboot + mongodb + redis構建了後端restful介面，現在需要客戶端展現了，但是我的web和移動開發都是初學者，只能從頭學起。
在谷歌上瀏覽資料過程中，偶然遇到thoughtworks的這篇文章：我們真的缺前端工程師麼？ 認真讀下來，首先佩服文中作者的學習能力，然後欣賞thoughtworks這種以feature為單位的團隊組建方式。文章的核心觀點在於：我們不是缺前端工程師，我們是缺優秀的前端工程師。
我再激進一點，我的觀點是：我們不是缺前端工程師，我們是缺優秀的具備匠心的工程師。原文引用了《肖申克的救贖》中的一段話來說明環境對人的限制和塑造，我也放在這裡，提醒我的讀者：不要輕易給自己設限。
these walls are kind of funny like that. first you hate them, then you get used to them.enough time passed, get so you depend on them. that』s institutionalising.compass*是乙個sass到css的預編譯工具，它還包括一些使用了sass的庫，將很多樣式打包成一些模組，可以在自己的專案中使用這些模組。
sass是乙個css3的擴充套件語言，提供了豐富的特性使得編寫樣式更容易（呵呵，css的基礎知識還是得學，設定的曲線平緩一點，慢慢來）。sass提供幾個主要功能來改進css的**結構：可巢狀、變數定義、可擴充套件、可匯入和mixin等。
2. sublime編輯器
sublime是乙個非常好用、非常現代的編輯器，據說是專業的前端都用它（atom默默地瞪了我一眼）。
3. guard + livereload
guard是乙個命令列工具，可以檢測到本地檔案的修改，並且可以觸發一些命令。例如，當html檔案修改時，我們希望瀏覽器能夠自動重新整理，或者當scss檔案修改時，我們希望能夠自動觸發compass進行一次修改。guard的監控規則通過guardfile來定義，例如：
guard 'livereload'
do watch('index.html')
watch(%r)
watch(%r)
endguard: compass
4. 靜態伺服器
只要你的機器上安裝了python，就會有乙個簡單的http伺服器，啟動命令是：python -m ******httpserver 9999
5. 模板工程
模板工程的github位址是：web模板工程，讀者朋友可以直接使用。
啟動兩個終端，乙個啟動guard，另乙個啟動景台伺服器；然後啟動瀏覽器。假設你已經在瀏覽器中安裝了livereload，並單擊livereload圖示，那麼在guard後台會出現「browser connected」字樣，就說明guard服務和livereload外掛程式已經建立連線了。
3周3頁面
html & css 設計與構建**
設計中的設計 原研哉
前端開發工具
sublime webstorm 具有關於js 的瀏覽器相容提示 chrome batarang angular的除錯外掛程式 git小烏龜 nodejs 壓縮和混淆工具 npm 自動安裝工具 grunt 合併和混淆工具 常用 bower 依賴管理工具 不建議使用 http server輕量級ser...
前端開發工具選擇
選擇後比較優秀的工具可以大大加快學習和工作效率 個人感覺最優的選擇是mac。在前端工程化的現在。命令列應該成為每乙個前端er的必備技能之一。macos自帶的shell工具足夠優秀。當然現在win10也內嵌了linux的子系統。也可以比較好的使用命令列。最關鍵的選擇是避免選擇恐懼症。cmd r 瀏覽器...
前端開發工具推薦
外掛程式 docblockr 生成特定格式的函式注釋。只要在函式上面一行輸入 按tab就ok了。git和gitgutter 專案管理用。markdown preview 針對markdown檔案 converttoutf8 支援除utf8外多種編碼 emmet zen coding！package ...