iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

擺脫菜鳥的訓練,Angualr 基礎教學 系列

接觸了一年的 Angular 從全部都不懂到勉強堪用,將自己走過的與所瞭解的分享給大家,透過額外的說明與一些小例子讓新手瞭解 Angular 官方文檔中提到的觀念的技巧。

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

[Angular] Day1. 認識 Angular

在2020年9月,我正式的從韌體工程師轉職成為一位前端工程師,在自學前端的時候我是選擇了 React 這個 Javascript 框架,做了幾個作品後投履歷面試...

2021-09-01 ‧ 由 Fandix 分享
DAY 2

[Angular] Day2. Angular CLI

大家都說"工欲善其事必先利其器",在我們發開 Angluar 時,必需了解一個非常好用的工具, "Angular CLI&quot...

2021-09-02 ‧ 由 Fandix 分享
DAY 3

[Angular] Day3. angular.json

在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...

2021-09-03 ‧ 由 Fandix 分享
DAY 4

[Angular] Day4. Component

講完前面幾張比較偏向原理與不常使用到的章節後,從這章節開始會介紹比較實際運用的東西。 就像在 Day1 所提到的,Angular app 是由無數個大大小小的...

2021-09-04 ‧ 由 Fandix 分享
DAY 5

[Angular] Day5. Lifecycle hooks

在 Angular 的 Component 中有一個生命週期,當 Angular 實例化這個 Component 並且把它或他的 sub-component 呈...

2021-09-05 ‧ 由 Fandix 分享
DAY 6

[Angular] Day6. Sharing data between child and parent directives and components

我們了解到 Angular app 是由無數個大大小小的 Component 所組成的,所以就會常常需要使用將 Component 嵌套,一個大個 Compon...

2021-09-06 ‧ 由 Fandix 分享
DAY 7

[Angular] Day7. Content projection

本章節將要介紹如何使用 ng-content 將一個 Component 的內容投影到另一個 Component 中,創建靈活且可被重複使用的 Componen...

2021-09-07 ‧ 由 Fandix 分享
DAY 8

[Angular] Day8. Templates and Text interpolation

前幾天大概講完了 Angular 的 Component 的基本功能與介紹,在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法,比如...

2021-09-08 ‧ 由 Fandix 分享
DAY 9

[Angular] Day9. Transforming Data Using Pipes

在上一章中介紹了如何在 template 中插入 component 的變量,而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值(字串、貨幣...

2021-09-09 ‧ 由 Fandix 分享
DAY 10

[Angular] Day10. Property binding and Event binding

本篇中將介紹 Angular 的 property binding 與 event binding,property binding 可以讓你設置 HTML T...

2021-09-10 ‧ 由 Fandix 分享