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

0 Like 0 留言 1175 瀏覽

鐵人賽 Modern Web DAY 7

angular專案開發指南系列第 7 篇

技術程式碼檢查(1) - ESLint

前言 Angular 搭配 TypeScript 使用，已經能夠在編譯階段檢查出很多問題了，為什麼還要程式碼檢查呢？因為 TypeScript 檢查更注重的是...

ShawnWu ‧ 2022-09-21

0 Like 0 留言 1170 瀏覽

技術在Local端預覽Angular建置的結果

我們可以使用Angular CLI的命令ng build --prod來建置Angular App。完成之後，在專案內會多一個dist資料夾，放的就是建置之後...

WM ‧ 2019-04-29

0 Like 0 留言 1170 瀏覽

鐵人賽 Modern Web DAY 27

Angular10 實作教學系列第 27 篇

技術 NG10鐵人賽 - 27 - ng2-charts github 導讀

安裝套件 cmd npm install ng2-charts@2.4.1 --save npm install chart.js --save 各種圖表展示...

馬達 ‧ 2020-09-27

2 Like 1 留言 1168 瀏覽

鐵人賽 Modern Web DAY 30

高效 Coding 術：Angular Schematics 實戰三十天系列第 32 篇

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day31 - 完賽心得

各位邦友大家好，我是 Leo 。終於「又」完賽了！！！！（舉雙手瘋狂吶喊中）繼去年參賽閉關兩個月之後，本來想說今年如果提早準備應該不會重蹈覆轍了...結果還...

Leo ‧ 2019-10-16 ‧團隊Turing World

0 Like 1 留言 1163 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

0 Like 1 留言 1158 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

0 Like 0 留言 1156 瀏覽

鐵人賽 Modern Web DAY 14

Angular初期筆記系列第 14 篇

技術 DAY14-Angular6之樣板參考變數-實作

說明在傳送值的過程，有時候會需要一些其他 element 的 properties，於是就用 JS 的 docoument.get... 去抓元素，直到一天我...

馬達 ‧ 2018-10-24

0 Like 0 留言 1155 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day 16：把做好的 HTML 加入 Angular 吧！

三天前，我們已成功把靜態檔案加入 Angular 的專案了，如果感到有點陌生，可以再到以下連結，重新回憶一下： Day 13：來把靜態檔案加入 Angular...

ABow_Chen ‧ 2021-09-28

1 Like 0 留言 1154 瀏覽

鐵人賽 Modern Web DAY 2

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

技術第 2 天諸神早安晨之美｜建立 Angular 專案、使用 JSON-server

今天我們將建構專案開發環境，除了 Angular 之外，我們也將在專案中配置 json-server 這個套件，來模擬與後台的互動。 004 哈囉大閒人，妳在忙...

tomasysh ‧ 2021-09-17

1 Like 0 留言 1152 瀏覽

鐵人賽 Modern Web DAY 27

高效 Coding 術：Angular Schematics 實戰三十天系列第 27 篇

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day26 - Angular Schematics API List （三）

此篇介紹的 API 依序為： ng-ast-utils findBootstrapModuleCall findBootstrapModulePath g...

Leo ‧ 2019-10-13 ‧團隊Turing World

0 Like 0 留言 1148 瀏覽

技術 Angular＃4 專案：路由建置

Angular [目標] 啟動程式先導入Login元件 1. 新增元件、模組 Syntax：ng help可以查詢 ng generate compo...

joor ‧ 2021-05-02

0 Like 0 留言 1146 瀏覽

鐵人賽 Modern Web DAY 28

用Angular打造完整後台系列第 28 篇

技術 day28 Firebase(二)應用

簡述本篇開始把Demo替換成firebase。替換流程 WebService DataService 修改list中的關聯式實作 (一) web.s...

Yating Chang ‧ 2019-10-13

1 Like 0 留言 1136 瀏覽

鐵人賽 Microsoft Azure DAY 22

Azure Serverless 平步青雲，漫步雲端系列第 22 篇

