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

0 Like 0 留言 3935 瀏覽

鐵人賽 Blockchain DAY 23

區塊練起來-智能合約與DApp開發系列第 23 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 23 - web3.js 結合 Truffle 部署合約

貼心小語上一篇學會了如何發起交易，這一篇將會進入到另一個重要功能，就是部署合約！為什麼用 Truffle？應該有人看到標題就想問：為什麼已經用了專用函式...

HAO ‧ 2019-10-09 ‧團隊Turing World

0 Like 0 留言 1360 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 day23 OrderModule

簡述開始實作訂單管理的功能模塊。功能訂單列表(換頁搜尋)。用Dialog新增/修改訂單。用子組件查看商品。檔案結構 -src |-app...

Yating Chang ‧ 2019-10-08

1 Like 0 留言 1378 瀏覽

鐵人賽 Modern Web DAY 22

Angular 8 從推坑到放棄系列第 22 篇

技術 [Day 21] 介紹 Pipe

透過Pipe，可以不用在Component端寫程式改變資料的顯示模式，而是透過 Pipe 的模式來調整要顯示的資料內容，如此一來我們就不用在 Component...

TimTim ‧ 2019-10-08

1 Like 0 留言 2462 瀏覽

鐵人賽 Blockchain DAY 22

區塊練起來-智能合約與DApp開發系列第 22 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 22 - web3.js 發起交易

貼心小語上一篇我們能夠去取得交易及收據的資訊，這一篇將會透過 web3.js 來發起交易，算是蠻重要的一個功能！參數格式 web3.js 發起交易的函式需...

HAO ‧ 2019-10-08 ‧團隊Turing World

1 Like 0 留言 1931 瀏覽

鐵人賽 Modern Web DAY 21

Angular 8 從推坑到放棄系列第 21 篇

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況，使用 Reactive Form 處理應當會比 Template-Drive Form 好解決．匯入...

TimTim ‧ 2019-10-07

0 Like 0 留言 1067 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 day22 ProductModule(二):Image

簡述開始實作商品管理的上傳圖片、預覽圖片以及相關功能。功能商品新增修改在商品新增修改上有出現一個上傳圖片的功能，我們會把上傳圖片的功能拉出來做一個...

Yating Chang ‧ 2019-10-07

0 Like 0 留言 2335 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 [DAT-21] Typescript 介紹-列舉(Enum)

這一篇要來介紹Typescript的實用功能 - 列舉(Enum) 什麼是列舉(Enum) 列舉可以轉換一組備有限範圍的資料，比如說日期、郵遞區號、星期等等。列...

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

1 Like 0 留言 2672 瀏覽

鐵人賽 Blockchain DAY 21

區塊練起來-智能合約與DApp開發系列第 21 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 21 - web3.js 取得交易及收據

貼心小語上一篇我們學會了 web3.js 的 util 函式，這一篇將會設計取得交易及收據的方法。取得交易有時候可能會需要來看交易的內容，比如說： ha...

HAO ‧ 2019-10-07 ‧團隊Turing World

1 Like 0 留言 1898 瀏覽

鐵人賽 Modern Web DAY 20

Angular 8 從推坑到放棄系列第 20 篇

技術 [Day 19] 初步使用 Observable

為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...

TimTim ‧ 2019-10-06

0 Like 0 留言 1219 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 day21 ProductModule(一)

簡述開始實作商品管理的功能模塊。功能商品列表商品類別新增修改檔案結構 -src |-app |-cms |-produ...

Yating Chang ‧ 2019-10-06

0 Like 0 留言 2913 瀏覽

鐵人賽 Modern Web DAY 22

從零開始的Angular前端開發系列第 22 篇

技術 # DAY 22 HttpClient(三)

昨天我們成功存取本地檔案，今天來試著連接遠端的 API。我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...

fansen ‧ 2019-10-07 ‧團隊Bikini Bottom

1 Like 0 留言 1808 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day21 - 超好用工具分享之 Schematics Snippets 和 TypeScript AST Viewer

今天筆者要介紹的第一個超好用工具是 VSCode 的擴充套件： Schematics Snippets 這個超好用工具的作者，是我們臺灣的開發者：黃升煌 M...

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

1 Like 0 留言 2688 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day23 - 與 Vue 共舞

今天的練習基本上跟前一篇非常類似，不過就只是將主角從 React 換成了 Vue ，大體上沒有太大的改變。但是魔鬼藏在細節裡，且為了不是每天文章都會仔細閱讀的...

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

1 Like 0 留言 2301 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day22 - 與 React 共舞

練習目標 React 有個套件叫做 reactstrap ，它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。而安裝 react...

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

0 Like 0 留言 3970 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

1 Like 1 留言 3108 瀏覽

鐵人賽 Blockchain DAY 20

區塊練起來-智能合約與DApp開發系列第 20 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 20 - web3.js 公用函式

貼心小語上一篇我們設計了取得帳戶列表與區塊資訊，這一篇會來探討 web3.js 中一些公用函式(Utility Functions)。設置 Util 類...

HAO ‧ 2019-10-06 ‧團隊Turing World

0 Like 0 留言 1155 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 day20 CustomerModule

簡述開始實作會員管理的功能模塊。功能會員列表會員新增修改會員等級新增修改檔案結構 -src |-app |-cms...

Yating Chang ‧ 2019-10-05

1 Like 0 留言 8381 瀏覽

鐵人賽 Modern Web DAY 19

Angular 8 從推坑到放棄系列第 19 篇

技術 [Day 18] 如何使用 Angular Routing

