iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

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

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

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

[DAY-11] Angular-RXJS非同步事件的好幫手

在上一篇,使用httpClient取得API資料的時候,看到一段陌生的程式碼 ngOnInit() { // this.heros = this.da...

2019-09-27 ‧ 由 tso1158687 分享
DAY 12

[DAY-12] Angular-RXJS非同步事件的好幫手2

上一篇提到什麼是RXJS和RXJS的基本觀念,這一篇要來實際操作RXJS。 在進入實際操作之前,還要來提RXJS方便的地方-運算子(Operators) 什麼是...

2019-09-28 ‧ 由 tso1158687 分享
DAY 13

[DAY-13] Angular的路由(Router)-管理與切換頁面的好幫手

到目前為止,我們所做的一切內容,都是做在首頁。現在要來做更多頁面來顯示英雄的細節資料 事前準備 在開始之前,先修改一下原本的英雄資料,多一個descriptio...

2019-09-29 ‧ 由 tso1158687 分享
DAY 14

[DAY-14] Angular的路由(Router)-管理與切換頁面的好幫手-實際應用篇

上一篇設定好路由模組的設定,這一篇要實際應用設定好的路由模組,來實際切換頁面,顯示英雄的資料。 資料一覽 目前英雄列表的資料格式為: { "sta...

2019-09-30 ‧ 由 tso1158687 分享
DAY 15

[DAY-15] Angular的資料轉換-管道(pipe)

經過上一篇複雜的路由設定,這一篇的主題要來比較輕鬆但是同樣很實用的主題-管道(pipe) 什麼是管道(pipe) 為什麼需要轉換資料 在目前為止,我們所做的事情...

2019-10-01 ‧ 由 tso1158687 分享
DAY 16

[DAY-16] Angular的資料轉換-管道(pipe)-自訂管道

上一篇提到如何使用Angular內建的管道。Angular內建的管道固然很實用,但是不能涵蓋全部的使用情境,如果沒有涵蓋到,就自己來定義一個管道吧 事前準備 h...

2019-10-02 ‧ 由 tso1158687 分享
DAY 17

[DAY-17] Angular的表單管理-響應式表單(Reactive Form)-建構篇

響應式表單(Reactive Form)是Angular內建的表單模組。 為什麼需要響應式表單 以資料驅動(data driven)的方式關注表單的資料 關注...

2019-10-03 ‧ 由 tso1158687 分享
DAY 18

[DAY-18] Angular的表單管理-響應式表單(Reactive Form)-實際應用篇

上一篇建立起響應式表單(Reactive Forms),看起來和一般的表單沒有不一樣。這一篇將來實際應用,顯示響應式表單厲害之處。在開始之前,先介紹表單控制元件...

2019-10-04 ‧ 由 tso1158687 分享
DAY 19

[DAY-19] Angular架構與學習資源介紹

終於來到介紹Angular的尾聲。可能會產生一個疑問,為什麼不是在一開始的時候介紹Angular的架構,難道是架構不重要嗎? 我的回答是:不,架構非常重要。但是...

2019-10-05 ‧ 由 tso1158687 分享
DAY 20

[DAY-20] Typescript 介紹-型別(Type)與介面(Interface)

Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...

2019-10-06 ‧ 由 tso1158687 分享