iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 30
Angular 8 從推坑到放棄 系列 第 30

技術 [Day29] 完賽心得

寫這一篇文章是為了整理目前使用專案所學習到的 Angular。 想說順便鞭策自己整理筆記,加強學習效果,就報名參加了。因為沒什麼準備,每天都處在思考明天要寫什麼...

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 30

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day30 - 總結

三十天系列文至此即將告一個段落,雖然筆者到目前為止並沒有分享非常多的實戰,但 ng generate 、 ng add 、 ng update 這三個面向的 S...

鐵人賽 Blockchain DAY 30

技術 [區塊練起來-智能合約與DApp開發] DAY 30 - 實戰DApp!區塊鏈履歷應用(4)

貼心小語 上一篇完成了教育單位與企業單位的功能頁面,今天將會設計簡單的履歷頁面來呈現履歷資訊,衝呀~~~!!! 流程思考 我們當初在設計履歷合約的時候,有製作...

鐵人賽 Modern Web DAY 29
Angular 8 從推坑到放棄 系列 第 29

技術 [Day28 ]建立 PWA 應用

PWA 就是一個很像 Native App 的 Web App,而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...

鐵人賽 Modern Web DAY 29

技術 [DAY-29] Angular 與 Nestjs 前後端合體技

瞭解了這麼多Angular與Nestjs的相關知識之後,再來要想辦法將一個前端與一個後端融合在一起。 如何融合 要如何融合在一起呢?預計要做以下幾件事情 An...

鐵人賽 Blockchain DAY 29

技術 [區塊練起來-智能合約與DApp開發] DAY 29 - 實戰DApp!區塊鏈履歷應用(3)

貼心小語 上一篇做完了 Government 與 Host 的功能頁面,還將共同功能抽離出來做成 ComponentBase ,使我們開發更順暢,所以今天來完成...

鐵人賽 Modern Web DAY 29

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day28 - Angular Schematics API List (五)

介紹完引入路徑在 @schematics/angular/utility 底下的 API 之後,接下來要介紹給大家的 API 是引入路徑在 @angular-d...

鐵人賽 Modern Web DAY 29
用Angular打造完整後台 系列 第 29

技術 day29 Protocol Buffers 與 gRPC Web (一)

簡述 隨著微服務的趨勢,一個系統裡是有多個服務組成, 而且每個服務之間都要互相通訊,所以現在開始有一陣風吹向了gRPC。 gRPC最麻吉的資料格式是Protoc...

鐵人賽 Blockchain DAY 28

技術 [區塊練起來-智能合約與DApp開發] DAY 28 - 實戰DApp!區塊鏈履歷應用(2)

貼心小語 上一篇我們初步將專案架構建置起來了,這一篇將會開始撰寫功能,並從 Government 與 Host 開始製作。 ComponentBase 在開始...

鐵人賽 Modern Web DAY 28

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day27 - Angular Schematics API List (四)

此篇介紹的大多都是資料介面、資料模型的定義,不過還是有部分是很好用的 API ,依序為: change Host Change NoopChange In...

鐵人賽 Modern Web DAY 28
用Angular打造完整後台 系列 第 28

技術 day28 Firebase(二)應用

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

鐵人賽 Modern Web DAY 27
Angular 8 從推坑到放棄 系列 第 27

技術 [Day26] 使用ngrx in Angular(3)

接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...

鐵人賽 Blockchain DAY 27

技術 [區塊練起來-智能合約與DApp開發] DAY 27 - 實戰DApp!區塊鏈履歷應用(1)

貼心小語 前面幾篇將 web3.js 的基本功能介紹與實作完畢,已經可以透過這些功能做簡單的 DApp ,我們就來完成區塊鏈履歷的應用吧 系統規劃 與前面幾篇...

鐵人賽 Modern Web DAY 26
Angular 8 從推坑到放棄 系列 第 26

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...

鐵人賽 Modern Web DAY 27
用Angular打造完整後台 系列 第 27

技術 day27 Firebase(一)

簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫, 或是拿Demo去談合作,等確定是有利可圖的產品, 就會進行正式開發。 那大部分在做Demo時,...

鐵人賽 Blockchain DAY 26

技術 [區塊練起來-智能合約與DApp開發] DAY 26 - web3.js 解碼 log 資訊

貼心小語 上一篇我們提到如何監聽 Event,並從中取得 log 資訊,但如果要從交易的收據中取得 log 資訊該如何做呢?讓我們繼續看下去~ 收據裡的 lo...

鐵人賽 Modern Web DAY 25
Angular 8 從推坑到放棄 系列 第 25

技術 [Day24] 部署 Angular

步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...

鐵人賽 Modern Web DAY 25

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day24 - Angular Schematics API List (一)

介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後,我們再把主軸拉回到...

鐵人賽 Blockchain DAY 25

技術 [區塊練起來-智能合約與DApp開發] DAY 25 - web3.js 訂閱Event

貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...

鐵人賽 Modern Web DAY 26
用Angular打造完整後台 系列 第 26

技術 day26 IndexModule

簡述 通常開設商店都會有收入跟費用, 現在業主打開後台, 都會希望在第一時間看到一些數據, 也就是常聽到的 Dashboard。 功能 有出現哪些資訊要看各產業...

鐵人賽 自我挑戰組 DAY 24
人生第一次的SideProject 系列 第 24

技術 [Day 24 ] 角色卡部署至Github測試上線

今天陸陸續續寫了一些進度,不過後來想到角色卡跟資料庫無關的部分功能基本都OK了,就先來試著發布在網路上看看。 因為專案本來就是用Github做版控,所以buil...

鐵人賽 Modern Web DAY 24
Angular 8 從推坑到放棄 系列 第 24

技術 [Day 23]最佳化 Angular Application

如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...

鐵人賽 Modern Web DAY 25
用Angular打造完整後台 系列 第 25

技術 day25 SearchModule(二):應用

簡述 列表中非常常見的搜尋列, 如下圖所示: 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 data 時間...

鐵人賽 Blockchain DAY 24

技術 [區塊練起來-智能合約與DApp開發] DAY 24 - web3.js 呼叫合約

貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結,那麼在部署完之後當然要與合約進行互動,我們將使用 web3.js 來調用合約。 取得合約實...

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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