【此場為 ModernWeb 2018 聯動 Workshop】 Angular 是一套純前端的網頁開發框架，搭配 Firebase 更能讓我們在短的時間內建...
每日一句來源：Daily English Home is the place where, when you have to go there, they h...
每日一句來源：Daily English Within our dreams and aspirations we find our opportunitie...
網路上有很多講 Angular 如何實作上傳功能的文章，但講怎麼做下載功能的卻很少。 There are many articles talk about ho...
將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...
每日一句來源：Daily English And those who were seen dancing were thought to be insane...
TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript，得先用tsc編譯器轉譯(trans...
每日一句來源：Daily English The only limit to our realization of tomorrow will be our...
安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...
每日一句來源：Daily English A new day will come. And when the sun shines, it will shin...
ngrx/store 完成篇 今天開始 今天完成 今天目標：完成會員報告 前次已經將會員報告 store 的部分完成，接下來我們來修改跟報告有關的元...
洋蔥
‧
2018-01-15
Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式： JIT(Just-in-Time)：Angular預設是使用 Just-in-...
每日一句來源：Daily English Goals are not only absolutely necessary to motivate us. Th...
ngrx/store 之報告篇 今天開始 今天完成 今天目標：完成報告有關的 Action, Reducer, Effects, Selector 報告篇...
洋蔥
‧
2018-01-14
什麼是Angular Universal 下面是一段截錄於https://itw01.com/G3MBE3P.html對Angular Universal目的的...
每日一句來源：Daily English No spring nor summer beauty hath such grace, as I have see...
ngrx/store 之路由篇 今天開始 今天完成 今天的目標：將路由狀態加入 store 基本上這個部份大都是標準程式碼 (boilerplate)，也就...
洋蔥
‧
2018-01-13
關於Service worker Angular在第5版新推出了支援Service worker的功能，主要是可以讓Angular更能符合PWA的概念。 PWA...
每日一句來源：Daily English Pride relates more to our opinion of ourselves, vanity to...
ngrx/store 之會員篇 今天開始 今天完成 今天的目標：將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...
洋蔥
‧
2018-01-12
語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇，以加速開發的速度，如下圖： 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定...
每日一句來源：Daily English There is no doubt that good things will come, and when it...
ngrx/store 之會員篇 Effects, Selector 今天開始 今天完成 今天目標：完成會員部分的 ngrx/store 複習一下我們的目標...
洋蔥
‧
2018-01-11
Angular i18n可做到的事 以本地格式顯示日期，數量，百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...
每日一句來源：Daily English Put your heart, mind, and soul into even your smallest act...
ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步：安裝相關套件 npm inst...
洋蔥
‧
2018-01-10
設定Router Module 若我們的Router設定較為複雜時，可將Router配置為一個Router Module。 首先，設定一個路由模組app-rou...
每日一句來源：Daily English A great secret of success is to go through life as a man w...
Angular 網站實例 - 會員報告篇 今天開始 今天完成 今天的目標：完成網站實例（使用服務) 修改報告服務 為了提供元件一份報告的詳細內容，我們在報告服務...
洋蔥
‧
2018-01-09
什麼是Routing? Routing意指路由器，也就是由一個路由器來決定現在要顯示的頁面是什麼 在套用Routing時，會有下列的實踐流程 套用轉址設定（讓...
2018 iT 邦幫忙鐵人賽
AlanShun
Claire Chang