前端材料設計堆棧angular.js

Question

我想在編碼方面做得更好，並且試圖弄清楚我需要什麼前端堆棧。我有很多關於許多工具的紅色，但它太多了，我不知道哪些工具可以在一起工作。

目前我的想法是做一個Web應用程序與谷歌從材料設計的設計原理和使用角度爲前端的邏輯。

我有紅色的對和使用這些工具：Angular.js，材料設計精簡版，角，材料，聚合物，離子，引導，Materialise公司和其他各種材料的設計框架。

我與這個演示，我想嘗試材質設計精簡版，但去得進一步和最終需要聚合物某些輸入下拉組件播放。 MDL進一步發揮，我發現，作爲bootstrap是不夠的，因爲我習慣於工作，並希望有它，但不要誤會我喜歡MDL。

離子具有一些本地服務器的好功能和模板應用程序的簡單設置以及其他好的東西，如導出到ios，android應用程序，推送通知，但我結束了刪除ionic.css，因爲它是干擾MDL和Polymer

我在問一些更有經驗的Web應用程序開發人員，以幫助我解決這個堆棧困境。我想把這個想法弄明白，這樣我就可以自由發展。

還有類似GRUNT，BOWER等工具？哪一個對我來說是最好的？

注意：如果你長了興趣後端會的CakePHP和MySQL的數據類型將是JSON（角將發送JSON到PHP爲DB）。

Answer 1

嘗試學習所有工具並同時使用它們可能會變得非常困難。我的建議是在需要時使用這些工具。

如果您的web應用程序很簡單，您甚至可能不需要像angular這樣的框架。如果你想玩材料設計，你可以使用MD lite提供的CSS類來做到這一點，不管你使用angular/polymer /還是普通的javascript。 （如果您想使用聚合物你已經有一些材料的設計風格包括在內。）

有些人喜歡從最簡單的解決方案，並保持逐漸加入更復雜的工具。其他人更喜歡從集成了最佳實踐的更復雜的解決方案入手，在這種情況下，使用「入門套件」可能會有所幫助。

關於咕嚕/一飲而盡......等等，當你需要有一個「構建系統」做任務，如對文件進行壓縮，優化的圖像和其他東西，是用於發佈重要，你可能會擔心以後。

經過多年的前端開發，我意識到不可能掌握所有可用的工具（並且擁有代碼之外的生活）。你最終會選擇一些工具（每個人都有不同的偏好），重要的經驗來解決實際問題。

Answer 2

我會建議你使用角材料，爲您的項目，如果：

• 你有angularjs的良好的知識，或者如果你覺得它有趣的學習
• 您已經通過google design走了，你要實現它在angularjs方式

• 嘗試實現缺失的功能，或採取在線幫助

  角材料團隊正在增加越來越多的功能，如已建立指令s和服務。檢查版本上github page & demo guide

  （下拉列表中已存有最新版本的菜單）

幾點

• 谷歌有一個設計真棒開源指南。

  Angular-material是一個框架，可幫助您使用angularjs實現並遵循該設計語言和原則。

• Bootstrap只是一個框架，它實現了與前端工作相關的css，js。外觀與谷歌的設計完全不同。
• Ionic再次是一個完全不同的框架，爲移動應用程序開發提供實施和指導。

你可以在我的崗位here

鮑爾/咕嚕

• 鮑爾（包管理器）和咕嚕（任務運行）閱讀有關角材料/引導/離子差異是工具，在節點環境中工作。
• 如果您的開發環境是nodejs，您應該使用它們來快速高效地完成工作。 檢查那裏的網站獲取更多信息。

的CakePHP/MySQL的

如果你的後端上這些運行，你必須在前端angularjs。 Angularjs可以在JSON中對你的api進行restfull調用，並且它都可以正常工作。