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

0 Like 0 留言 1153 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

ABow_Chen ‧ 2021-10-08

1 Like 0 留言 1358 瀏覽

鐵人賽自我挑戰組 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 留言 2118 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

0 Like 0 留言 1136 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

ABow_Chen ‧ 2021-10-07

1 Like 0 留言 1279 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

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

0 Like 1 留言 1755 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

0 Like 0 留言 922 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

ABow_Chen ‧ 2021-10-06

0 Like 0 留言 1788 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

0 Like 0 留言 872 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

ABow_Chen ‧ 2021-10-05

1 Like 1 留言 1347 瀏覽

鐵人賽自我挑戰組 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 留言 2668 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

0 Like 0 留言 956 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

ABow_Chen ‧ 2021-10-04

0 Like 0 留言 1388 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

ABow_Chen ‧ 2021-10-03

1 Like 0 留言 2559 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

1 Like 0 留言 1258 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

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

0 Like 0 留言 3972 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

1 Like 0 留言 1358 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Angular建立專案(二)(Day17)

今天要來說明Angular專案內部各資料的功能讓我們從上往下講吧 e2e: 端對端測試(end-to-end tests) 展開後可以看到裡面有個src資料...

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

1 Like 0 留言 6652 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Angular 深入淺出三十天：表單與測試 Day17 - E2E 自動化測試工具簡介

在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代， E2E 自動化測試工具的選擇自然也很多。今天我們會先來初步了解一下目前有哪些 E2E...

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

0 Like 0 留言 2506 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day 20：怎麼在 Angular 使用 sweatalert2

由於在未來的專案有機會使用到 sweetalert2，所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。安裝 sweeta...

ABow_Chen ‧ 2021-10-02

0 Like 0 留言 1413 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 DAY17-前後端合體建立打卡頁面-前端服務篇1

上一篇處理完頁面的樣式後，這一篇要來處理資料與邏輯，並且如何透過angular fire 將資料送到firebase 儲存起來設計服務先回憶一下... 在...

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

1 Like 0 留言 1895 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Angular建立專案(一)(Day16)

今日我們來利用Angular CLI建立一個新的專案來打開VsCode內建的terminal 幫我移動到欲放置專案的路徑 cd {專案路徑} Angul...

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

1 Like 0 留言 2429 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Angular 深入淺出三十天：表單與測試 Day16 - Template Driven Forms vs Reactive Forms

這段期間，我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單（靜態）與被保人表單（動態），而且我們也都...

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

0 Like 0 留言 1502 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 DAY16-前後端合體建立打卡頁面-前端元件篇

在前幾天接觸新的工具、新的方法，使用不同的套件，現在終於要回到side project 最初的目標- 製作打卡系統現在要回到前端工程師的老本行之一，刻一個...

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

0 Like 1 留言 2558 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day 19：怎麼在 Angular 專案中使用 nvm 切換 Node.js 版本

前一篇談到了 Angular 版本如何更新的議題，今天依然討論跟版本相關的議題：如何在 Angular 專案中切換 Node.js 版本。之所以想提出討論，是...

ABow_Chen ‧ 2021-10-01

0 Like 0 留言 8429 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day 18：將你的 Angular 更新到最新版！

今天要來談談如何查看 Angular 應用程式的版本及更新。首先，我們要先知道目前本機端的 Angular 版本為何，可以先在終端機面板輸入 ng versi...

ABow_Chen ‧ 2021-09-30

0 Like 1 留言 1314 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Angular 深入淺出三十天：表單與測試 Day15 - 整合測試實作 - 被保人 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。大家還記得整合測試的目標是要測什麼嗎？我幫大家複...

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

0 Like 0 留言 1848 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 DAY15 - 利用 firebase 的 Authentication 建立會員系統與頁面串接

什麼是 firebase 的 Authentication firebase 還有一項強大的服務是 Authentication ，可以利用各種方式建立自己的...

tso1158687 ‧ 2021-09-30 ‧團隊請支援 Coding

0 Like 0 留言 583 瀏覽

鐵人賽 Modern Web DAY 14

關於我作夢變成工程師這檔事（Angular 篇）系列第 14 篇

技術第 14 天我不是要壓榨你我是給你個成長的機會｜Reactive Form

前情提要我們整理專案後，現在專案有更明確的模組來封裝元件，不僅讓 App 效能提升，也讓專案更「語意化」了，並且也越來越有架構的感覺了對吧？不過來有很多 A...

tomasysh ‧ 2021-09-29

0 Like 1 留言 2604 瀏覽