技術 Day 22- 鬼斧神工：Serverless 電商 - 實戰 - 前端開發 (一）頁面規劃

前端頁面規劃圖片來源：美麗台產品架構的部分其實就跟狼人殺架構差不多，我們直接來參考各大網站對於 Woocommerce 的概略版面設計，上面是新光三越旗下的...

CK Sun ‧ 2020-10-07 ‧團隊全端開發人員天梯

0 Like 0 留言 1135 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 [Angular] Day21. Common Routing Tasks (一)

上一張介紹完什麼是 router 與他的基本用法之後，接著要來繼續介紹 Angular router 的其他一些比較詳細的細節與用法，那就接著看下去吧！ W...

Fandix ‧ 2021-09-21

1 Like 0 留言 1135 瀏覽

鐵人賽 Software Development DAY 11

前端工程師不能不知道的生產力工具系列第 11 篇

技術 [Day11] 瀏覽器開發工具 - 擴充功能篇

雖然開發者工具中已經提供相當豐富的功能，也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API，像是目前大多主流的前端框架的開發者...

Yuri Tsai ‧ 2020-09-26

0 Like 0 留言 1130 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

tso1158687 ‧ 2019-10-01 ‧團隊你是不是不會

0 Like 1 留言 1129 瀏覽

鐵人賽 Modern Web DAY 1

angular專案開發指南系列第 1 篇

技術 Angular 專案從零開始

前言由於經手的專案中經常有機會使用Angular框架，過程中累積了一些前端專案的開發心得，想在此跟大家做個整理與分享。本次從一個新專案的檔案結構開始介紹，利...

ShawnWu ‧ 2022-09-15

0 Like 0 留言 1128 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day 09：一起了解 Angular 應用程式的啟動流程（一）

啟動 Angular 開發伺服器我們先打開 VS Code 的終端機面版，輸入 npm start，而 npm start 就會執行 ng serve 這個指...

ABow_Chen ‧ 2021-09-21

1 Like 0 留言 1115 瀏覽

鐵人賽 Modern Web DAY 20

玩轉 Storybook 系列第 20 篇

技術玩轉 Storybook: Day 20 Construct a screen - Vue

在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskList.vue) 及表現...

lala_lee_jobs ‧ 2020-10-05

1 Like 0 留言 1110 瀏覽

鐵人賽 Modern Web DAY 20

從零開始的點餐系統，Google好棒棒系列第 20 篇

技術 [Day20] Angular 主要概念 - Services 與依賴注入

Service 簡介 Angular Services 基本上依然是個 class，他常常是有明確職責定義的，有可能是與後端要數據、驗證使用者的輸入或是 log...

tonny0531 ‧ 2020-10-05

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後端工程師

1 Like 0 留言 1106 瀏覽

鐵人賽 Modern Web DAY 11

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

技術第 11 天範本驅動表單的動態檢核訊息｜ngSubmit

前情提要昨日實作其中一個英雄表單欄位「姓名」後，演示了如何使用 FormControl 表單控制項搭配範本參考變數（Template Reference）來掌...

tomasysh ‧ 2021-09-26

0 Like 0 留言 1102 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

tso1158687 ‧ 2019-09-30 ‧團隊你是不是不會

0 Like 0 留言 1100 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

ABow_Chen ‧ 2021-10-03

1 Like 1 留言 1095 瀏覽

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

鐵人賽 Modern Web DAY 2

angular專案開發指南系列第 2 篇

技術 Angular 框架的特性

特性以下列出一些主要的特性，提供大家決定是否選用Angular作為開發工具的參考。由Google開發維護的前端框架，官方文件針對配置與開發方式都有詳細的說...

ShawnWu ‧ 2022-09-16

1 Like 0 留言 1085 瀏覽

鐵人賽 Microsoft Azure DAY 13

Azure Serverless 平步青雲，漫步雲端系列第 13 篇

技術 Day 13- 掌中乾坤：狼人殺 - 實戰 - 前端開發 (五）功能開發

前言前兩天已經完成了畫面的製作，接下來帶大家把功能開發出來接上。主持功能  <ng-conta...

CK Sun ‧ 2020-09-28 ‧團隊全端開發人員天梯

1 Like 0 留言 1083 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

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

0 Like 0 留言 1076 瀏覽

鐵人賽 Modern Web DAY 16

angular專案開發指南系列第 16 篇

技術 Angular 元件的生命週期

前言回到基本的概念，今天來討論一下 Angular Lifecycle Hooks，雖然前面我們已經實作了租戶管理元件，但是對於 Angular 元件基本的生...

ShawnWu ‧ 2022-09-30

1 Like 0 留言 1075 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

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

技術 程式碼檢查(1) - ESLint

技術 在Local端預覽Angular建置的結果