今天要來介紹如何使用Roting來切換頁面透過Routing可以決定所要顯示的Page預設透過 Angular CLI 建立的為 app-routing.mo...

TimTim ‧ 2019-10-05

0 Like 0 留言 3109 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

1 Like 0 留言 2462 瀏覽

鐵人賽 Blockchain DAY 19

區塊練起來-智能合約與DApp開發系列第 19 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 19 - web3.js 取得 Accounts 及 Block 資訊

貼心小語上一篇我們將取得 Provider 的工作放在 ProviderService 中，並只使用單一實例，這一篇將會開始教各位怎麼取得帳戶資訊。我們將...

HAO ‧ 2019-10-05 ‧團隊Turing World

0 Like 1 留言 4261 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

0 Like 0 留言 1370 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 day19 AdminModule

簡述開始實作權限管理的功能模塊。功能管理者列表(換頁搜尋) 列表中更新管理者用Dialog新增管理者用子組件查看管理者檔案結構 -src...

Yating Chang ‧ 2019-10-04

1 Like 0 留言 1722 瀏覽

鐵人賽 Modern Web DAY 18

Angular 8 從推坑到放棄系列第 18 篇

技術 [Day 17]Angular Dynamic Form

Angular Form Angular 的 Form 是目前框架最好使用的框架沒有之一．Angular 的 Form 最主要有 Reactive Form 跟...

TimTim ‧ 2019-10-04

1 Like 1 留言 5062 瀏覽

鐵人賽 Blockchain DAY 18

區塊練起來-智能合約與DApp開發系列第 18 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 18 - web3.js 取得 Provider

貼心小語上一篇我們把 Angular 、 MetaMask 、 BootStrap 以及 web3.js 都裝好了，這一篇會寫簡單的 Service 來取得錢...

HAO ‧ 2019-10-04 ‧團隊Turing World

1 Like 0 留言 1768 瀏覽

鐵人賽 Modern Web DAY 17

Angular 8 從推坑到放棄系列第 17 篇

技術 [Day 16] 了解相依注入 Service

了解相依注入 Service 有時我們需要再多個components共享資料，例如上圖的 Applcation 架構中，想要共用LogService 以及U...

TimTim ‧ 2019-10-03

5 Like 3 留言 23595 瀏覽

鐵人賽 Modern Web DAY 17

前端三十 - 成為更好的前端工程師系列第 17 篇

達標好文技術 17. [FE] 為什麼現在的前端都在用「框架」？

現在打開任何一間求職網站，搜尋前端相關職缺，幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架：React、Vue、Angular；或著也可以到...

Gary ‧ 2019-10-03 ‧團隊Wow Doge!

0 Like 0 留言 1572 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 day18 UserModule

簡述上篇導航到首頁成功後，我們可以先實做功能較小的用戶資訊功能模塊。功能 User基本資訊改變自己的登入密碼檔案結構 -src |-app...

Yating Chang ‧ 2019-10-03

1 Like 0 留言 3121 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

2 Like 1 留言 4295 瀏覽

鐵人賽 Blockchain DAY 17

區塊練起來-智能合約與DApp開發系列第 17 篇

技術 [區塊練起來-智能合約與DApp開發] DAY 17 - DApp 環境建置與開發工具

貼心小語上一篇提到了 DApp 的概念及運作原理，其中我選擇使用 web3.js 以及 Angular 來開發，這篇將會一步一步把環境建置完畢。 Angul...

HAO ‧ 2019-10-03 ‧團隊Turing World

0 Like 0 留言 1500 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 day17 List常見問題(二)

簡述列表中經常會遇到的問題大約幾下幾種：很多功能模塊都會用到子組件，而在多數情況可能會有多個子組件，並且在列表中需重複點擊開關，需額外拉出一個class...

Yating Chang ‧ 2019-10-02

技術 [區塊練起來-智能合約與DApp開發] DAY 23 - web3.js 結合 Truffle 部署合約

技術 day23 OrderModule

技術 [Day 21] 介紹 Pipe

技術 [區塊練起來-智能合約與DApp開發] DAY 22 - web3.js 發起交易

技術 [Day 20] Angular 使用 React Form

技術 day22 ProductModule(二):Image

技術 [DAT-21] Typescript 介紹-列舉(Enum)

技術 [區塊練起來-智能合約與DApp開發] DAY 21 - web3.js 取得交易及收據

技術 [Day 19] 初步使用 Observable

技術 day21 ProductModule(一)

技術 # DAY 22 HttpClient(三)

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day21 - 超好用工具分享之 Schematics Snippets 和 TypeScript AST Viewer

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day23 - 與 Vue 共舞

技術 [高效 Coding 術：Angular Schematics 實戰三十天] Day22 - 與 React 共舞

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

技術 [區塊練起來-智能合約與DApp開發] DAY 20 - web3.js 公用函式

技術 day20 CustomerModule

技術 [Day 18] 如何使用 Angular Routing

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

技術 [區塊練起來-智能合約與DApp開發] DAY 19 - web3.js 取得 Accounts 及 Block 資訊

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

技術 day19 AdminModule

技術 [Day 17]Angular Dynamic Form

技術 [區塊練起來-智能合約與DApp開發] DAY 18 - web3.js 取得 Provider

技術 [Day 16] 了解 相依注入 Service

達標好文 技術 17. [FE] 為什麼現在的前端都在用「框架」？

技術 day18 UserModule

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

技術 [區塊練起來-智能合約與DApp開發] DAY 17 - DApp 環境建置與開發工具

技術 day17 List常見問題(二)

標記使用者

技術 [Day 16] 了解相依注入 Service

達標好文技術 17. [FE] 為什麼現在的前端都在用「框架」？