iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 896 瀏覽

鐵人賽自我挑戰組 DAY 26

Angular+Spring Boot API 處理股市資料系列第 26 篇

技術 Angular Stock首頁(Day26)

今天我們要在首頁設置可以連到上市個股日成交資訊的連結我們此次是要利用RouterLink這個元件來創造連結 RouterLink: When applie...

嫩嫩的EveryEnd工程師 ‧ 2021-10-11 ‧團隊ITKB後端工程師

0 Like 1 留言 3375 瀏覽

鐵人賽 Modern Web DAY 26

Angular 深入淺出三十天：表單與測試系列第 26 篇

技術 Angular 深入淺出三十天：表單與測試 Day26 - 進階表單開發技巧 - 自訂驗證器

之前在開發表單的時候，我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。雖然 Angular 已經這麼貼心地提供了這麼多驗...

Leo ‧ 2021-10-11 ‧團隊請支援 Coding

0 Like 0 留言 1283 瀏覽

鐵人賽 Modern Web DAY 26

做一個面試官無法拒絕的sideproject，當一個全能的前端系列第 26 篇

技術 DAY26 - 展現成果，建立 firestore 動態與複雜的查詢

建立動態查詢還記得之幾篇一開始如何使用條件查詢 firestore 的資料嗎? this.firestore.collection("fruits...

tso1158687 ‧ 2021-10-11 ‧團隊請支援 Coding

1 Like 0 留言 1263 瀏覽

鐵人賽自我挑戰組 DAY 25

Angular+Spring Boot API 處理股市資料系列第 25 篇

技術 Angular Stock登入(四)(Day25)

透過昨天我們提到的路由，今天我們要實現登入後將token存入sessionStorage後轉導到首頁首先我們先建立一個物件是可以與API回傳物件進行相互對應的...

嫩嫩的EveryEnd工程師 ‧ 2021-10-10 ‧團隊ITKB後端工程師

0 Like 1 留言 1337 瀏覽

鐵人賽 Modern Web DAY 25

Angular 深入淺出三十天：表單與測試系列第 25 篇

技術 Angular 深入淺出三十天：表單與測試 Day25 - 測試進階技巧 - DI 抽換

好一陣子沒寫單元測試與整合測試了，大家是否覺得有些生疏了呢？之前的測試都寫得很簡單，正好昨天好好地寫了搜尋輸入框還有呼叫 API ，可以藉由撰寫這個功能的測...

Leo ‧ 2021-10-10 ‧團隊請支援 Coding

0 Like 0 留言 888 瀏覽

鐵人賽自我挑戰組 DAY 28

Angular 學徒之路 feat. TypeScript 系列第 28 篇

技術 Day 28：開始來學資料繫結：使用目前所學，來個簡單實作吧！（二）

前一篇，我們完成了需求一：當使用者在關鍵字搜尋這個 input 輸入文字時，要在輸入框的正下方顯示正在輸入的字元數。今天我們要接著完成需求二：當使用...

ABow_Chen ‧ 2021-10-10

0 Like 0 留言 966 瀏覽

鐵人賽 Modern Web DAY 25

做一個面試官無法拒絕的sideproject，當一個全能的前端系列第 25 篇

技術 DAY25 - 展現成果，建立成果頁面

隨著專案前端、後端等等各個架構與部署都準備完成，Side project 就差最後一步驟，將自己或別人辛苦的每日打卡內容展示出來功能拆解以卡片式的方式呈...

tso1158687 ‧ 2021-10-10 ‧團隊請支援 Coding

0 Like 0 留言 800 瀏覽

鐵人賽自我挑戰組 DAY 27

Angular 學徒之路 feat. TypeScript 系列第 27 篇

技術 Day 27：開始來學資料繫結：使用目前所學，來個簡單實作吧！（一）

資料繫結的主題講了好幾天，那麼，就來小試身手一下，透過一個簡單的實作，把這幾天所學到的觀念，試著運用看看。看看上圖框起來的 input，我們實作的需求如下：...

ABow_Chen ‧ 2021-10-09

1 Like 0 留言 1275 瀏覽

鐵人賽自我挑戰組 DAY 24

Angular+Spring Boot API 處理股市資料系列第 24 篇

技術 Angular 路由(Day24)

在完成登入功能之前，我想要先介紹一下Angular的路由系統 Angular Routing: In a single-page app, you chang...

嫩嫩的EveryEnd工程師 ‧ 2021-10-09 ‧團隊ITKB後端工程師

2 Like 2 留言 2493 瀏覽

鐵人賽 Modern Web DAY 24

Angular 深入淺出三十天：表單與測試系列第 24 篇

技術 Angular 深入淺出三十天：表單與測試 Day24 - Reactive Forms 進階技巧 - Auto-Complete Searching

在日常生活中，大家應該滿常看到有些系統的搜尋輸入框是可以在一邊打字的同時，一邊將搜尋結果呈現在一個下拉選單裡，非常地貼心且方便。當然，這其中其實有很多細節，...

Leo ‧ 2021-10-09 ‧團隊請支援 Coding

1 Like 0 留言 1431 瀏覽

鐵人賽自我挑戰組 DAY 23

Angular+Spring Boot API 處理股市資料系列第 23 篇

技術 Angular Stock登入(三)(Day23)

今天我們要來串接我們之前寫好的使用者登入的API連結。昨天我們已經可以在按鈕綁定的doLogin方法上取得輸入的account&password...

嫩嫩的EveryEnd工程師 ‧ 2021-10-08 ‧團隊ITKB後端工程師

0 Like 1 留言 2339 瀏覽

鐵人賽 Modern Web DAY 23

Angular 深入淺出三十天：表單與測試系列第 23 篇

技術 Angular 深入淺出三十天：表單與測試 Day23 - Reactive Forms 進階技巧 - 欄位連動檢核邏輯

大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...

Leo ‧ 2021-10-08 ‧團隊請支援 Coding

0 Like 0 留言 766 瀏覽

鐵人賽自我挑戰組 DAY 26

Angular 學徒之路 feat. TypeScript 系列第 26 篇

技術 Day 26：開始來學資料繫結：事件繫結（三）今天的 $event 有型別呢！

昨天我們有稍微提到，使用 $event 的 property 時，要注意大小寫的問題，雖然只是輕輕帶過，但是以往有寫過 JavaScript 的開發者，肯定有遇...

ABow_Chen ‧ 2021-10-08

1 Like 0 留言 1082 瀏覽

鐵人賽自我挑戰組 DAY 22

Angular+Spring Boot API 處理股市資料系列第 22 篇

技術 Angular Stock登入(二)(Day22)

今天我們要實作如何利用Angular內提供的模組，從form表單取值。 FormModel: Both reactive and template-drive...

嫩嫩的EveryEnd工程師 ‧ 2021-10-07 ‧團隊ITKB後端工程師

1 Like 1 留言 1798 瀏覽

鐵人賽 Modern Web DAY 22

Angular 深入淺出三十天：表單與測試系列第 22 篇

技術 Angular 深入淺出三十天：表單與測試 Day22 - 把 Cypress 變成 TypeScript 版

平常都用慣 TypeScript 版的 Cypress，但這兩天都用 JavaScript 在寫測試，令我有點不太習慣。雖然 JS 版或 TS 版的差別並沒...

Leo ‧ 2021-10-07 ‧團隊請支援 Coding

0 Like 0 留言 828 瀏覽

鐵人賽自我挑戰組 DAY 25

Angular 學徒之路 feat. TypeScript 系列第 25 篇

技術 Day 25：開始來學資料繫結：事件繫結（二）使用 $event 參數

前一篇我們談到了事件繫結的方法，在使用事件繫結(Event binding) 的時候，我們要先有一個事件，並使用小刮號() 來註冊，並傳入一個方法，而這個方...

ABow_Chen ‧ 2021-10-07

1 Like 0 留言 1107 瀏覽

鐵人賽自我挑戰組 DAY 21

Angular+Spring Boot API 處理股市資料系列第 21 篇

技術 Angular Stock登入(一)(Day21)

今天要開始實作登入頁面，首先我們先新增一個login元件 ng generate component login 接著將在網路上找到的登入的html樣式放...

嫩嫩的EveryEnd工程師 ‧ 2021-10-06 ‧團隊ITKB後端工程師

0 Like 1 留言 1422 瀏覽

鐵人賽 Modern Web DAY 21

Angular 深入淺出三十天：表單與測試系列第 21 篇

技術 Angular 深入淺出三十天：表單與測試 Day21 - E2E 測試實作 - 被保人表單

大家如果對於昨天的 E2E 測試如果沒有什麼問題的話，今天就來為我們的被保人表單撰寫 E2E 測試吧！實作開始撰寫測試前的準備昨天有說過了，今天就不再贅...

Leo ‧ 2021-10-06 ‧團隊請支援 Coding

0 Like 0 留言 734 瀏覽

鐵人賽自我挑戰組 DAY 24

Angular 學徒之路 feat. TypeScript 系列第 24 篇

技術 Day 24：開始來學資料繫結：事件繫結（一）

今天我們要來學習 Angular 第三種資料繫結的方法：事件繫結(Event binding)。我們要達成的目標是，點擊網頁上的圖片，然後標題會隨之改變。...

ABow_Chen ‧ 2021-10-06

0 Like 0 留言 1504 瀏覽

鐵人賽 Modern Web DAY 20

Angular 深入淺出三十天：表單與測試系列第 20 篇

技術 Angular 深入淺出三十天：表單與測試 Day20 - E2E 測試實作 - 登入系統

經過這兩天的介紹，相信大家對於 Cypress 應該已經有了一定程度的理解，有沒有人已經開始用它來寫測試了呢？今天就讓我帶著大家用 Cypress 來為我們...

Leo ‧ 2021-10-05 ‧團隊請支援 Coding

0 Like 0 留言 700 瀏覽

鐵人賽自我挑戰組 DAY 23

Angular 學徒之路 feat. TypeScript 系列第 23 篇

技術 Day 23：開始來學資料繫結：屬性繫結（二）

上一篇談到在 Angular 中使用屬性繫結（Property binding）的方法，也延伸了其他議題，就是 Property 及 Attribute 的...

ABow_Chen ‧ 2021-10-05

1 Like 1 留言 1092 瀏覽

鐵人賽自我挑戰組 DAY 19

Angular+Spring Boot API 處理股市資料系列第 19 篇

技術 Angular視覺化套件(Day19)

當我們初步了解Angular的框架後，接著我要介紹一套視覺化套件-ZingChart ZingChart is a self-contained, depen...

嫩嫩的EveryEnd工程師 ‧ 2021-10-04 ‧團隊ITKB後端工程師

0 Like 0 留言 2136 瀏覽

鐵人賽 Modern Web DAY 19

Angular 深入淺出三十天：表單與測試系列第 19 篇

技術 Angular 深入淺出三十天：表單與測試 Day19 - 與 Cypress 的初次見面（下）

昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構、 Cypress Test Runner 有哪些功能、和 Cypress...

Leo ‧ 2021-10-04 ‧團隊請支援 Coding

0 Like 0 留言 777 瀏覽

鐵人賽自我挑戰組 DAY 22

Angular 學徒之路 feat. TypeScript 系列第 22 篇

技術 Day 22：開始來學資料繫結：屬性繫結（一）

Day 22：開始來學資料繫結：屬性繫結（一）今天要來探討第二種資料繫結的方法：屬性繫結（Property binding）。我們以上一篇 a 標籤的 hr...

ABow_Chen ‧ 2021-10-04

0 Like 0 留言 1098 瀏覽

鐵人賽自我挑戰組 DAY 21

Angular 學徒之路 feat. TypeScript 系列第 21 篇

技術 Day 21：開始來學資料繫結：文字插值

在連續開了幾天支線任務之後，我們將再次回到 Angular 開發的正軌，繼續我們第十六天之後的網頁開發主線，如果已經有忘記的朋友，附上主線任務的連結如下，幫助大...

ABow_Chen ‧ 2021-10-03

1 Like 0 留言 1923 瀏覽

鐵人賽 Modern Web DAY 18

做一個面試官無法拒絕的sideproject，當一個全能的前端系列第 18 篇

技術 DAY18 - 將檔案上傳到 firebase storage

什麼是 firebase storage storage 是 firebase 所提供的儲存服務，可以想像是 firebase 版本的雲端硬碟，只不過還加上許...

tso1158687 ‧ 2021-10-03 ‧團隊請支援 Coding

1 Like 0 留言 1063 瀏覽

鐵人賽自我挑戰組 DAY 18

Angular+Spring Boot API 處理股市資料系列第 18 篇

技術 Angular建立專案(三)(Day18)

還記得我們昨天說到的主程式區塊嗎 ? 讓我們把app資料夾打開來，可以看到裡面的內容物長這樣。接著打開app.component.html，並且把裡面的內...

嫩嫩的EveryEnd工程師 ‧ 2021-10-03 ‧團隊ITKB後端工程師

0 Like 0 留言 3432 瀏覽

鐵人賽 Modern Web DAY 18

Angular 深入淺出三十天：表單與測試系列第 18 篇

技術 Angular 深入淺出三十天：表單與測試 Day18 - 與 Cypress 的初次見面（上）

昨天跟大家分享了 Cypress 有多厲害之後，大家有沒有很期待呢？這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧！由於 Cypress 的功...

Leo ‧ 2021-10-03 ‧團隊請支援 Coding

0 Like 0 留言 2119 瀏覽

鐵人賽 Modern Web

擺脫菜鳥的訓練，Angualr 基礎教學系列第 33 篇

技術 [Angular] Day33. Communicating with backend services using HTTP

在現代的網頁中絕大部分會需要與 server 互相溝通，無論是從 server 獲取商品的資料用於顯示在畫面中，還是畫面中的設定要儲存回 server 的設定都...

Fandix ‧ 2021-10-03

0 Like 0 留言 1969 瀏覽