如今我們的硬體都建立好了，而我當前的專案除了手機app與各種裝置的連動，為了供監督者使用，我們建立了網頁能簡單看資料並在網頁上傳送給音箱訊息。
現在網頁的主要構成由

• HTML : 網頁的骨架
• CSS : 網頁的皮囊(美化你的網頁)
• Javasvript : 網頁的大腦(處理各項功能)

當今網頁，隨著時代演變也有了各種框架，主流有三種

• Angular
• React
• Vue

而我所在的實驗室一直以來皆是使用Angular，因其MVC的架構較適合我們開發。
若想要使用Angular可以先至其官方網頁看看(這幾年也有繁體中文版 https://angular.tw/)
https://angular.io/
首先安裝cli端

    npm install -g @angular/cli

若要建立專案則使用

    ng new my-app

並利用下方代碼，即可看到一個簡單現成的網頁

    ng serve  //at localhost:4200

Angular的建立上為moduale及component
每個Angular應用都有一個根模組，通常建立專案便會自動產生:AppModule，利用跟模組我們串起其他compoent，每個component包含:HTML、CSS、Typescript。再利用Router、Services dependency injection...來為我們建立網頁前端的環境。
同時我們的專案有使用到firebase，可以與Angularfire這東西幫我們更方便處理angular及firebase的環境。
利用

ng add @angular/fire

便可使用，下方有官方的簡單介紹大家可以參考。

出處:https://firebaseopensource.com/projects/angular/angularfire2/