iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular 與 Nestjs 共舞 - 從前端跨出到全端 系列

現代網頁工作可以分為前端與後端,如果只會前端是無法建構出一個完整的網內容頁,還需要有後端的協助才稱得上是一個完整的流程。與其前端等後端或後端等前端,不如自己邁出一大步,自己幫自己,從前端大步邁出學習後端吧

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文 團隊你是不是不會
DAY 1

[DAY-1] 前言-在比賽開始之前

大家好,我是jason,目前是前端工程師,在同事的推坑下第一次參加鐵人賽 在現在的專業化分工之下,一個網站要完成需要依賴前端與後端工程師齊力合作,兩種領域的管轄...

2019-09-17 ‧ 由 tso1158687 分享
DAY 2

[DAY-2] 為什麼選擇Angular 與Nestjs

為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能,讓開發者可以不用自己造輪子,而是站在巨人的肩膀上面,跟著...

2019-09-18 ‧ 由 tso1158687 分享
DAY 3

[DAY-3] 建立Angular 環境

Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI,只要簡單的指令就可以將Angular的環境建立起來,馬上就...

2019-09-19 ‧ 由 tso1158687 分享
DAY 4

[DAY-4] 建立元件與認識元件

利用Angular CLI建立Component 在Angular專案裡面輸入: ng generate component <componentName...

2019-09-20 ‧ 由 tso1158687 分享
DAY 5

[DAY-5] Angular元件資料的顯示與應用- ngFor, ngIf

在上一篇有提到,可以使用花括號({{ }})綁定值,這個有正式的名稱,稱為插值法(Interpolation) 花括號裡面寫的屬性,Angular會搜尋對應的內...

2019-09-21 ‧ 由 tso1158687 分享
DAY 6

[DAY-6] Angular元件資料的顯示與應用2- ngSwitch, ngModel

在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否,這一篇要來介紹另一個更加複雜的情況,如果是多個條件的情況要如何控制顯示? 使用n...

2019-09-22 ‧ 由 tso1158687 分享
DAY 7

[DAY-7] Angular的事件綁定介紹與應用

在前幾邊介紹到插值法、ngFor、ngIf、ngSwitch等等方法,最主要都是顯示資料的應用。最後介紹到雙向綁定-ngModel,修改資料時會修改綁定的資料外...

2019-09-23 ‧ 由 tso1158687 分享
DAY 8

[DAY-8] Angular元件的互動-元件的輸入與輸出@Input, @Output

在第二篇,為什麼選擇選擇Angular的文章提到,Angular的其中之一個優點是高度模組化,可以像樂高一樣,高度與其他元件結合與抽離。而高度模組化的訣竅在於,...

2019-09-24 ‧ 由 tso1158687 分享
DAY 9

[DAY-9] Angular的服務(Service)-存取資料的好幫手

在前幾篇,一直在討論元件(component)的各種應用。元件顯示資料的各種方法,以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落,這一篇要來討...

2019-09-25 ‧ 由 tso1158687 分享
DAY 10

[DAY-10] Angular-使用HttpClient取得資料

在上一篇提到,所有存取資料的操作都應該在服務(Service)完成,元件(Componet)不應該負責存取資料,只應該負責如何顯示資料與畫面上的操作。 因此建立...

2019-09-26 ‧ 由 tso1158687 分享