按照上一篇的結構圖產生component,在這範例,我們不需要單元測試,因此可以在命令的尾部加入--skip-tests。 目前Angular的componen...
這次要練習的Angular結構圖: node與Angular版本: 建置完專案後,首先要安裝bootstrap。在命令提示字元輸入指令npm i bootstr...
寫這一篇文章是為了整理目前使用專案所學習到的 Angular。想說順便鞭策自己整理筆記,加強學習效果,就報名參加了。因為沒什麼準備,每天都處在思考明天要寫什麼的...
貼心小語 上一篇完成了教育單位與企業單位的功能頁面,今天將會設計簡單的履歷頁面來呈現履歷資訊,衝呀~~~!!! 流程思考 我們當初在設計履歷合約的時候,有製作...
PWA 就是一個很像 Native App 的 Web App,而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...
瞭解了這麼多Angular與Nestjs的相關知識之後,再來要想辦法將一個前端與一個後端融合在一起。 如何融合 要如何融合在一起呢?預計要做以下幾件事情 An...
此篇介紹的 API 依序為: literals partially-ordered-set priority-queue template...
貼心小語 上一篇做完了 Government 與 Host 的功能頁面,還將共同功能抽離出來做成 ComponentBase ,使我們開發更順暢,所以今天來完成...
介紹完引入路徑在 @schematics/angular/utility 底下的 API 之後,接下來要介紹給大家的 API 是引入路徑在 @angular-d...
簡述 隨著微服務的趨勢,一個系統裡是有多個服務組成,而且每個服務之間都要互相通訊,所以現在開始有一陣風吹向了gRPC。 gRPC最麻吉的資料格式是Protoco...
貼心小語 上一篇我們初步將專案架構建置起來了,這一篇將會開始撰寫功能,並從 Government 與 Host 開始製作。 ComponentBase 在開始...
簡述 本篇開始把Demo替換成firebase。 替換流程 WebService DataService 修改list中的關聯式 實作 (一) web.s...
此篇介紹的大多都是資料介面、資料模型的定義,不過還是有部分是很好用的 API ,依序為: change Host Change NoopChange In...
接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...
貼心小語 前面幾篇將 web3.js 的基本功能介紹與實作完畢,已經可以透過這些功能做簡單的 DApp ,我們就來完成區塊鏈履歷的應用吧 系統規劃 與前面幾篇...
Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...
貼心小語 上一篇我們提到如何監聽 Event,並從中取得 log 資訊,但如果要從交易的收據中取得 log 資訊該如何做呢?讓我們繼續看下去~ 收據裡的 lo...
此篇介紹的 API 依序為: ng-ast-utils findBootstrapModuleCall findBootstrapModulePath g...
此篇介紹的 API 依序為: json-utils appendPropertyInAstObject insertPropertyInAstObject...
步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...
貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...
介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後,我們再把主軸拉回到...
簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫,或是拿Demo去談合作,等確定是有利可圖的產品,就會進行正式開發。 那大部分在做Demo時,多半...
如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...
簡述 通常開設商店都會有收入跟費用,現在業主打開後台,都會希望在第一時間看到一些數據,也就是常聽到的 Dashboard。 功能 有出現哪些資訊要看各產業,De...
簡述 列表中非常常見的搜尋列,如下圖所示: 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 data 時間工具。...
各位邦友大家好,我是 Leo 。 終於「又」完賽了!!!!(舉雙手瘋狂吶喊中) 繼去年參賽閉關兩個月之後,本來想說今年如果提早準備應該不會重蹈覆轍了...結果還...
貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結,那麼在部署完之後當然要與合約進行互動,我們將使用 web3.js 來調用合約。 取得合約實...
簡述 列表中非常常見的搜尋列如下圖所示 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 date 時間工具...
今天陸陸續續寫了一些進度,不過後來想到角色卡跟資料庫無關的部分功能基本都OK了,就先來試著發布在網路上看看。 因為專案本來就是用Github做版控,所以buil...
iThome鐵人賽