iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Angular 學徒之路 feat. TypeScript 系列

轉職的路上,剛學 Vue 不久,突然來到了一個使用 Angular 的職場,為了讓自己更快能與職場的工作接軌,開始搜尋 Angular 的相關資源來學習,因為 Angular 開發,認識 TypeScript 是必要的,所以文中也會提到一些,這個歷程在這裡留下記錄,也讓想進入 Angular 世界的朋友們,可以當做參考。

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11:想要快速產出元件及範本,就用 Angular CLI 吧!(一)

快速產生 Angular 元件 要在 Angular 專案中快速產生元件,首先要先打開 VS Code 的終端機面板,並輸入以下指令: ng generate...

2021-09-23 ‧ 由 ABow_Chen 分享
DAY 12

Day 12:想要快速產出元件及範本,就用 Angular CLI 吧!(二)

讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...

2021-09-24 ‧ 由 ABow_Chen 分享
DAY 13

Day 13:來把靜態檔案加入 Angular CLI 建立的專案吧!

把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...

2021-09-25 ‧ 由 ABow_Chen 分享
DAY 14

Day 14:怎麼在 Angular 使用 Bootstrap?

由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...

2021-09-26 ‧ 由 ABow_Chen 分享
DAY 15

Day 15:如何解決 PowerShell 無法使用 Angular 指令的問題?

學習 Angular 的過程中,遇到了一些教學資源不見得會遇到的問題,還真是家常便飯,而且你個人電腦沒遇到,但公司派發給你的筆電偏偏就遇到了,所以就來記錄一下吧...

2021-09-27 ‧ 由 ABow_Chen 分享
DAY 16

Day 16:把做好的 HTML 加入 Angular 吧!

三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...

2021-09-28 ‧ 由 ABow_Chen 分享
DAY 17

Day 17:今天來部署你的 Angular 應用程式吧!

昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...

2021-09-29 ‧ 由 ABow_Chen 分享
DAY 18

Day 18:將你的 Angular 更新到最新版!

今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...

2021-09-30 ‧ 由 ABow_Chen 分享
DAY 19

Day 19:怎麼在 Angular 專案中使用 nvm 切換 Node.js 版本

前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...

2021-10-01 ‧ 由 ABow_Chen 分享
DAY 20

Day 20:怎麼在 Angular 使用 sweatalert2

由於在未來的專案有機會使用到 sweetalert2,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。 安裝 sweeta...

2021-10-02 ‧ 由 ABow_Chen 分享