iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

用30天深入Angular 5的世界 系列

Angular是大家耳熟能詳的框架,我的目標是在這30天裡,念完所有官方文件,然後將學習紀錄寫成鐵人賽的學習筆記。
希望在這個鐵人賽的路程上,能看到我在辛苦耕耘中成長的歷程。

鐵人鍊成 | 共 31 篇文章 | 149 人訂閱 訂閱系列文 RSS系列文 團隊XY - 動手不動口
DAY 21

[功能介紹-14] Router基礎介紹

什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...

2018-01-09 ‧ 由 Claire Chang 分享
DAY 22

[功能介紹-15] Router進階介紹

設定Router Module 若我們的Router設定較為複雜時,可將Router配置為一個Router Module。首先,設定一個路由模組app-rout...

2018-01-10 ‧ 由 Claire Chang 分享
DAY 23

[技術支援-1] 支援多語系

Angular i18n可做到的事 以本地格式顯示日期,數量,百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...

2018-01-11 ‧ 由 Claire Chang 分享
DAY 24

[技術支援-2] 讓IDE支援Angular Language Service

語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...

2018-01-12 ‧ 由 Claire Chang 分享
DAY 25

[技術支援-3] Service worker離線支援

關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...

2018-01-13 ‧ 由 Claire Chang 分享
DAY 26

[技術支援-4] Angular Universal

什麼是Angular Universal 下面是一段截錄於https://itw01.com/G3MBE3P.html對Angular Universal目的的...

2018-01-14 ‧ 由 Claire Chang 分享
DAY 27

[技術支援-5] 佈署方式JIT及AOT介紹

Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...

2018-01-15 ‧ 由 Claire Chang 分享
DAY 28

[技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

2018-01-16 ‧ 由 Claire Chang 分享
DAY 29

[技術支援-7] TypeScript設定

TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript,得先用tsc編譯器轉譯(trans...

2018-01-17 ‧ 由 Claire Chang 分享
DAY 30

[技術支援-8] 產品發佈設定

將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...

2018-01-18 ‧ 由 Claire Chang 分享