昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...
Day 22：開始來學資料繫結：屬性繫結（一） 今天要來探討第二種資料繫結的方法：屬性繫結（Property binding）。 我們以上一篇 a 標籤的 hr...
在連續開了幾天支線任務之後，我們將再次回到 Angular 開發的正軌，繼續我們第十六天之後的網頁開發主線，如果已經有忘記的朋友，附上主線任務的連結如下，幫助大...
什麼是 firebase storage storage 是 firebase 所提供的儲存服務，可以想像是 firebase 版本的雲端硬碟，只不過還加上許...
還記得我們昨天說到的主程式區塊嗎 ? 讓我們把app資料夾打開來，可以看到裡面的內容物長這樣。 接著打開app.component.html，並且把裡面的內...
昨天跟大家分享了 Cypress 有多厲害之後，大家有沒有很期待呢？ 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧！ 由於 Cypress 的功...
今天要來說明Angular專案內部各資料的功能 讓我們從上往下講吧 e2e: 端對端測試(end-to-end tests) 展開後可以看到裡面有個src資料...
在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代， E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...
由於在未來的專案有機會使用到 sweetalert2，所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。 安裝 sweeta...
上一篇處理完頁面的樣式後，這一篇要來處理資料與邏輯，並且如何透過angular fire 將資料送到firebase 儲存起來 設計服務 先回憶一下... 在...
今日我們來利用Angular CLI建立一個新的專案 來打開VsCode內建的terminal 幫我移動到欲放置專案的路徑 cd {專案路徑} Angul...
這段期間，我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單（靜態）與被保人表單（動態），而且我們也都...
在前幾天接觸新的工具、新的方法，使用不同的套件，現在終於要回到side project 最初的目標- 製作打卡系統 現在要回到前端工程師的老本行之一，刻一個...
前一篇談到了 Angular 版本如何更新的議題，今天依然討論跟版本相關的議題：如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論，是...
今天要來談談如何查看 Angular 應用程式的版本及更新。 首先，我們要先知道目前本機端的 Angular 版本為何，可以先在終端機面板輸入 ng versi...
昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎？我幫大家複...
什麼是 firebase 的 Authentication firebase 還有一項強大的服務是 Authentication ，可以利用各種方式建立自己的...
前情提要 我們整理專案後，現在專案有更明確的模組來封裝元件，不僅讓 App 效能提升，也讓專案更「語意化」了，並且也越來越有架構的感覺了對吧？ 不過來有很多 A...
今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...
昨天我們已經將製作好的版型，套用到 Angular 的根元件 AppComponent，今天，我們就要來進行發行與部署 Angular 應用程式的流程。 首先，...
昨天我們完成了 service 的部分，已經可以用程式碼打 API 來做 CRUD，但是我們還沒有準備表單的 component，今天，我們就要來幫我們的 An...
上一篇介紹 firestore CRUD 的各種方式，今天要來介紹進階的查詢資料方式，利用條件去過濾出符合條件的資料，而不是每次都把所有資料都拿回來 fires...
前情提要 完成了新增英雄頁面、英雄資訊元件後，在我們勸誘青銅五小強之前，讓我們先停一停，來重構整個專案。 我們將完成下列事項： 建立 Feature Modu...
昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...
三天前，我們已成功把靜態檔案加入 Angular 的專案了，如果感到有點陌生，可以再到以下連結，重新回憶一下： Day 13：來把靜態檔案加入 Angular...
上一篇，建立了firestore資料庫，並且成功與前端連接，讀取到資料庫的資料，那麼這一篇就來認識一下，什麼是 firestore、firestore可以做什麼...
前情提要 簡單地聊聊範本驅動表單（Template Driven Fomrs）後，應該會覺得範本變數（Template Variables）常常出現吧。範本變數...
一直到目前，我們的 component 仍然使用寫死的物件當作資料來源，今天，我們就要來串起我們的前後端，用 HttpClient 取得資料然後再用 compo...
學習 Angular 的過程中，遇到了一些教學資源不見得會遇到的問題，還真是家常便飯，而且你個人電腦沒遇到，但公司派發給你的筆電偏偏就遇到了，所以就來記錄一下吧...
今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...
Leo
ABow_Chen
tso1158687
嫩嫩的EveryEnd工程師
tomasysh
goattl
iThome鐵人賽
看影片追技術