在昨天介紹SideNav時，我們有稍微提到過Toolbar，今天我們就比較認真的來看看Material Design中Toolbar的特性，及Angular Material中Toolbar可以呈現什麼樣的變化吧！

我們終於要正式開始時做一個後台(dashboard)畫面啦，今天我們會先使用Angular Material的SideNav元件，把邊欄的空間先切出來，這個空間通常是用來放置主選單的空間，我們就來看看該如何開始吧！

今天我們要來介紹Angular Material按鈕(button)的使用方法，按鈕可以說是一切互動介面的基本，只要按下了按鈕，所有事情都可能會發生，也因此設計良好的按鈕是非常重要的，除了讓事情發生外，也要讓使用者能夠明確的知道按鈕背後的意義，今天就讓我們看看Material Design中按鈕的設計思維，以及如何在Angular Material如何輕易地達到這些設計的目標吧！

今天是第一天正式介紹Angular Material的相關元件，就讓我們先從比較簡單輕鬆的Icon來開始，雖然說是比較簡單輕鬆，但其實裡面也是有不少學問的，透過今天的介紹，你會發現其實Angular Material提供的Icon元件也是非常強大的！

今天我們將開始正式邁入Angular Material的世界，要學習使用Angular Material打造高品質及高質感的網頁，當然要從安裝Angular Material套件開始，本篇文章就來介紹基本的Angular Material安裝步驟，並簡單加入一個元件來體驗一下有質感是怎樣的一個感覺！

從Angular第2版正式release後，根據全球最大工程師討論區StackOverflow的統計，從2016開始的Angular討論度就不斷竄升，甚至超越了React，直到了2017年，甚至擺脫了前一代Angularjs的陰影，躍升成為最熱門的前端議題！可以見得Angular這個前端框架確實具有它值得學習的地方，而在2017年底Angular正式邁向第5版，隔天Angular Material就從breaking changes不斷的beta版正式升到趨於穩定的rc版，沒幾個禮拜就直接正式release了！

一個是由Google推出的前端框架，一個是由Google推出的設計語言的Angular實作，兩者結合想必能加乘產生N倍以上的爆發力！接下來的日子，我們將一步一步地學會所有Angular Material的元件及特性、Angular CDK及一些進階的技巧，今天第一天就讓我們以比較輕鬆的節奏來認識所有的基礎知識吧！