iT邦幫忙

鐵人檔案

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

Angular 學徒之路 feat. TypeScript 系列

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

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

Day 01:入坑 Angular 的前因後果

前因 本身是個有十年以上平面設計經驗的轉職者,因為接觸 Side Project,而開始從切版接案接觸到前端領域,然後開始從六角學院自學前端相關的知識及技能,所...

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

Day 02:準備好你的家私,為開發 Angular 做好準備

準備要建立一個 Angular 的開發環境了,那我到底需要哪些家私呢?以下就來介紹一下: 1. 一台電腦(被揍飛 建議安裝的工具 以下是建議安裝的工具,當然如果...

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

Day 03:不用三分鐘,建立第一個 Angular 專案範本

接下來,我們就要來建立第一個專案範本。 首先,我們可以在桌面上先建一個資料夾,命名叫 Angular,記住不要使用中文字命名,以免發生錯誤。 接著打開...

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

Day 04:看看 Angular CLI 對我們做了什麼?認識專案架構

今天,我們要來看看在使用 Angular CLI 後,專案的架構會長什麼樣? angular.json:是 Angular CLI 的設定檔,包含許多參數,...

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

Day 05:AngularJS?Angular?傻傻分不清楚?

Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...

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

Day 06:Angular 的主要特色與優點簡介

上一篇看完了 AngularJS 與 Angular 的差異後,我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發: Progressi...

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

Day 07:開發 Angular 一定要會的 TypeScript

Angular 官方建議使用兩種語言來開發,一是 Dart(也是一種由 Google 開發的語言),不過 Dart 相對比較少人用,而另一個語言就是我們今天要介...

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

Day 08:初步了解 Angular 應用程式及元件

Angular 應用程式的組成 一個完整的 Angular 應用程式會至少包含一個模組(module),正如我們創建一個 Angular 專案時,裡頭會包含的...

2021-09-20 ‧ 由 ABow_Chen 分享
DAY 9

Day 09:一起了解 Angular 應用程式的啟動流程(一)

啟動 Angular 開發伺服器 我們先打開 VS Code 的終端機面版,輸入 npm start,而 npm start 就會執行 ng serve 這個指...

2021-09-21 ‧ 由 ABow_Chen 分享
DAY 10

Day 10:一起了解 Angular 應用程式的啟動流程(二)

前一篇我們提到了一部分的啟動流程,今天我們會探討剩下的啟動流程資訊。 首先,我們要先知道 JavaScript 是從哪一個程式開始跑,而 Angular 應用程...

2021-09-22 ‧ 由 ABow_Chen 分享