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