前端頁面規劃 圖片來源：美麗台 產品架構的部分其實就跟狼人殺架構差不多，我們直接來參考各大網站對於 Woocommerce 的概略版面設計，上面是新光三越旗下的...
GitHub：https://github.com/dannypc1628/Angular-Tour-of-HeroesFB專頁：https://www.fa...
長庚
‧
2020-10-07
在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskListComponent)...
vs code 建議安裝保哥推薦擴充套件Angular Extension Pack GitHub：https://github.com/dannypc1628...
長庚
‧
2020-10-06
Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentation...
Service 簡介 Angular Services 基本上依然是個 class，他常常是有明確職責定義的，有可能是與後端要數據、驗證使用者的輸入或是 log...
GitHub：https://github.com/dannypc1628/Angular-Tour-of-HeroesFB專頁：https://www.fa...
長庚
‧
2020-10-05
在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskList.vue) 及 表現...
前言 預計狼人殺APP的文章系列到這邊算一個段落，而正式的APP上線後預計會推廣一個月後關閉（除非燒起來就埋個Ads當公益公開了）。 不是開放原始碼就是免費...
本篇延續上篇的實作 components ，用商家管理的功能來說明 Container components 與 Presentational componen...
文件-快速上手-Angular基本概念-後續步驟：工具與技巧FB專頁：https://www.facebook.com/dannyliu.me 補字區：[鐵人賽...
長庚
‧
2020-10-04
Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentation...
本篇會介紹如何建立 component，以及用一些實際的功能說明上一篇的概念 實作出 layout 所需的 components 在實作 modules 的那篇...
文件-快速上手-Angular基本概念-服務與DI依賴注入簡介 FB專頁：https://www.facebook.com/dannyliu.me 補字區：[...
長庚
‧
2020-10-03
視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化，當專案越來越大時，或是接近上線時期，修改元件的部分，有時會影響到整個專案。人工去檢視一定會有疏...
快速上手文件-Angular基本概念-元件簡介 FB專頁：https://www.facebook.com/dannyliu.me 補字區：[鐵人賽文章需30...
長庚
‧
2020-10-02
用 Storybook 搭配測試方法，從元件開發到完成整個專案，可以增加開發者的信心，不會擔心改A錯B的狀況發生，因為從邏輯面及UI面都能被完整的測試到。 單元...
上一篇文章有提到一些這次專案會用到的模組，本篇簡單把他實作一遍。 建立 feature modules 用 terminal 開啟該專案的資料夾後，輸入以下指令...
今天閱讀完快速上手中Angular基本概念-模組簡介這一小節 快速上手文件-Angular基本概念-模組簡介 FB專頁：https://www.faceboo...
長庚
‧
2020-10-01
Viewport https://storybook.js.org/docs/vue/essentials/viewport Viewport 也是預設安裝好的...
大概介紹完了 Angular 的建置與開發後，我們來看看 Angular 的世界包含了哪些角色，在今天先向大家介紹模組。 Modules 在日漸複雜的前端領域，...
或許有人會問「那我要開發 SPA 網站時，要如何跟 Grails 搭配呢？」。這個問題的答案很簡單，Grails 已經設想到這情況。在使用 IntelliJ-I...
結果 資料來源 JSON - 範例使用 API (會有 CORS 問題) SWAGGER 程式碼 chart.component.html <canva...
馬達
‧
2020-09-30
今天把快速上手中Angular基本概念簡介這一節講完 粉絲專頁：https://www.facebook.com/dannyliu.me 補字區：[鐵人賽文章...
長庚
‧
2020-09-30
Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式，這樣就不需要寫程式重啟，也能發現元件的變化。 要使用 Control...
html <canvas baseChart width="800" height="800" [datasets...
馬達
‧
2020-09-29
今天閱讀了快速上手中的搭建環境與Angular基本概念簡介中的模組一小節 粉絲專頁：https://www.facebook.com/dannyliu.me...
長庚
‧
2020-09-29
Storybook的另一個主要的功能就是Addons 在使用Storybook做元件開發設計時搭配Addon功能更加強大 接下來就來好好體驗感受他的威力吧 寫在...
chart-color.service.ts import { Injectable } from '@angular/core'; import { Char...
馬達
‧
2020-09-28
前言 前兩天已經完成了畫面的製作，接下來帶大家把功能開發出來接上。 主持功能 <!-- Host --> <ng-conta...
iThome鐵人賽
看影片追技術
看更多
CK Sun
lala_lee_jobs
tonny0531