打通 RxJS 任督二脈
Angular 20 正式推出了全新的 Resource API 系列，包括 resource()、rxResource() 和 httpResource()，以 Angular Signals 強大的 reactive programming 思考簡化非同步資料處理。這篇文章將針對這三種用法做完整介紹與比較，了解它們的使用方式、與傳統 HttpClient 的差異，以及在實際中小型應用中的應用情境。文中也會涵蓋撰寫單元測試驗證 Resource API 呼叫的方法，並分享最佳實務與常見地雷。讓我們一起來看看 Angular 20 的這項新功能如何讓開發更輕鬆又優雅吧！
這篇文章將介紹如何使用 OpenFeature 的 Evaluation API，並以 TypeScript 程式語言為例，示範如何在前端專案中使用 Feature Flag 來管理 Todo List 功能的開關。
OpenFeature 是 2023-11-21 剛從 CNCF 基金會孵化出來的一個項目，目的是用更加標準化的方式來實現功能的開關。今天這篇文章簡單來介紹一下 OpenFeature 的基本概念。
Angular 自從 17 推出 Signals 後，就持續改進，從 17.1 的 Signal Input 到現在最新的 Model Input，讓開發者可以更輕鬆的達成 two way binding！今天就來看看如何使用透過 Signal Model Input 來達成 two way binding 吧！
OnPush 策略可以打造出高效能的元件，但也會對撰寫測試程式造成一些不方便，今天就來看看有哪些方法可以幫助我們測試 OnPush 策略的元件吧！
Angular 15 之後推出了全新的 Standalone Components 開發方式，擺脫傳統 NgModule 的束縛，讓我們能打造出更輕更快的 Angular 元件以及應用程式。未來極有可能會變成 Angular 開發的主流，而 Angular Elements 則可以幫我們把 Angular 的應用程式打包成符合 W3C 標準的 Web Components，可惜的是目前 Angular 文件還沒有特別針對 Standalone Components 如何使用 Angular Elements 特別做說明，這篇文章就來介紹一下如何將 Angular 的 Standalone 轉換成 Web Components。
為了即將到來的工作需求，最近開始準備 Kubernetes 的考試，花了一個月的時間學習，總算取得 CKAD 和 CKA 證照，在這邊分享一下我這一個月的學習心得。
Angular 16 時加入了實驗性質的對 jest 的支援，以面對未來 Karma 棄用時的測試選項。而 jest 也已經逐漸變成前端測試的主流，因此這次就來看看 Angular 官方對 jest 目前的支援如何吧！
前幾天看到「PAPAYA電腦教室」的影片，發現 Google 驗證也支援 Passkeys 了，實際使用的體驗感覺非常的棒，也好奇我們自己是否能提供一樣的服務，就做了一些研究，發現果然可行，目前常用的作業系統與行動裝置都支援了，這篇文章就筆記一下如何用 SimpleWebAuthn 套件來實踐 Passkeys 無密碼等入功能。
今天這篇文章來簡單用 Angular Signals 實作一個分頁功能，體驗一下使用 Angular Signals 與 Reactive Programming 的開發思維。