前言 預計狼人殺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...
文件 StackBlitz FB專頁：https://www.facebook.com/dannyliu.me 補字區：鐵人賽文章需300字以上內容！鐵人賽文...
長庚
‧
2020-09-28
在這個單元我們使用官網的教學搭配Angular的框架，STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者，可以跳過這個單...
前言 昨天我們做完Layout版面跟主持人版面之後，我們接下來可以來設計玩家的畫面。 賽局準備 玩家的視野會非常的侷限，基本上在賽局開始之前基本上身份跟角...
今天文件範圍GitHub StackBlitz Fork版 FB專頁：https://www.facebook.com/dannyliu.me
長庚
‧
2020-09-27
安裝套件 cmd npm install ng2-charts@2.4.1 --save npm install chart.js --save 各種圖表展示...
馬達
‧
2020-09-27
接下來就來把Task元件組裝成TaskList吧 TaskList 可以把TaskList規劃成四種狀態 Default - 當 Task 都是 defu...
雖然開發者工具中已經提供相當豐富的功能，也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API，像是目前大多主流的前端框架的開發者...
前言 昨天我們開發完入口畫面之後，現在要接著做房間的版面。從前端開始建構的時候，我們有訂出規格： Layout上我們預先設計可以辨識創立房間的ID跟分享的動...
CK Sun
tonny0531
lala_lee_jobs
Yuri Tsai
iThome鐵人賽
看影片追技術